/*!*************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css ***! \*************************************************************************************************************************************************************************************************************************************************************/ .mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto, "Helvetica Neue", sans-serif}.mat-badge-small .mat-badge-content{font-size:9px}.mat-badge-large .mat-badge-content{font-size:24px}.mat-h1,.mat-headline,.mat-typography .mat-h1,.mat-typography .mat-headline,.mat-typography h1{font:400 24px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-title,.mat-typography .mat-h2,.mat-typography .mat-title,.mat-typography h2{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h3,.mat-subheading-2,.mat-typography .mat-h3,.mat-typography .mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h4,.mat-subheading-1,.mat-typography .mat-h4,.mat-typography .mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.mat-body-strong,.mat-body-2,.mat-typography .mat-body-strong,.mat-typography .mat-body-2{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body,.mat-body-1,.mat-typography .mat-body,.mat-typography .mat-body-1,.mat-typography{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body p,.mat-body-1 p,.mat-typography .mat-body p,.mat-typography .mat-body-1 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption{font:400 12px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.05em;margin:0 0 56px}.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.02em;margin:0 0 64px}.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.005em;margin:0 0 64px}.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-bottom-sheet-container{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-button,.mat-raised-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button,.mat-fab,.mat-mini-fab{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-button-toggle{font-family:Roboto, "Helvetica Neue", sans-serif}.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-subtitle,.mat-card-content{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-trailing-icon.mat-icon,.mat-chip .mat-chip-remove.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;letter-spacing:normal}.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;letter-spacing:normal}.mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.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-form-field-should-float .mat-form-field-label,.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34375em) scale(0.75);width:133.3333333333%}.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34374em) scale(0.75);width:133.3333433333%}.mat-form-field-label-wrapper{top:-0.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:.6666666667em;top:calc(100% - 1.7916666667em)}.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-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);width:133.3333333333%}.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{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);width:133.3333433333%}.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{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);width:133.3333533333%}.mat-form-field-appearance-legacy .mat-form-field-label{top:1.28125em}.mat-form-field-appearance-legacy .mat-form-field-underline{bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{margin-top:.5416666667em;top:calc(100% - 1.6666666667em)}@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28122em) scale(0.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{transform:translateY(-1.28121em) scale(0.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{transform:translateY(-1.2812em) scale(0.75)}}.mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em 0}.mat-form-field-appearance-fill .mat-form-field-label{top:1.09375em;margin-top:-0.5em}.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59375em) scale(0.75);width:133.3333333333%}.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{transform:translateY(-0.59374em) scale(0.75);width:133.3333433333%}.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em 0 1em 0}.mat-form-field-appearance-outline .mat-form-field-label{top:1.84375em;margin-top:-0.25em}.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59375em) scale(0.75);width:133.3333333333%}.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{transform:translateY(-1.59374em) scale(0.75);width:133.3333433333%}.mat-grid-tile-header,.mat-grid-tile-footer{font-size:14px}.mat-grid-tile-header .mat-line,.mat-grid-tile-footer .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-grid-tile-header .mat-line:nth-child(n+2),.mat-grid-tile-footer .mat-line:nth-child(n+2){font-size:12px}input.mat-input-element{margin-top:-0.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{font-family:Roboto, "Helvetica Neue", sans-serif}.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-vertical,.mat-stepper-horizontal{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-step-label{font-size:14px;font-weight:400}.mat-step-sub-label-error{font-weight:normal}.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;letter-spacing:normal;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{font-family:Roboto, "Helvetica Neue", sans-serif}.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 .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.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){font-size:12px}.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}.mat-optgroup-label{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.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-tree{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-tree-node,.mat-nested-tree-node{font-weight:400;font-size:14px}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale(0)}.cdk-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;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;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;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-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{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}@keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-mdc-focus-indicator{position:relative}.mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-option{color:rgba(0,0,0,.87)}.mat-option:hover:not(.mat-option-disabled),.mat-option:focus:not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-selected:not(.mat-option-multiple):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:#673ab7}.mat-accent .mat-option.mat-selected:not(.mat-option-disabled){color:#ffd740}.mat-warn .mat-option.mat-selected:not(.mat-option-disabled){color:#f44336}.mat-optgroup-label{color:rgba(0,0,0,.54)}.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-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate{background:#673ab7}.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate,.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate{background:#ffd740}.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-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-elevation-z0{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z1{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z2{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z3{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z4{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z5{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z6{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z7{box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12)}.mat-elevation-z8{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z9{box-shadow:0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z10{box-shadow:0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z11{box-shadow:0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z12{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z13{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z14{box-shadow:0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z15{box-shadow:0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z16{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z17{box-shadow:0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z18{box-shadow:0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z19{box-shadow:0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z20{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z21{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z22{box-shadow:0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z23{box-shadow:0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12)}.mat-elevation-z24{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-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:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-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)}.mat-badge{position:relative}.mat-badge.mat-badge{overflow:visible}.mat-badge-hidden .mat-badge-content{display:none}.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform 200ms ease-in-out;transform:scale(0.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none}.mat-badge-content.mat-badge-active{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-badge-content{color:#fff;background:#673ab7}.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}.mat-badge-accent .mat-badge-content{background:#ffd740;color:rgba(0,0,0,.87)}.mat-badge-warn .mat-badge-content{color:#fff;background:#f44336}.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}.mat-bottom-sheet-container{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}.mat-button,.mat-icon-button,.mat-stroked-button{color:inherit;background:transparent}.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary{color:#673ab7}.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent{color:#ffd740}.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn{color:#f44336}.mat-button.mat-primary.mat-button-disabled,.mat-button.mat-accent.mat-button-disabled,.mat-button.mat-warn.mat-button-disabled,.mat-button.mat-button-disabled.mat-button-disabled,.mat-icon-button.mat-primary.mat-button-disabled,.mat-icon-button.mat-accent.mat-button-disabled,.mat-icon-button.mat-warn.mat-button-disabled,.mat-icon-button.mat-button-disabled.mat-button-disabled,.mat-stroked-button.mat-primary.mat-button-disabled,.mat-stroked-button.mat-accent.mat-button-disabled,.mat-stroked-button.mat-warn.mat-button-disabled,.mat-stroked-button.mat-button-disabled.mat-button-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:#673ab7}.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:#ffd740}.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.mat-button-disabled .mat-button-focus-overlay,.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,.mat-stroked-button.mat-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(.mat-button-disabled){border-color:rgba(0,0,0,.12)}.mat-flat-button,.mat-raised-button,.mat-fab,.mat-mini-fab{color:rgba(0,0,0,.87);background-color:#fff}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{color:#fff}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{color:rgba(0,0,0,.87)}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{color:#fff}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{background-color:#673ab7}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{background-color:#ffd740}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{background-color:#f44336}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{background-color:rgba(0,0,0,.12)}.mat-flat-button.mat-primary .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element,.mat-fab.mat-primary .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-flat-button.mat-accent .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element,.mat-fab.mat-accent .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-flat-button.mat-warn .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element,.mat-fab.mat-warn .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-stroked-button:not([class*=mat-elevation-z]),.mat-flat-button:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]){box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-button-toggle-standalone:not([class*=mat-elevation-z]),.mat-button-toggle-group:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]){box-shadow:none}.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:solid 1px #e0e0e0}[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px #e0e0e0}.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:solid 1px #e0e0e0}.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-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:solid 1px #e0e0e0}.mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:48px}.mat-card{background:#fff;color:rgba(0,0,0,.87)}.mat-card:not([class*=mat-elevation-z]){box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-card.mat-card-flat:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.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}.mat-checkbox-mixedmark{background-color:#fafafa}.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,.mat-checkbox-checked.mat-primary .mat-checkbox-background{background-color:#673ab7}.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#ffd740}.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,.mat-checkbox-checked.mat-warn .mat-checkbox-background{background-color:#f44336}.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background{background-color:#b0b0b0}.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame{border-color:#b0b0b0}.mat-checkbox-disabled .mat-checkbox-label{color:rgba(0,0,0,.38)}.mat-checkbox .mat-ripple-element{background-color:#000}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element{background:#673ab7}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background:#ffd740}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element{background:#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:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-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:#673ab7;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-color: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-color:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent{background-color:#ffd740;color:rgba(0,0,0,.87)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-table{background:#fff}.mat-table thead,.mat-table tbody,.mat-table tfoot,mat-header-row,mat-row,mat-footer-row,[mat-header-row],[mat-row],[mat-footer-row],.mat-table-sticky{background:inherit}mat-row,mat-header-row,mat-footer-row,th.mat-header-cell,td.mat-cell,td.mat-footer-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{fill:rgba(0,0,0,.54)}.mat-datepicker-toggle,.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button{color:rgba(0,0,0,.54)}.mat-calendar-table-header-divider::after{background:rgba(0,0,0,.12)}.mat-calendar-table-header,.mat-calendar-body-label{color:rgba(0,0,0,.54)}.mat-calendar-body-cell-content,.mat-date-range-input-separator{color:rgba(0,0,0,.87);border-color:transparent}.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:rgba(0,0,0,.38)}.mat-form-field-disabled .mat-date-range-input-separator{color:rgba(0,0,0,.38)}.mat-calendar-body-in-preview{color:rgba(0,0,0,.24)}.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.38)}.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.18)}.mat-calendar-body-in-range::before{background:rgba(103,58,183,.2)}.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-calendar-body-comparison-bridge-start::before,[dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(103, 58, 183, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-comparison-bridge-end::before,[dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(103, 58, 183, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-calendar-body-selected{background-color:#673ab7;color:#fff}.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(103,58,183,.4)}.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(103,58,183,.3)}@media(hover: hover){.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(103,58,183,.3)}}.mat-datepicker-content{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);background-color:#fff;color:rgba(0,0,0,.87)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before{background:rgba(255,215,64,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(255, 215, 64, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(255, 215, 64, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#ffd740;color:rgba(0,0,0,.87)}.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(255,215,64,.4)}.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px rgba(0,0,0,.87)}.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,215,64,.3)}@media(hover: hover){.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,215,64,.3)}}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before{background:rgba(244,67,54,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.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.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}@media(hover: hover){.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}}.mat-datepicker-content-touch{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-datepicker-toggle-active{color:#673ab7}.mat-datepicker-toggle-active.mat-accent{color:#ffd740}.mat-datepicker-toggle-active.mat-warn{color:#f44336}.mat-date-range-input-inner[disabled]{color:rgba(0,0,0,.38)}.mat-dialog-container{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12);background:#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:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-action-row{border-top-color:rgba(0,0,0,.12)}.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){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-panel-header-description,.mat-expansion-indicator::after{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-title,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description{color:inherit}.mat-expansion-panel-header{height:48px}.mat-expansion-panel-header.mat-expanded{height:64px}.mat-form-field-label{color:rgba(0,0,0,.6)}.mat-hint{color:rgba(0,0,0,.6)}.mat-form-field.mat-focused .mat-form-field-label{color:#673ab7}.mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#ffd740}.mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#f44336}.mat-focused .mat-form-field-required-marker{color:#ffd740}.mat-form-field-ripple{background-color:rgba(0,0,0,.87)}.mat-form-field.mat-focused .mat-form-field-ripple{background-color:#673ab7}.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#ffd740}.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:#673ab7}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after{color:#ffd740}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker{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{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-hint{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.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:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.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:#673ab7}.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#ffd740}.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick{color:#f44336}.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:#673ab7}.mat-icon.mat-accent{color:#ffd740}.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-input-element:disabled,.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after{color:rgba(0,0,0,.38)}.mat-input-element{caret-color:#673ab7}.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-form-field.mat-accent .mat-input-element{caret-color:#ffd740}.mat-form-field.mat-warn .mat-input-element,.mat-form-field-invalid .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{color:rgba(0,0,0,.87)}.mat-list-base .mat-list-option{color:rgba(0,0,0,.87)}.mat-list-base .mat-subheader{color:rgba(0,0,0,.54)}.mat-list-base .mat-list-item-disabled{background-color:#eee;color:rgba(0,0,0,.38)}.mat-list-option:hover,.mat-list-option:focus,.mat-nav-list .mat-list-item:hover,.mat-nav-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-action-list .mat-list-item:focus{background:rgba(0,0,0,.04)}.mat-list-single-selected-option,.mat-list-single-selected-option:hover,.mat-list-single-selected-option:focus{background:rgba(0,0,0,.12)}.mat-menu-panel{background:#fff}.mat-menu-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-menu-item{background:transparent;color:rgba(0,0,0,.87)}.mat-menu-item[disabled],.mat-menu-item[disabled] .mat-menu-submenu-icon,.mat-menu-item[disabled] .mat-icon-no-color{color:rgba(0,0,0,.38)}.mat-menu-item .mat-icon-no-color,.mat-menu-submenu-icon{color:rgba(0,0,0,.54)}.mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]){background: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-increment,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-last{border-color:rgba(0,0,0,.38)}.mat-paginator-container{min-height:56px}.mat-progress-bar-background{fill:#d5cae9}.mat-progress-bar-buffer{background-color:#d5cae9}.mat-progress-bar-fill::after{background-color:#673ab7}.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#fbf1cc}.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#fbf1cc}.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ffd740}.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#f9ccc9}.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#f9ccc9}.mat-progress-bar.mat-warn .mat-progress-bar-fill::after{background-color:#f44336}.mat-progress-spinner circle,.mat-spinner circle{stroke:#673ab7}.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ffd740}.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:#673ab7}.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:#673ab7}.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ffd740}.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:#ffd740}.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-checked .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle{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:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-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:#673ab7}.mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#ffd740}.mat-form-field.mat-focused.mat-warn .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-invalid .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:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-drawer-side{border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-side.mat-drawer-end{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side.mat-drawer-end{border-left:none;border-right:solid 1px 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:#ffd740}.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:rgba(255,215,64,.54)}.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#ffd740}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#673ab7}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:rgba(103,58,183,.54)}.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#673ab7}.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:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);background-color:#fafafa}.mat-slide-toggle-bar{background-color:rgba(0,0,0,.38)}.mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider.mat-primary .mat-slider-track-fill,.mat-slider.mat-primary .mat-slider-thumb,.mat-slider.mat-primary .mat-slider-thumb-label{background-color:#673ab7}.mat-slider.mat-primary .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-primary .mat-slider-focus-ring{background-color:rgba(103,58,183,.2)}.mat-slider.mat-accent .mat-slider-track-fill,.mat-slider.mat-accent .mat-slider-thumb,.mat-slider.mat-accent .mat-slider-thumb-label{background-color:#ffd740}.mat-slider.mat-accent .mat-slider-thumb-label-text{color:rgba(0,0,0,.87)}.mat-slider.mat-accent .mat-slider-focus-ring{background-color:rgba(255,215,64,.2)}.mat-slider.mat-warn .mat-slider-track-fill,.mat-slider.mat-warn .mat-slider-thumb,.mat-slider.mat-warn .mat-slider-thumb-label{background-color:#f44336}.mat-slider.mat-warn .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-warn .mat-slider-focus-ring{background-color:rgba(244,67,54,.2)}.mat-slider:hover .mat-slider-track-background,.mat-slider.cdk-focused .mat-slider-track-background{background-color:rgba(0,0,0,.38)}.mat-slider.mat-slider-disabled .mat-slider-track-background,.mat-slider.mat-slider-disabled .mat-slider-track-fill,.mat-slider.mat-slider-disabled .mat-slider-thumb{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)}.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)}.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)}.mat-slider.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.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb{border-color:rgba(0,0,0,.38)}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.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, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);background-image:-moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-slider-vertical .mat-slider-ticks{background-image:repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false]{background-color:rgba(0,0,0,.04)}.mat-step-header:hover[aria-disabled=true]{cursor:default}@media(hover: none){.mat-step-header:hover{background:none}}.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:#673ab7;color:#fff}.mat-step-header.mat-accent .mat-step-icon{color:rgba(0,0,0,.87)}.mat-step-header.mat-accent .mat-step-icon-selected,.mat-step-header.mat-accent .mat-step-icon-state-done,.mat-step-header.mat-accent .mat-step-icon-state-edit{background-color:#ffd740;color:rgba(0,0,0,.87)}.mat-step-header.mat-warn .mat-step-icon{color:#fff}.mat-step-header.mat-warn .mat-step-icon-selected,.mat-step-header.mat-warn .mat-step-icon-state-done,.mat-step-header.mat-warn .mat-step-icon-state-edit{background-color:#f44336;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::before,.mat-horizontal-stepper-header::after,.mat-stepper-horizontal-line{border-top-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header{height:72px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header{padding:24px 24px}.mat-stepper-vertical-line::before{top:-16px;bottom:-16px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before{top:36px}.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{top:36px}.mat-sort-header-arrow{color:#757575}.mat-tab-nav-bar,.mat-tab-header{border-bottom:1px solid rgba(0,0,0,.12)}.mat-tab-group-inverted-header .mat-tab-nav-bar,.mat-tab-group-inverted-header .mat-tab-header{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(209,196,233,.3)}.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#673ab7}.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .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,229,127,.3)}.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#ffd740}.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar{background-color:rgba(0,0,0,.87)}.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-tab-header .mat-ink-bar,.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .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(209,196,233,.3)}.mat-tab-group.mat-background-primary>.mat-tab-header,.mat-tab-group.mat-background-primary>.mat-tab-link-container,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination{background-color:#673ab7}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.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 .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:#fff;opacity:.4}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.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,229,127,.3)}.mat-tab-group.mat-background-accent>.mat-tab-header,.mat-tab-group.mat-background-accent>.mat-tab-link-container,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination{background-color:#ffd740}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link{color:rgba(0,0,0,.87)}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.4)}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator::before{border-color:rgba(0,0,0,.87)}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.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 .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:#000;opacity:.4}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element{background-color:#000;opacity:.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-link-container,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination{background-color:#f44336}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.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 .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:#fff;opacity:.4}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)}.mat-toolbar.mat-primary{background:#673ab7;color:#fff}.mat-toolbar.mat-accent{background:#ffd740;color:rgba(0,0,0,.87)}.mat-toolbar.mat-warn{background:#f44336;color:#fff}.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple{background-color:currentColor}.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow{color:inherit}.mat-toolbar .mat-input-element{caret-color:currentColor}.mat-toolbar-multiple-rows{min-height:64px}.mat-toolbar-row,.mat-toolbar-single-row{height:64px}@media(max-width: 599px){.mat-toolbar-multiple-rows{min-height:56px}.mat-toolbar-row,.mat-toolbar-single-row{height:56px}}.mat-tooltip{background:rgba(97,97,97,.9)}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:rgba(0,0,0,.87)}.mat-tree-node{min-height:48px}.mat-snack-bar-container{color:rgba(255,255,255,.7);background:#323232;box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-simple-snackbar-action{color:#ffd740} /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/theme/variables.scss ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @font-face { font-family: Roboto-BlackItalic; src: url('Roboto-BlackItalic.ttf'); } @font-face { font-family: Roboto-Black; src: url('Roboto-Black.ttf'); } @font-face { font-family: Roboto-BoldItalic; src: url('Roboto-BoldItalic.ttf'); } @font-face { font-family: Roboto-Bold; src: url('Roboto-Bold.ttf'); } @font-face { font-family: Roboto-Italic; src: url('Roboto-Italic.ttf'); } @font-face { font-family: Roboto-LightItalic; src: url('Roboto-LightItalic.ttf'); } @font-face { font-family: Roboto-Light; src: url('Roboto-Light.ttf'); } @font-face { font-family: Roboto-MediumItalic; src: url('Roboto-MediumItalic.ttf'); } @font-face { font-family: Roboto-Medium; src: url('Roboto-Medium.ttf'); } @font-face { font-family: Roboto-Regular; src: url('Roboto-Regular.ttf'); } @font-face { font-family: Roboto-ThinItalic; src: url('Roboto-ThinItalic.ttf'); } @font-face { font-family: Roboto-Thin; src: url('Roboto-Thin.ttf'); } :root { --ion-font-family: "Roboto-Regular" , "Roboto-Light", sans-serif !important; /** primary **/ --ion-color-primary: #3880ff; --ion-color-primary-rgb: 56, 128, 255; --ion-color-primary-contrast: #ffffff; --ion-color-primary-contrast-rgb: 255, 255, 255; --ion-color-primary-shade: #3171e0; --ion-color-primary-tint: #4c8dff; /** secondary **/ --ion-color-secondary: #3dc2ff; --ion-color-secondary-rgb: 61, 194, 255; --ion-color-secondary-contrast: #ffffff; --ion-color-secondary-contrast-rgb: 255, 255, 255; --ion-color-secondary-shade: #36abe0; --ion-color-secondary-tint: #50c8ff; /** tertiary **/ --ion-color-tertiary: #5260ff; --ion-color-tertiary-rgb: 82, 96, 255; --ion-color-tertiary-contrast: #ffffff; --ion-color-tertiary-contrast-rgb: 255, 255, 255; --ion-color-tertiary-shade: #4854e0; --ion-color-tertiary-tint: #6370ff; /** success **/ --ion-color-success: #2dd36f; --ion-color-success-rgb: 45, 211, 111; --ion-color-success-contrast: #ffffff; --ion-color-success-contrast-rgb: 255, 255, 255; --ion-color-success-shade: #28ba62; --ion-color-success-tint: #42d77d; /** warning **/ --ion-color-warning: #ffc409; --ion-color-warning-rgb: 255, 196, 9; --ion-color-warning-contrast: #000000; --ion-color-warning-contrast-rgb: 0, 0, 0; --ion-color-warning-shade: #e0ac08; --ion-color-warning-tint: #ffca22; /** danger **/ --ion-color-danger: #eb445a; --ion-color-danger-rgb: 235, 68, 90; --ion-color-danger-contrast: #ffffff; --ion-color-danger-contrast-rgb: 255, 255, 255; --ion-color-danger-shade: #cf3c4f; --ion-color-danger-tint: #ed576b; /** dark **/ --ion-color-dark: #222428; --ion-color-dark-rgb: 34, 36, 40; --ion-color-dark-contrast: #ffffff; --ion-color-dark-contrast-rgb: 255, 255, 255; --ion-color-dark-shade: #1e2023; --ion-color-dark-tint: #383a3e; /** medium **/ --ion-color-medium: #92949c; --ion-color-medium-rgb: 146, 148, 156; --ion-color-medium-contrast: #ffffff; --ion-color-medium-contrast-rgb: 255, 255, 255; --ion-color-medium-shade: #808289; --ion-color-medium-tint: #9d9fa6; /** light **/ --ion-color-light: #f4f5f8; --ion-color-light-rgb: 244, 245, 248; --ion-color-light-contrast: #000000; --ion-color-light-contrast-rgb: 0, 0, 0; --ion-color-light-shade: #d7d8da; --ion-color-light-tint: #f5f6f9; } :root .mat-badge-content { font-weight: 600; font-size: 12px; font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-badge-small .mat-badge-content { font-size: 9px; } :root .mat-badge-large .mat-badge-content { font-size: 24px; } :root .mat-h1, :root .mat-headline, :root .mat-typography .mat-h1, :root .mat-typography .mat-headline, :root .mat-typography h1 { font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h2, :root .mat-title, :root .mat-typography .mat-h2, :root .mat-typography .mat-title, :root .mat-typography h2 { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h3, :root .mat-subheading-2, :root .mat-typography .mat-h3, :root .mat-typography .mat-subheading-2, :root .mat-typography h3 { font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h4, :root .mat-subheading-1, :root .mat-typography .mat-h4, :root .mat-typography .mat-subheading-1, :root .mat-typography h4 { font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h5, :root .mat-typography .mat-h5, :root .mat-typography h5 { font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } :root .mat-h6, :root .mat-typography .mat-h6, :root .mat-typography h6 { font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } :root .mat-body-strong, :root .mat-body-2, :root .mat-typography .mat-body-strong, :root .mat-typography .mat-body-2 { font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-body, :root .mat-body-1, :root .mat-typography .mat-body, :root .mat-typography .mat-body-1, :root .mat-typography { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-body p, :root .mat-body-1 p, :root .mat-typography .mat-body p, :root .mat-typography .mat-body-1 p, :root .mat-typography p { margin: 0 0 12px; } :root .mat-small, :root .mat-caption, :root .mat-typography .mat-small, :root .mat-typography .mat-caption { font: 400 12px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-display-4, :root .mat-typography .mat-display-4 { font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.05em; margin: 0 0 56px; } :root .mat-display-3, :root .mat-typography .mat-display-3 { font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.02em; margin: 0 0 64px; } :root .mat-display-2, :root .mat-typography .mat-display-2 { font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.005em; margin: 0 0 64px; } :root .mat-display-1, :root .mat-typography .mat-display-1 { font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 64px; } :root .mat-bottom-sheet-container { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-button, :root .mat-raised-button, :root .mat-icon-button, :root .mat-stroked-button, :root .mat-flat-button, :root .mat-fab, :root .mat-mini-fab { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-button-toggle { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-card { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-card-title { font-size: 24px; font-weight: 500; } :root .mat-card-header .mat-card-title { font-size: 20px; } :root .mat-card-subtitle, :root .mat-card-content { font-size: 14px; } :root .mat-checkbox { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-checkbox-layout .mat-checkbox-label { line-height: 24px; } :root .mat-chip { font-size: 14px; font-weight: 500; } :root .mat-chip .mat-chip-trailing-icon.mat-icon, :root .mat-chip .mat-chip-remove.mat-icon { font-size: 18px; } :root .mat-table { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-header-cell { font-size: 12px; font-weight: 500; } :root .mat-cell, :root .mat-footer-cell { font-size: 14px; } :root .mat-calendar { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-calendar-body { font-size: 13px; } :root .mat-calendar-body-label, :root .mat-calendar-period-button { font-size: 14px; font-weight: 500; } :root .mat-calendar-table-header th { font-size: 11px; font-weight: 400; } :root .mat-dialog-title { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-expansion-panel-header { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 15px; font-weight: 400; } :root .mat-expansion-panel-content { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-form-field { font-size: inherit; font-weight: 400; line-height: 1.125; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-form-field-wrapper { padding-bottom: 1.34375em; } :root .mat-form-field-prefix .mat-icon, :root .mat-form-field-suffix .mat-icon { font-size: 150%; line-height: 1.125; } :root .mat-form-field-prefix .mat-icon-button, :root .mat-form-field-suffix .mat-icon-button { height: 1.5em; width: 1.5em; } :root .mat-form-field-prefix .mat-icon-button .mat-icon, :root .mat-form-field-suffix .mat-icon-button .mat-icon { height: 1.125em; line-height: 1.125; } :root .mat-form-field-infix { padding: 0.5em 0; border-top: 0.84375em solid transparent; } :root .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34375em) scale(0.75); width: 133.3333333333%; } :root .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34374em) scale(0.75); width: 133.3333433333%; } :root .mat-form-field-label-wrapper { top: -0.84375em; padding-top: 0.84375em; } :root .mat-form-field-label { top: 1.34375em; } :root .mat-form-field-underline { bottom: 1.34375em; } :root .mat-form-field-subscript-wrapper { font-size: 75%; margin-top: 0.6666666667em; top: calc(100% - 1.7916666667em); } :root .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 1.25em; } :root .mat-form-field-appearance-legacy .mat-form-field-infix { padding: 0.4375em 0; } :root .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px); width: 133.3333333333%; } :root .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 { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px); width: 133.3333433333%; } :root .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 { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px); width: 133.3333533333%; } :root .mat-form-field-appearance-legacy .mat-form-field-label { top: 1.28125em; } :root .mat-form-field-appearance-legacy .mat-form-field-underline { bottom: 1.25em; } :root .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { margin-top: 0.5416666667em; top: calc(100% - 1.6666666667em); } @media print { :root .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28122em) scale(0.75); } :root .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 { transform: translateY(-1.28121em) scale(0.75); } :root .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 { transform: translateY(-1.2812em) scale(0.75); } } :root .mat-form-field-appearance-fill .mat-form-field-infix { padding: 0.25em 0 0.75em 0; } :root .mat-form-field-appearance-fill .mat-form-field-label { top: 1.09375em; margin-top: -0.5em; } :root .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59375em) scale(0.75); width: 133.3333333333%; } :root .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 { transform: translateY(-0.59374em) scale(0.75); width: 133.3333433333%; } :root .mat-form-field-appearance-outline .mat-form-field-infix { padding: 1em 0 1em 0; } :root .mat-form-field-appearance-outline .mat-form-field-label { top: 1.84375em; margin-top: -0.25em; } :root .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59375em) scale(0.75); width: 133.3333333333%; } :root .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 { transform: translateY(-1.59374em) scale(0.75); width: 133.3333433333%; } :root .mat-grid-tile-header, :root .mat-grid-tile-footer { font-size: 14px; } :root .mat-grid-tile-header .mat-line, :root .mat-grid-tile-footer .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-grid-tile-header .mat-line:nth-child(n+2), :root .mat-grid-tile-footer .mat-line:nth-child(n+2) { font-size: 12px; } :root input.mat-input-element { margin-top: -0.0625em; } :root .mat-menu-item { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 400; } :root .mat-paginator, :root .mat-paginator-page-size .mat-select-trigger { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; } :root .mat-radio-button { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-select { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-select-trigger { height: 1.125em; } :root .mat-slide-toggle-content { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-slider-thumb-label-text { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } :root .mat-stepper-vertical, :root .mat-stepper-horizontal { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-step-label { font-size: 14px; font-weight: 400; } :root .mat-step-sub-label-error { font-weight: normal; } :root .mat-step-label-error { font-size: 14px; } :root .mat-step-label-selected { font-size: 14px; font-weight: 500; } :root .mat-tab-group { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-tab-label, :root .mat-tab-link { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-toolbar, :root .mat-toolbar h1, :root .mat-toolbar h2, :root .mat-toolbar h3, :root .mat-toolbar h4, :root .mat-toolbar h5, :root .mat-toolbar h6 { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0; } :root .mat-tooltip { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 10px; padding-top: 6px; padding-bottom: 6px; } :root .mat-tooltip-handset { font-size: 14px; padding-top: 8px; padding-bottom: 8px; } :root .mat-list-item { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-list-option { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-list-base .mat-list-item { font-size: 16px; } :root .mat-list-base .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base .mat-list-item .mat-line:nth-child(n+2) { font-size: 14px; } :root .mat-list-base .mat-list-option { font-size: 16px; } :root .mat-list-base .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base .mat-list-option .mat-line:nth-child(n+2) { font-size: 14px; } :root .mat-list-base .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-list-base[dense] .mat-list-item { font-size: 12px; } :root .mat-list-base[dense] .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) { font-size: 12px; } :root .mat-list-base[dense] .mat-list-option { font-size: 12px; } :root .mat-list-base[dense] .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) { font-size: 12px; } :root .mat-list-base[dense] .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } :root .mat-option { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 16px; } :root .mat-optgroup-label { font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-simple-snackbar { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; } :root .mat-simple-snackbar-action { line-height: 1; font-family: inherit; font-size: inherit; font-weight: 500; } :root .mat-tree { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-tree-node, :root .mat-nested-tree-node { font-weight: 400; font-size: 14px; } :root .mat-ripple { overflow: hidden; position: relative; } :root .mat-ripple:not(:empty) { transform: translateZ(0); } :root .mat-ripple.mat-ripple-unbounded { overflow: visible; } :root .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale(0); } .cdk-high-contrast-active :root .mat-ripple-element { display: none; } :root .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; outline: 0; -webkit-appearance: none; -moz-appearance: none; left: 0; } [dir=rtl] :root .cdk-visually-hidden { left: auto; right: 0; } :root .cdk-overlay-container, :root .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } :root .cdk-overlay-container { position: fixed; z-index: 1000; } :root .cdk-overlay-container:empty { display: none; } :root .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } :root .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } :root .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } :root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } .cdk-high-contrast-active :root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } :root .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } :root .cdk-overlay-transparent-backdrop { transition: visibility 1ms linear, opacity 1ms linear; visibility: hidden; opacity: 1; } :root .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; visibility: visible; } :root .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } :root .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } :root textarea.cdk-textarea-autosize { resize: none; } :root textarea.cdk-textarea-autosize-measuring { padding: 2px 0 !important; box-sizing: content-box !important; height: auto !important; overflow: hidden !important; } :root textarea.cdk-textarea-autosize-measuring-firefox { padding: 2px 0 !important; box-sizing: content-box !important; height: 0 !important; } @keyframes cdk-text-field-autofill-start { /*!*/ } @keyframes cdk-text-field-autofill-end { /*!*/ } :root .cdk-text-field-autofill-monitored:-webkit-autofill { animation: cdk-text-field-autofill-start 0s 1ms; } :root .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { animation: cdk-text-field-autofill-end 0s 1ms; } :root .mat-focus-indicator { position: relative; } :root .mat-mdc-focus-indicator { position: relative; } :root .theme-app2 { /* Track */ /* Handle */ /* Handle on hover */ /* Style the area path element when hovering (optional) */ /* active tab */ /* Styles for the active tab label */ /* Styles for the ink bar */ } :root .theme-app2 .dark { --primary: #2D3035; --secondary: #C7C7CC; --secondaryBase: #fff; --accent: #689fff; --secondaryDark: #383D43; --accentLight:rgba(138, 209, 202, .3); --accentBackground:rgba(138, 209, 202, .1); --accentDark: #376c65; --borderColor: #689fff; --accentHover: rgba(108, 212, 202, 0.5); --iconColor: #5aa1bf; --primaryText: #fff; --secondaryText: #8E8E93; --accentText: #6CD4CA; --secondaryBaseText: #EFEFF4; --accentLightText: #2D3035; --accentDarkText: #000000; --ion-background-color: var(--primary); } :root .theme-app2 .dark .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app2 .dark .mat-option { color: white; } :root .theme-app2 .dark .mat-option:hover:not(.mat-option-disabled), :root .theme-app2 .dark .mat-option:focus:not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } :root .theme-app2 .dark .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } :root .theme-app2 .dark .mat-option.mat-active { background: rgba(255, 255, 255, 0.04); color: white; } :root .theme-app2 .dark .mat-option.mat-option-disabled { color: rgba(255, 255, 255, 0.5); } :root .theme-app2 .dark .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #40c4ff; } :root .theme-app2 .dark .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #40c4ff; } :root .theme-app2 .dark .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #ff5722; } :root .theme-app2 .dark .mat-optgroup-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app2 .dark .mat-optgroup-disabled .mat-optgroup-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app2 .dark .mat-pseudo-checkbox { color: rgba(255, 255, 255, 0.7); } :root .theme-app2 .dark .mat-pseudo-checkbox::after { color: #303030; } :root .theme-app2 .dark .mat-pseudo-checkbox-disabled { color: #686868; } :root .theme-app2 .dark .mat-primary .mat-pseudo-checkbox-checked, :root .theme-app2 .dark .mat-primary .mat-pseudo-checkbox-indeterminate { background: #40c4ff; } :root .theme-app2 .dark .mat-pseudo-checkbox-checked, :root .theme-app2 .dark .mat-pseudo-checkbox-indeterminate, :root .theme-app2 .dark .mat-accent .mat-pseudo-checkbox-checked, :root .theme-app2 .dark .mat-accent .mat-pseudo-checkbox-indeterminate { background: #40c4ff; } :root .theme-app2 .dark .mat-warn .mat-pseudo-checkbox-checked, :root .theme-app2 .dark .mat-warn .mat-pseudo-checkbox-indeterminate { background: #ff5722; } :root .theme-app2 .dark .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, :root .theme-app2 .dark .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #686868; } :root .theme-app2 .dark .mat-app-background, :root .theme-app2 .dark.mat-app-background { background-color: #303030; color: white; } :root .theme-app2 .dark .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } :root .theme-app2 .dark .mat-autocomplete-panel { background: #424242; color: white; } :root .theme-app2 .dark .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: #424242; } :root .theme-app2 .dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: white; } :root .theme-app2 .dark .mat-badge { position: relative; } :root .theme-app2 .dark .mat-badge.mat-badge { overflow: visible; } :root .theme-app2 .dark .mat-badge-hidden .mat-badge-content { display: none; } :root .theme-app2 .dark .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } :root .theme-app2 .dark .ng-animate-disabled .mat-badge-content, :root .theme-app2 .dark .mat-badge-content._mat-animation-noopable { transition: none; } :root .theme-app2 .dark .mat-badge-content.mat-badge-active { transform: none; } :root .theme-app2 .dark .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } :root .theme-app2 .dark .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } :root .theme-app2 .dark .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } :root .theme-app2 .dark .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] :root .theme-app2 .dark .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } :root .theme-app2 .dark .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] :root .theme-app2 .dark .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } :root .theme-app2 .dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] :root .theme-app2 .dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } :root .theme-app2 .dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] :root .theme-app2 .dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } :root .theme-app2 .dark .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } :root .theme-app2 .dark .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } :root .theme-app2 .dark .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } :root .theme-app2 .dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] :root .theme-app2 .dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } :root .theme-app2 .dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] :root .theme-app2 .dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } :root .theme-app2 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] :root .theme-app2 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } :root .theme-app2 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] :root .theme-app2 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } :root .theme-app2 .dark .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } :root .theme-app2 .dark .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } :root .theme-app2 .dark .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } :root .theme-app2 .dark .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] :root .theme-app2 .dark .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } :root .theme-app2 .dark .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] :root .theme-app2 .dark .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } :root .theme-app2 .dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] :root .theme-app2 .dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } :root .theme-app2 .dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] :root .theme-app2 .dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } :root .theme-app2 .dark .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #40c4ff; } .cdk-high-contrast-active :root .theme-app2 .dark .mat-badge-content { outline: solid 1px; border-radius: 0; } :root .theme-app2 .dark .mat-badge-accent .mat-badge-content { background: #40c4ff; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .dark .mat-badge-warn .mat-badge-content { color: white; background: #ff5722; } :root .theme-app2 .dark .mat-badge-disabled .mat-badge-content { background: #6e6e6e; color: rgba(255, 255, 255, 0.5); } :root .theme-app2 .dark .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: #424242; color: white; } :root .theme-app2 .dark .mat-button, :root .theme-app2 .dark .mat-icon-button, :root .theme-app2 .dark .mat-stroked-button { color: inherit; background: transparent; } :root .theme-app2 .dark .mat-button.mat-primary, :root .theme-app2 .dark .mat-icon-button.mat-primary, :root .theme-app2 .dark .mat-stroked-button.mat-primary { color: #40c4ff; } :root .theme-app2 .dark .mat-button.mat-accent, :root .theme-app2 .dark .mat-icon-button.mat-accent, :root .theme-app2 .dark .mat-stroked-button.mat-accent { color: #40c4ff; } :root .theme-app2 .dark .mat-button.mat-warn, :root .theme-app2 .dark .mat-icon-button.mat-warn, :root .theme-app2 .dark .mat-stroked-button.mat-warn { color: #ff5722; } :root .theme-app2 .dark .mat-button.mat-primary.mat-button-disabled, :root .theme-app2 .dark .mat-button.mat-accent.mat-button-disabled, :root .theme-app2 .dark .mat-button.mat-warn.mat-button-disabled, :root .theme-app2 .dark .mat-button.mat-button-disabled.mat-button-disabled, :root .theme-app2 .dark .mat-icon-button.mat-primary.mat-button-disabled, :root .theme-app2 .dark .mat-icon-button.mat-accent.mat-button-disabled, :root .theme-app2 .dark .mat-icon-button.mat-warn.mat-button-disabled, :root .theme-app2 .dark .mat-icon-button.mat-button-disabled.mat-button-disabled, :root .theme-app2 .dark .mat-stroked-button.mat-primary.mat-button-disabled, :root .theme-app2 .dark .mat-stroked-button.mat-accent.mat-button-disabled, :root .theme-app2 .dark .mat-stroked-button.mat-warn.mat-button-disabled, :root .theme-app2 .dark .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } :root .theme-app2 .dark .mat-button.mat-primary .mat-button-focus-overlay, :root .theme-app2 .dark .mat-icon-button.mat-primary .mat-button-focus-overlay, :root .theme-app2 .dark .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #40c4ff; } :root .theme-app2 .dark .mat-button.mat-accent .mat-button-focus-overlay, :root .theme-app2 .dark .mat-icon-button.mat-accent .mat-button-focus-overlay, :root .theme-app2 .dark .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #40c4ff; } :root .theme-app2 .dark .mat-button.mat-warn .mat-button-focus-overlay, :root .theme-app2 .dark .mat-icon-button.mat-warn .mat-button-focus-overlay, :root .theme-app2 .dark .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #ff5722; } :root .theme-app2 .dark .mat-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app2 .dark .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app2 .dark .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } :root .theme-app2 .dark .mat-button .mat-ripple-element, :root .theme-app2 .dark .mat-icon-button .mat-ripple-element, :root .theme-app2 .dark .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } :root .theme-app2 .dark .mat-button-focus-overlay { background: white; } :root .theme-app2 .dark .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(255, 255, 255, 0.12); } :root .theme-app2 .dark .mat-flat-button, :root .theme-app2 .dark .mat-raised-button, :root .theme-app2 .dark .mat-fab, :root .theme-app2 .dark .mat-mini-fab { color: white; background-color: #424242; } :root .theme-app2 .dark .mat-flat-button.mat-primary, :root .theme-app2 .dark .mat-raised-button.mat-primary, :root .theme-app2 .dark .mat-fab.mat-primary, :root .theme-app2 .dark .mat-mini-fab.mat-primary { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .dark .mat-flat-button.mat-accent, :root .theme-app2 .dark .mat-raised-button.mat-accent, :root .theme-app2 .dark .mat-fab.mat-accent, :root .theme-app2 .dark .mat-mini-fab.mat-accent { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .dark .mat-flat-button.mat-warn, :root .theme-app2 .dark .mat-raised-button.mat-warn, :root .theme-app2 .dark .mat-fab.mat-warn, :root .theme-app2 .dark .mat-mini-fab.mat-warn { color: white; } :root .theme-app2 .dark .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app2 .dark .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app2 .dark .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app2 .dark .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app2 .dark .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app2 .dark .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app2 .dark .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app2 .dark .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app2 .dark .mat-fab.mat-primary.mat-button-disabled, :root .theme-app2 .dark .mat-fab.mat-accent.mat-button-disabled, :root .theme-app2 .dark .mat-fab.mat-warn.mat-button-disabled, :root .theme-app2 .dark .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app2 .dark .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app2 .dark .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app2 .dark .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app2 .dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } :root .theme-app2 .dark .mat-flat-button.mat-primary, :root .theme-app2 .dark .mat-raised-button.mat-primary, :root .theme-app2 .dark .mat-fab.mat-primary, :root .theme-app2 .dark .mat-mini-fab.mat-primary { background-color: #40c4ff; } :root .theme-app2 .dark .mat-flat-button.mat-accent, :root .theme-app2 .dark .mat-raised-button.mat-accent, :root .theme-app2 .dark .mat-fab.mat-accent, :root .theme-app2 .dark .mat-mini-fab.mat-accent { background-color: #40c4ff; } :root .theme-app2 .dark .mat-flat-button.mat-warn, :root .theme-app2 .dark .mat-raised-button.mat-warn, :root .theme-app2 .dark .mat-fab.mat-warn, :root .theme-app2 .dark .mat-mini-fab.mat-warn { background-color: #ff5722; } :root .theme-app2 .dark .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app2 .dark .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app2 .dark .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app2 .dark .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app2 .dark .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app2 .dark .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app2 .dark .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app2 .dark .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app2 .dark .mat-fab.mat-primary.mat-button-disabled, :root .theme-app2 .dark .mat-fab.mat-accent.mat-button-disabled, :root .theme-app2 .dark .mat-fab.mat-warn.mat-button-disabled, :root .theme-app2 .dark .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app2 .dark .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app2 .dark .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app2 .dark .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app2 .dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app2 .dark .mat-flat-button.mat-primary .mat-ripple-element, :root .theme-app2 .dark .mat-raised-button.mat-primary .mat-ripple-element, :root .theme-app2 .dark .mat-fab.mat-primary .mat-ripple-element, :root .theme-app2 .dark .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app2 .dark .mat-flat-button.mat-accent .mat-ripple-element, :root .theme-app2 .dark .mat-raised-button.mat-accent .mat-ripple-element, :root .theme-app2 .dark .mat-fab.mat-accent .mat-ripple-element, :root .theme-app2 .dark .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app2 .dark .mat-flat-button.mat-warn .mat-ripple-element, :root .theme-app2 .dark .mat-raised-button.mat-warn .mat-ripple-element, :root .theme-app2 .dark .mat-fab.mat-warn .mat-ripple-element, :root .theme-app2 .dark .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app2 .dark .mat-stroked-button:not([class*=mat-elevation-z]), :root .theme-app2 .dark .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-fab:not([class*=mat-elevation-z]), :root .theme-app2 .dark .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), :root .theme-app2 .dark .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), :root .theme-app2 .dark .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-button-toggle-standalone:not([class*=mat-elevation-z]), :root .theme-app2 .dark .mat-button-toggle-group:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), :root .theme-app2 .dark .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) { box-shadow: none; } :root .theme-app2 .dark .mat-button-toggle { color: rgba(255, 255, 255, 0.5); } :root .theme-app2 .dark .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app2 .dark .mat-button-toggle-appearance-standard { color: white; background: #424242; } :root .theme-app2 .dark .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: white; } :root .theme-app2 .dark .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px #595959; } :root .theme-app2 .dark [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px #595959; } :root .theme-app2 .dark .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px #595959; } :root .theme-app2 .dark .mat-button-toggle-checked { background-color: #212121; color: rgba(255, 255, 255, 0.7); } :root .theme-app2 .dark .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: white; } :root .theme-app2 .dark .mat-button-toggle-disabled { color: rgba(255, 255, 255, 0.3); background-color: black; } :root .theme-app2 .dark .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: #424242; } :root .theme-app2 .dark .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #424242; } :root .theme-app2 .dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, :root .theme-app2 .dark .mat-button-toggle-group-appearance-standard { border: solid 1px #595959; } .mat-button-toggle-appearance-standard .mat-button-toggle-label-content { line-height: 48px; } :root .theme-app2 .dark .mat-card { background: #424242; color: white; } :root .theme-app2 .dark .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-card-subtitle { color: rgba(255, 255, 255, 0.7); } :root .theme-app2 .dark .mat-checkbox-frame { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app2 .dark .mat-checkbox-checkmark { fill: #303030; } :root .theme-app2 .dark .mat-checkbox-checkmark-path { stroke: #303030 !important; } :root .theme-app2 .dark .mat-checkbox-mixedmark { background-color: #303030; } :root .theme-app2 .dark .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, :root .theme-app2 .dark .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #40c4ff; } :root .theme-app2 .dark .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, :root .theme-app2 .dark .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #40c4ff; } :root .theme-app2 .dark .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, :root .theme-app2 .dark .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #ff5722; } :root .theme-app2 .dark .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, :root .theme-app2 .dark .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #686868; } :root .theme-app2 .dark .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #686868; } :root .theme-app2 .dark .mat-checkbox-disabled .mat-checkbox-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app2 .dark .mat-checkbox .mat-ripple-element { background-color: white; } :root .theme-app2 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, :root .theme-app2 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #40c4ff; } :root .theme-app2 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, :root .theme-app2 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #40c4ff; } :root .theme-app2 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, :root .theme-app2 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #ff5722; } :root .theme-app2 .dark .mat-chip.mat-standard-chip { background-color: #616161; color: white; } :root .theme-app2 .dark .mat-chip.mat-standard-chip .mat-chip-remove { color: white; opacity: 0.4; } :root .theme-app2 .dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } :root .theme-app2 .dark .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } :root .theme-app2 .dark .mat-chip.mat-standard-chip::after { background: white; } :root .theme-app2 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #40c4ff; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app2 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app2 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #ff5722; color: white; } :root .theme-app2 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } :root .theme-app2 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app2 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #40c4ff; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app2 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app2 .dark .mat-table { background: #424242; } :root .theme-app2 .dark .mat-table thead, :root .theme-app2 .dark .mat-table tbody, :root .theme-app2 .dark .mat-table tfoot, :root .theme-app2 .dark mat-header-row, :root .theme-app2 .dark mat-row, :root .theme-app2 .dark mat-footer-row, :root .theme-app2 .dark [mat-header-row], :root .theme-app2 .dark [mat-row], :root .theme-app2 .dark [mat-footer-row], :root .theme-app2 .dark .mat-table-sticky { background: inherit; } :root .theme-app2 .dark mat-row, :root .theme-app2 .dark mat-header-row, :root .theme-app2 .dark mat-footer-row, :root .theme-app2 .dark th.mat-header-cell, :root .theme-app2 .dark td.mat-cell, :root .theme-app2 .dark td.mat-footer-cell { border-bottom-color: rgba(255, 255, 255, 0.12); } :root .theme-app2 .dark .mat-header-cell { color: rgba(255, 255, 255, 0.7); } :root .theme-app2 .dark .mat-cell, :root .theme-app2 .dark .mat-footer-cell { color: white; } :root .theme-app2 .dark .mat-calendar-arrow { fill: white; } :root .theme-app2 .dark .mat-datepicker-toggle, :root .theme-app2 .dark .mat-datepicker-content .mat-calendar-next-button, :root .theme-app2 .dark .mat-datepicker-content .mat-calendar-previous-button { color: white; } :root .theme-app2 .dark .mat-calendar-table-header-divider::after { background: rgba(255, 255, 255, 0.12); } :root .theme-app2 .dark .mat-calendar-table-header, :root .theme-app2 .dark .mat-calendar-body-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app2 .dark .mat-calendar-body-cell-content, :root .theme-app2 .dark .mat-date-range-input-separator { color: white; border-color: transparent; } :root .theme-app2 .dark .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(255, 255, 255, 0.5); } :root .theme-app2 .dark .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(255, 255, 255, 0.5); } :root .theme-app2 .dark .mat-calendar-body-in-preview { color: rgba(255, 255, 255, 0.24); } :root .theme-app2 .dark .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app2 .dark .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app2 .dark .mat-calendar-body-in-range::before { background: rgba(64, 196, 255, 0.2); } :root .theme-app2 .dark .mat-calendar-body-comparison-identical, :root .theme-app2 .dark .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app2 .dark .mat-calendar-body-comparison-bridge-start::before, :root .theme-app2 .dark [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(64, 196, 255, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app2 .dark .mat-calendar-body-comparison-bridge-end::before, :root .theme-app2 .dark [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(64, 196, 255, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app2 .dark .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app2 .dark .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app2 .dark .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app2 .dark .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app2 .dark .mat-calendar-body-selected { background-color: #40c4ff; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .dark .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(64, 196, 255, 0.4); } :root .theme-app2 .dark .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app2 .dark .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app2 .dark .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(64, 196, 255, 0.3); } @media (hover: hover) { :root .theme-app2 .dark .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(64, 196, 255, 0.3); } } :root .theme-app2 .dark .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: #424242; color: white; } :root .theme-app2 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(64, 196, 255, 0.2); } :root .theme-app2 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, :root .theme-app2 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app2 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, :root .theme-app2 .dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(64, 196, 255, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app2 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, :root .theme-app2 .dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(64, 196, 255, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app2 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app2 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app2 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app2 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app2 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #40c4ff; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(64, 196, 255, 0.4); } :root .theme-app2 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app2 .dark .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app2 .dark .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(64, 196, 255, 0.3); } @media (hover: hover) { :root .theme-app2 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(64, 196, 255, 0.3); } } :root .theme-app2 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(255, 87, 34, 0.2); } :root .theme-app2 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, :root .theme-app2 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app2 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, :root .theme-app2 .dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 87, 34, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app2 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, :root .theme-app2 .dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 87, 34, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app2 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app2 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app2 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app2 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app2 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #ff5722; color: white; } :root .theme-app2 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 87, 34, 0.4); } :root .theme-app2 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } :root .theme-app2 .dark .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app2 .dark .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 87, 34, 0.3); } @media (hover: hover) { :root .theme-app2 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 87, 34, 0.3); } } :root .theme-app2 .dark .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-datepicker-toggle-active { color: #40c4ff; } :root .theme-app2 .dark .mat-datepicker-toggle-active.mat-accent { color: #40c4ff; } :root .theme-app2 .dark .mat-datepicker-toggle-active.mat-warn { color: #ff5722; } :root .theme-app2 .dark .mat-date-range-input-inner[disabled] { color: rgba(255, 255, 255, 0.5); } :root .theme-app2 .dark .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: #424242; color: white; } :root .theme-app2 .dark .mat-divider { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app2 .dark .mat-divider-vertical { border-right-color: rgba(255, 255, 255, 0.12); } :root .theme-app2 .dark .mat-expansion-panel { background: #424242; color: white; } :root .theme-app2 .dark .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-action-row { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app2 .dark .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), :root .theme-app2 .dark .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), :root .theme-app2 .dark .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(255, 255, 255, 0.04); } @media (hover: none) { :root .theme-app2 .dark .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: #424242; } } :root .theme-app2 .dark .mat-expansion-panel-header-title { color: white; } :root .theme-app2 .dark .mat-expansion-panel-header-description, :root .theme-app2 .dark .mat-expansion-indicator::after { color: rgba(255, 255, 255, 0.7); } :root .theme-app2 .dark .mat-expansion-panel-header[aria-disabled=true] { color: rgba(255, 255, 255, 0.3); } :root .theme-app2 .dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, :root .theme-app2 .dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } .mat-expansion-panel-header { height: 48px; } .mat-expansion-panel-header.mat-expanded { height: 64px; } :root .theme-app2 .dark .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app2 .dark .mat-hint { color: rgba(255, 255, 255, 0.7); } :root .theme-app2 .dark .mat-form-field.mat-focused .mat-form-field-label { color: #40c4ff; } :root .theme-app2 .dark .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #40c4ff; } :root .theme-app2 .dark .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #ff5722; } :root .theme-app2 .dark .mat-focused .mat-form-field-required-marker { color: #40c4ff; } :root .theme-app2 .dark .mat-form-field-ripple { background-color: white; } :root .theme-app2 .dark .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #40c4ff; } :root .theme-app2 .dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #40c4ff; } :root .theme-app2 .dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #ff5722; } :root .theme-app2 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #40c4ff; } :root .theme-app2 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #40c4ff; } :root .theme-app2 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #ff5722; } :root .theme-app2 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #ff5722; } :root .theme-app2 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, :root .theme-app2 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #ff5722; } :root .theme-app2 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, :root .theme-app2 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #ff5722; } :root .theme-app2 .dark .mat-error { color: #ff5722; } :root .theme-app2 .dark .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app2 .dark .mat-form-field-appearance-legacy .mat-hint { color: rgba(255, 255, 255, 0.7); } :root .theme-app2 .dark .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } :root .theme-app2 .dark .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app2 .dark .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } :root .theme-app2 .dark .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app2 .dark .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app2 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.05); } :root .theme-app2 .dark .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app2 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app2 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } :root .theme-app2 .dark .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(255, 255, 255, 0.3); } :root .theme-app2 .dark .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: white; } :root .theme-app2 .dark .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #40c4ff; } :root .theme-app2 .dark .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #40c4ff; } :root .theme-app2 .dark .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #ff5722; } :root .theme-app2 .dark .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #ff5722; } :root .theme-app2 .dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app2 .dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(255, 255, 255, 0.15); } :root .theme-app2 .dark .mat-icon.mat-primary { color: #40c4ff; } :root .theme-app2 .dark .mat-icon.mat-accent { color: #40c4ff; } :root .theme-app2 .dark .mat-icon.mat-warn { color: #ff5722; } :root .theme-app2 .dark .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.7); } :root .theme-app2 .dark .mat-input-element:disabled, :root .theme-app2 .dark .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.5); } :root .theme-app2 .dark .mat-input-element { caret-color: #40c4ff; } :root .theme-app2 .dark .mat-input-element::placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app2 .dark .mat-input-element::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app2 .dark .mat-input-element::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app2 .dark .mat-input-element:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app2 .dark .mat-input-element:not(.mat-native-select-inline) option { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .dark .mat-input-element:not(.mat-native-select-inline) option:disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app2 .dark .mat-form-field.mat-accent .mat-input-element { caret-color: #40c4ff; } :root .theme-app2 .dark .mat-form-field.mat-warn .mat-input-element, :root .theme-app2 .dark .mat-form-field-invalid .mat-input-element { caret-color: #ff5722; } :root .theme-app2 .dark .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #ff5722; } :root .theme-app2 .dark .mat-list-base .mat-list-item { color: white; } :root .theme-app2 .dark .mat-list-base .mat-list-option { color: white; } :root .theme-app2 .dark .mat-list-base .mat-subheader { color: rgba(255, 255, 255, 0.7); } :root .theme-app2 .dark .mat-list-base .mat-list-item-disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } :root .theme-app2 .dark .mat-list-option:hover, :root .theme-app2 .dark .mat-list-option:focus, :root .theme-app2 .dark .mat-nav-list .mat-list-item:hover, :root .theme-app2 .dark .mat-nav-list .mat-list-item:focus, :root .theme-app2 .dark .mat-action-list .mat-list-item:hover, :root .theme-app2 .dark .mat-action-list .mat-list-item:focus { background: rgba(255, 255, 255, 0.04); } :root .theme-app2 .dark .mat-list-single-selected-option, :root .theme-app2 .dark .mat-list-single-selected-option:hover, :root .theme-app2 .dark .mat-list-single-selected-option:focus { background: rgba(255, 255, 255, 0.12); } :root .theme-app2 .dark .mat-menu-panel { background: #424242; } :root .theme-app2 .dark .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-menu-item { background: transparent; color: white; } :root .theme-app2 .dark .mat-menu-item[disabled], :root .theme-app2 .dark .mat-menu-item[disabled] .mat-menu-submenu-icon, :root .theme-app2 .dark .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(255, 255, 255, 0.5); } :root .theme-app2 .dark .mat-menu-item .mat-icon-no-color, :root .theme-app2 .dark .mat-menu-submenu-icon { color: white; } :root .theme-app2 .dark .mat-menu-item:hover:not([disabled]), :root .theme-app2 .dark .mat-menu-item.cdk-program-focused:not([disabled]), :root .theme-app2 .dark .mat-menu-item.cdk-keyboard-focused:not([disabled]), :root .theme-app2 .dark .mat-menu-item-highlighted:not([disabled]) { background: rgba(255, 255, 255, 0.04); } :root .theme-app2 .dark .mat-paginator { background: #424242; } :root .theme-app2 .dark .mat-paginator, :root .theme-app2 .dark .mat-paginator-page-size .mat-select-trigger { color: rgba(255, 255, 255, 0.7); } :root .theme-app2 .dark .mat-paginator-decrement, :root .theme-app2 .dark .mat-paginator-increment { border-top: 2px solid white; border-right: 2px solid white; } :root .theme-app2 .dark .mat-paginator-first, :root .theme-app2 .dark .mat-paginator-last { border-top: 2px solid white; } :root .theme-app2 .dark .mat-icon-button[disabled] .mat-paginator-decrement, :root .theme-app2 .dark .mat-icon-button[disabled] .mat-paginator-increment, :root .theme-app2 .dark .mat-icon-button[disabled] .mat-paginator-first, :root .theme-app2 .dark .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(255, 255, 255, 0.5); } .mat-paginator-container { min-height: 56px; } :root .theme-app2 .dark .mat-progress-bar-background { fill: #345564; } :root .theme-app2 .dark .mat-progress-bar-buffer { background-color: #345564; } :root .theme-app2 .dark .mat-progress-bar-fill::after { background-color: #40c4ff; } :root .theme-app2 .dark .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #345564; } :root .theme-app2 .dark .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #345564; } :root .theme-app2 .dark .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #40c4ff; } :root .theme-app2 .dark .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #643a2d; } :root .theme-app2 .dark .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #643a2d; } :root .theme-app2 .dark .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #ff5722; } :root .theme-app2 .dark .mat-progress-spinner circle, :root .theme-app2 .dark .mat-spinner circle { stroke: #40c4ff; } :root .theme-app2 .dark .mat-progress-spinner.mat-accent circle, :root .theme-app2 .dark .mat-spinner.mat-accent circle { stroke: #40c4ff; } :root .theme-app2 .dark .mat-progress-spinner.mat-warn circle, :root .theme-app2 .dark .mat-spinner.mat-warn circle { stroke: #ff5722; } :root .theme-app2 .dark .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app2 .dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #40c4ff; } :root .theme-app2 .dark .mat-radio-button.mat-primary .mat-radio-inner-circle, :root .theme-app2 .dark .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app2 .dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app2 .dark .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #40c4ff; } :root .theme-app2 .dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #40c4ff; } :root .theme-app2 .dark .mat-radio-button.mat-accent .mat-radio-inner-circle, :root .theme-app2 .dark .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app2 .dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app2 .dark .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #40c4ff; } :root .theme-app2 .dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #ff5722; } :root .theme-app2 .dark .mat-radio-button.mat-warn .mat-radio-inner-circle, :root .theme-app2 .dark .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app2 .dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app2 .dark .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #ff5722; } :root .theme-app2 .dark .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, :root .theme-app2 .dark .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app2 .dark .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, :root .theme-app2 .dark .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app2 .dark .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(255, 255, 255, 0.5); } :root .theme-app2 .dark .mat-radio-button .mat-ripple-element { background-color: white; } :root .theme-app2 .dark .mat-select-value { color: white; } :root .theme-app2 .dark .mat-select-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app2 .dark .mat-select-disabled .mat-select-value { color: rgba(255, 255, 255, 0.5); } :root .theme-app2 .dark .mat-select-arrow { color: rgba(255, 255, 255, 0.7); } :root .theme-app2 .dark .mat-select-panel { background: #424242; } :root .theme-app2 .dark .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(255, 255, 255, 0.12); } :root .theme-app2 .dark .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #40c4ff; } :root .theme-app2 .dark .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #40c4ff; } :root .theme-app2 .dark .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #ff5722; } :root .theme-app2 .dark .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #ff5722; } :root .theme-app2 .dark .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(255, 255, 255, 0.5); } :root .theme-app2 .dark .mat-drawer-container { background-color: #303030; color: white; } :root .theme-app2 .dark .mat-drawer { background-color: #424242; color: white; } :root .theme-app2 .dark .mat-drawer.mat-drawer-push { background-color: #424242; } :root .theme-app2 .dark .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-drawer-side { border-right: solid 1px rgba(255, 255, 255, 0.12); } :root .theme-app2 .dark .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } :root .theme-app2 .dark [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } :root .theme-app2 .dark [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(255, 255, 255, 0.12); } :root .theme-app2 .dark .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(189, 189, 189, 0.6); } :root .theme-app2 .dark .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #40c4ff; } :root .theme-app2 .dark .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(64, 196, 255, 0.54); } :root .theme-app2 .dark .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #40c4ff; } :root .theme-app2 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #40c4ff; } :root .theme-app2 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(64, 196, 255, 0.54); } :root .theme-app2 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #40c4ff; } :root .theme-app2 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #ff5722; } :root .theme-app2 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 87, 34, 0.54); } :root .theme-app2 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #ff5722; } :root .theme-app2 .dark .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: white; } :root .theme-app2 .dark .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #bdbdbd; } :root .theme-app2 .dark .mat-slide-toggle-bar { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app2 .dark .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app2 .dark .mat-slider.mat-primary .mat-slider-track-fill, :root .theme-app2 .dark .mat-slider.mat-primary .mat-slider-thumb, :root .theme-app2 .dark .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #40c4ff; } :root .theme-app2 .dark .mat-slider.mat-primary .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .dark .mat-slider.mat-primary .mat-slider-focus-ring { background-color: rgba(64, 196, 255, 0.2); } :root .theme-app2 .dark .mat-slider.mat-accent .mat-slider-track-fill, :root .theme-app2 .dark .mat-slider.mat-accent .mat-slider-thumb, :root .theme-app2 .dark .mat-slider.mat-accent .mat-slider-thumb-label { background-color: #40c4ff; } :root .theme-app2 .dark .mat-slider.mat-accent .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .dark .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(64, 196, 255, 0.2); } :root .theme-app2 .dark .mat-slider.mat-warn .mat-slider-track-fill, :root .theme-app2 .dark .mat-slider.mat-warn .mat-slider-thumb, :root .theme-app2 .dark .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #ff5722; } :root .theme-app2 .dark .mat-slider.mat-warn .mat-slider-thumb-label-text { color: white; } :root .theme-app2 .dark .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(255, 87, 34, 0.2); } :root .theme-app2 .dark .mat-slider:hover .mat-slider-track-background, :root .theme-app2 .dark .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app2 .dark .mat-slider.mat-slider-disabled .mat-slider-track-background, :root .theme-app2 .dark .mat-slider.mat-slider-disabled .mat-slider-track-fill, :root .theme-app2 .dark .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app2 .dark .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app2 .dark .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app2 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, :root .theme-app2 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: white; } :root .theme-app2 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, :root .theme-app2 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app2 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); background-color: transparent; } :root .theme-app2 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, :root .theme-app2 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app2 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, :root .theme-app2 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app2 .dark .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app2 .dark .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } :root .theme-app2 .dark .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } :root .theme-app2 .dark .mat-step-header.cdk-keyboard-focused, :root .theme-app2 .dark .mat-step-header.cdk-program-focused, :root .theme-app2 .dark .mat-step-header:hover:not([aria-disabled]), :root .theme-app2 .dark .mat-step-header:hover[aria-disabled=false] { background-color: rgba(255, 255, 255, 0.04); } :root .theme-app2 .dark .mat-step-header:hover[aria-disabled=true] { cursor: default; } @media (hover: none) { :root .theme-app2 .dark .mat-step-header:hover { background: none; } } :root .theme-app2 .dark .mat-step-header .mat-step-label, :root .theme-app2 .dark .mat-step-header .mat-step-optional { color: rgba(255, 255, 255, 0.7); } :root .theme-app2 .dark .mat-step-header .mat-step-icon { background-color: rgba(255, 255, 255, 0.7); color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .dark .mat-step-header .mat-step-icon-selected, :root .theme-app2 .dark .mat-step-header .mat-step-icon-state-done, :root .theme-app2 .dark .mat-step-header .mat-step-icon-state-edit { background-color: #40c4ff; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .dark .mat-step-header.mat-accent .mat-step-icon { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .dark .mat-step-header.mat-accent .mat-step-icon-selected, :root .theme-app2 .dark .mat-step-header.mat-accent .mat-step-icon-state-done, :root .theme-app2 .dark .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #40c4ff; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .dark .mat-step-header.mat-warn .mat-step-icon { color: white; } :root .theme-app2 .dark .mat-step-header.mat-warn .mat-step-icon-selected, :root .theme-app2 .dark .mat-step-header.mat-warn .mat-step-icon-state-done, :root .theme-app2 .dark .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #ff5722; color: white; } :root .theme-app2 .dark .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #ff5722; } :root .theme-app2 .dark .mat-step-header .mat-step-label.mat-step-label-active { color: white; } :root .theme-app2 .dark .mat-step-header .mat-step-label.mat-step-label-error { color: #ff5722; } :root .theme-app2 .dark .mat-stepper-horizontal, :root .theme-app2 .dark .mat-stepper-vertical { background-color: #424242; } :root .theme-app2 .dark .mat-stepper-vertical-line::before { border-left-color: rgba(255, 255, 255, 0.12); } :root .theme-app2 .dark .mat-horizontal-stepper-header::before, :root .theme-app2 .dark .mat-horizontal-stepper-header::after, :root .theme-app2 .dark .mat-stepper-horizontal-line { border-top-color: rgba(255, 255, 255, 0.12); } .mat-horizontal-stepper-header { height: 72px; } .mat-stepper-label-position-bottom .mat-horizontal-stepper-header, .mat-vertical-stepper-header { padding: 24px 24px; } .mat-stepper-vertical-line::before { top: -16px; bottom: -16px; } .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before { top: 36px; } .mat-stepper-label-position-bottom .mat-stepper-horizontal-line { top: 36px; } :root .theme-app2 .dark .mat-sort-header-arrow { color: #c6c6c6; } :root .theme-app2 .dark .mat-tab-nav-bar, :root .theme-app2 .dark .mat-tab-header { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } :root .theme-app2 .dark .mat-tab-group-inverted-header .mat-tab-nav-bar, :root .theme-app2 .dark .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(255, 255, 255, 0.12); border-bottom: none; } :root .theme-app2 .dark .mat-tab-label, :root .theme-app2 .dark .mat-tab-link { color: white; } :root .theme-app2 .dark .mat-tab-label.mat-tab-disabled, :root .theme-app2 .dark .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.5); } :root .theme-app2 .dark .mat-tab-header-pagination-chevron { border-color: white; } :root .theme-app2 .dark .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app2 .dark .mat-tab-group[class*=mat-background-] > .mat-tab-header, :root .theme-app2 .dark .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } :root .theme-app2 .dark .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(128, 216, 255, 0.3); } :root .theme-app2 .dark .mat-tab-group.mat-primary .mat-ink-bar, :root .theme-app2 .dark .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #40c4ff; } :root .theme-app2 .dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app2 .dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, :root .theme-app2 .dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app2 .dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .dark .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(128, 216, 255, 0.3); } :root .theme-app2 .dark .mat-tab-group.mat-accent .mat-ink-bar, :root .theme-app2 .dark .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #40c4ff; } :root .theme-app2 .dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app2 .dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, :root .theme-app2 .dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app2 .dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .dark .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app2 .dark .mat-tab-group.mat-warn .mat-ink-bar, :root .theme-app2 .dark .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #ff5722; } :root .theme-app2 .dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app2 .dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, :root .theme-app2 .dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app2 .dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: white; } :root .theme-app2 .dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(128, 216, 255, 0.3); } :root .theme-app2 .dark .mat-tab-group.mat-background-primary > .mat-tab-header, :root .theme-app2 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container, :root .theme-app2 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #40c4ff; } :root .theme-app2 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app2 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app2 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app2 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app2 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app2 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app2 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app2 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app2 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app2 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app2 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app2 .dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(128, 216, 255, 0.3); } :root .theme-app2 .dark .mat-tab-group.mat-background-accent > .mat-tab-header, :root .theme-app2 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container, :root .theme-app2 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #40c4ff; } :root .theme-app2 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app2 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app2 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app2 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app2 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app2 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app2 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app2 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app2 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app2 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app2 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app2 .dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app2 .dark .mat-tab-group.mat-background-warn > .mat-tab-header, :root .theme-app2 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container, :root .theme-app2 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #ff5722; } :root .theme-app2 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app2 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: white; } :root .theme-app2 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app2 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } :root .theme-app2 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app2 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app2 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app2 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: white; } :root .theme-app2 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app2 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } :root .theme-app2 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app2 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app2 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app2 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } :root .theme-app2 .dark .mat-toolbar { background: #212121; color: white; } :root .theme-app2 .dark .mat-toolbar.mat-primary { background: #40c4ff; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .dark .mat-toolbar.mat-accent { background: #40c4ff; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .dark .mat-toolbar.mat-warn { background: #ff5722; color: white; } :root .theme-app2 .dark .mat-toolbar .mat-form-field-underline, :root .theme-app2 .dark .mat-toolbar .mat-form-field-ripple, :root .theme-app2 .dark .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } :root .theme-app2 .dark .mat-toolbar .mat-form-field-label, :root .theme-app2 .dark .mat-toolbar .mat-focused .mat-form-field-label, :root .theme-app2 .dark .mat-toolbar .mat-select-value, :root .theme-app2 .dark .mat-toolbar .mat-select-arrow, :root .theme-app2 .dark .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } :root .theme-app2 .dark .mat-toolbar .mat-input-element { caret-color: currentColor; } .mat-toolbar-multiple-rows { min-height: 64px; } .mat-toolbar-row, .mat-toolbar-single-row { height: 64px; } @media (max-width: 599px) { .mat-toolbar-multiple-rows { min-height: 56px; } .mat-toolbar-row, .mat-toolbar-single-row { height: 56px; } } :root .theme-app2 .dark .mat-tooltip { background: rgba(97, 97, 97, 0.9); } :root .theme-app2 .dark .mat-tree { background: #424242; } :root .theme-app2 .dark .mat-tree-node, :root .theme-app2 .dark .mat-nested-tree-node { color: white; } .mat-tree-node { min-height: 48px; } :root .theme-app2 .dark .mat-snack-bar-container { color: rgba(0, 0, 0, 0.87); background: #fafafa; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .dark .mat-simple-snackbar-action { color: inherit; } :root .theme-app2 .light { --primary: rgb(253, 253, 253); --secondary: #C7C7CC; --secondaryBase: #fff; --accent: #00509f; --secondaryDark: rgb(42, 53, 68); --accentLight: rgba(255, 255, 255, 0.15); --accentBackground:rgba(255, 255, 255, 0.05); --accentDark: rgb(106, 43, 39); --borderColor: #689fff; --accentHover: rgba(255,70,64, 0.1); --iconColor: #5aa1bf; --primaryText: #73777c; --secondaryText: #8E8E93; --accentText: #00509f; --secondaryBaseText: #EFEFF4; --accentLightText: #2D3035; --accentDarkText: #00000; --ion-background-color: var(--primary); } :root .theme-app2 .light .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app2 .light .mat-option { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-option:hover:not(.mat-option-disabled), :root .theme-app2 .light .mat-option:focus:not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } :root .theme-app2 .light .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } :root .theme-app2 .light .mat-option.mat-active { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-option.mat-option-disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app2 .light .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #81d4fa; } :root .theme-app2 .light .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #81d4fa; } :root .theme-app2 .light .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #ffab91; } :root .theme-app2 .light .mat-optgroup-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app2 .light .mat-optgroup-disabled .mat-optgroup-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app2 .light .mat-pseudo-checkbox { color: rgba(0, 0, 0, 0.54); } :root .theme-app2 .light .mat-pseudo-checkbox::after { color: #fafafa; } :root .theme-app2 .light .mat-pseudo-checkbox-disabled { color: #b0b0b0; } :root .theme-app2 .light .mat-primary .mat-pseudo-checkbox-checked, :root .theme-app2 .light .mat-primary .mat-pseudo-checkbox-indeterminate { background: #81d4fa; } :root .theme-app2 .light .mat-pseudo-checkbox-checked, :root .theme-app2 .light .mat-pseudo-checkbox-indeterminate, :root .theme-app2 .light .mat-accent .mat-pseudo-checkbox-checked, :root .theme-app2 .light .mat-accent .mat-pseudo-checkbox-indeterminate { background: #81d4fa; } :root .theme-app2 .light .mat-warn .mat-pseudo-checkbox-checked, :root .theme-app2 .light .mat-warn .mat-pseudo-checkbox-indeterminate { background: #ffab91; } :root .theme-app2 .light .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, :root .theme-app2 .light .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #b0b0b0; } :root .theme-app2 .light .mat-app-background, :root .theme-app2 .light.mat-app-background { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } :root .theme-app2 .light .mat-autocomplete-panel { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: white; } :root .theme-app2 .light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-badge { position: relative; } :root .theme-app2 .light .mat-badge.mat-badge { overflow: visible; } :root .theme-app2 .light .mat-badge-hidden .mat-badge-content { display: none; } :root .theme-app2 .light .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } :root .theme-app2 .light .ng-animate-disabled .mat-badge-content, :root .theme-app2 .light .mat-badge-content._mat-animation-noopable { transition: none; } :root .theme-app2 .light .mat-badge-content.mat-badge-active { transform: none; } :root .theme-app2 .light .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } :root .theme-app2 .light .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } :root .theme-app2 .light .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } :root .theme-app2 .light .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] :root .theme-app2 .light .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } :root .theme-app2 .light .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] :root .theme-app2 .light .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } :root .theme-app2 .light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] :root .theme-app2 .light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } :root .theme-app2 .light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] :root .theme-app2 .light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } :root .theme-app2 .light .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } :root .theme-app2 .light .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } :root .theme-app2 .light .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } :root .theme-app2 .light .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] :root .theme-app2 .light .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } :root .theme-app2 .light .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] :root .theme-app2 .light .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } :root .theme-app2 .light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] :root .theme-app2 .light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } :root .theme-app2 .light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] :root .theme-app2 .light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } :root .theme-app2 .light .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } :root .theme-app2 .light .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } :root .theme-app2 .light .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } :root .theme-app2 .light .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] :root .theme-app2 .light .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } :root .theme-app2 .light .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] :root .theme-app2 .light .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } :root .theme-app2 .light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] :root .theme-app2 .light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } :root .theme-app2 .light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] :root .theme-app2 .light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } :root .theme-app2 .light .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #81d4fa; } .cdk-high-contrast-active :root .theme-app2 .light .mat-badge-content { outline: solid 1px; border-radius: 0; } :root .theme-app2 .light .mat-badge-accent .mat-badge-content { background: #81d4fa; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-badge-warn .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #ffab91; } :root .theme-app2 .light .mat-badge-disabled .mat-badge-content { background: #b9b9b9; color: rgba(0, 0, 0, 0.38); } :root .theme-app2 .light .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-button, :root .theme-app2 .light .mat-icon-button, :root .theme-app2 .light .mat-stroked-button { color: inherit; background: transparent; } :root .theme-app2 .light .mat-button.mat-primary, :root .theme-app2 .light .mat-icon-button.mat-primary, :root .theme-app2 .light .mat-stroked-button.mat-primary { color: #81d4fa; } :root .theme-app2 .light .mat-button.mat-accent, :root .theme-app2 .light .mat-icon-button.mat-accent, :root .theme-app2 .light .mat-stroked-button.mat-accent { color: #81d4fa; } :root .theme-app2 .light .mat-button.mat-warn, :root .theme-app2 .light .mat-icon-button.mat-warn, :root .theme-app2 .light .mat-stroked-button.mat-warn { color: #ffab91; } :root .theme-app2 .light .mat-button.mat-primary.mat-button-disabled, :root .theme-app2 .light .mat-button.mat-accent.mat-button-disabled, :root .theme-app2 .light .mat-button.mat-warn.mat-button-disabled, :root .theme-app2 .light .mat-button.mat-button-disabled.mat-button-disabled, :root .theme-app2 .light .mat-icon-button.mat-primary.mat-button-disabled, :root .theme-app2 .light .mat-icon-button.mat-accent.mat-button-disabled, :root .theme-app2 .light .mat-icon-button.mat-warn.mat-button-disabled, :root .theme-app2 .light .mat-icon-button.mat-button-disabled.mat-button-disabled, :root .theme-app2 .light .mat-stroked-button.mat-primary.mat-button-disabled, :root .theme-app2 .light .mat-stroked-button.mat-accent.mat-button-disabled, :root .theme-app2 .light .mat-stroked-button.mat-warn.mat-button-disabled, :root .theme-app2 .light .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } :root .theme-app2 .light .mat-button.mat-primary .mat-button-focus-overlay, :root .theme-app2 .light .mat-icon-button.mat-primary .mat-button-focus-overlay, :root .theme-app2 .light .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #81d4fa; } :root .theme-app2 .light .mat-button.mat-accent .mat-button-focus-overlay, :root .theme-app2 .light .mat-icon-button.mat-accent .mat-button-focus-overlay, :root .theme-app2 .light .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #81d4fa; } :root .theme-app2 .light .mat-button.mat-warn .mat-button-focus-overlay, :root .theme-app2 .light .mat-icon-button.mat-warn .mat-button-focus-overlay, :root .theme-app2 .light .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #ffab91; } :root .theme-app2 .light .mat-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app2 .light .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app2 .light .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } :root .theme-app2 .light .mat-button .mat-ripple-element, :root .theme-app2 .light .mat-icon-button .mat-ripple-element, :root .theme-app2 .light .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } :root .theme-app2 .light .mat-button-focus-overlay { background: black; } :root .theme-app2 .light .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-flat-button, :root .theme-app2 .light .mat-raised-button, :root .theme-app2 .light .mat-fab, :root .theme-app2 .light .mat-mini-fab { color: rgba(0, 0, 0, 0.87); background-color: white; } :root .theme-app2 .light .mat-flat-button.mat-primary, :root .theme-app2 .light .mat-raised-button.mat-primary, :root .theme-app2 .light .mat-fab.mat-primary, :root .theme-app2 .light .mat-mini-fab.mat-primary { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-flat-button.mat-accent, :root .theme-app2 .light .mat-raised-button.mat-accent, :root .theme-app2 .light .mat-fab.mat-accent, :root .theme-app2 .light .mat-mini-fab.mat-accent { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-flat-button.mat-warn, :root .theme-app2 .light .mat-raised-button.mat-warn, :root .theme-app2 .light .mat-fab.mat-warn, :root .theme-app2 .light .mat-mini-fab.mat-warn { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app2 .light .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app2 .light .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app2 .light .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app2 .light .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app2 .light .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app2 .light .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app2 .light .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app2 .light .mat-fab.mat-primary.mat-button-disabled, :root .theme-app2 .light .mat-fab.mat-accent.mat-button-disabled, :root .theme-app2 .light .mat-fab.mat-warn.mat-button-disabled, :root .theme-app2 .light .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app2 .light .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app2 .light .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app2 .light .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app2 .light .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } :root .theme-app2 .light .mat-flat-button.mat-primary, :root .theme-app2 .light .mat-raised-button.mat-primary, :root .theme-app2 .light .mat-fab.mat-primary, :root .theme-app2 .light .mat-mini-fab.mat-primary { background-color: #81d4fa; } :root .theme-app2 .light .mat-flat-button.mat-accent, :root .theme-app2 .light .mat-raised-button.mat-accent, :root .theme-app2 .light .mat-fab.mat-accent, :root .theme-app2 .light .mat-mini-fab.mat-accent { background-color: #81d4fa; } :root .theme-app2 .light .mat-flat-button.mat-warn, :root .theme-app2 .light .mat-raised-button.mat-warn, :root .theme-app2 .light .mat-fab.mat-warn, :root .theme-app2 .light .mat-mini-fab.mat-warn { background-color: #ffab91; } :root .theme-app2 .light .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app2 .light .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app2 .light .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app2 .light .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app2 .light .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app2 .light .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app2 .light .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app2 .light .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app2 .light .mat-fab.mat-primary.mat-button-disabled, :root .theme-app2 .light .mat-fab.mat-accent.mat-button-disabled, :root .theme-app2 .light .mat-fab.mat-warn.mat-button-disabled, :root .theme-app2 .light .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app2 .light .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app2 .light .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app2 .light .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app2 .light .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-flat-button.mat-primary .mat-ripple-element, :root .theme-app2 .light .mat-raised-button.mat-primary .mat-ripple-element, :root .theme-app2 .light .mat-fab.mat-primary .mat-ripple-element, :root .theme-app2 .light .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app2 .light .mat-flat-button.mat-accent .mat-ripple-element, :root .theme-app2 .light .mat-raised-button.mat-accent .mat-ripple-element, :root .theme-app2 .light .mat-fab.mat-accent .mat-ripple-element, :root .theme-app2 .light .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app2 .light .mat-flat-button.mat-warn .mat-ripple-element, :root .theme-app2 .light .mat-raised-button.mat-warn .mat-ripple-element, :root .theme-app2 .light .mat-fab.mat-warn .mat-ripple-element, :root .theme-app2 .light .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app2 .light .mat-stroked-button:not([class*=mat-elevation-z]), :root .theme-app2 .light .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-fab:not([class*=mat-elevation-z]), :root .theme-app2 .light .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), :root .theme-app2 .light .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), :root .theme-app2 .light .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-button-toggle-standalone:not([class*=mat-elevation-z]), :root .theme-app2 .light .mat-button-toggle-group:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), :root .theme-app2 .light .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) { box-shadow: none; } :root .theme-app2 .light .mat-button-toggle { color: rgba(0, 0, 0, 0.38); } :root .theme-app2 .light .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); background: white; } :root .theme-app2 .light .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: black; } :root .theme-app2 .light .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px #e0e0e0; } :root .theme-app2 .light [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px #e0e0e0; } :root .theme-app2 .light .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px #e0e0e0; } :root .theme-app2 .light .mat-button-toggle-checked { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.54); } :root .theme-app2 .light .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-button-toggle-disabled { color: rgba(0, 0, 0, 0.26); background-color: #eeeeee; } :root .theme-app2 .light .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: white; } :root .theme-app2 .light .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #bdbdbd; } :root .theme-app2 .light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, :root .theme-app2 .light .mat-button-toggle-group-appearance-standard { border: solid 1px #e0e0e0; } :root .theme-app2 .light .mat-card { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-card-subtitle { color: rgba(0, 0, 0, 0.54); } :root .theme-app2 .light .mat-checkbox-frame { border-color: rgba(0, 0, 0, 0.54); } :root .theme-app2 .light .mat-checkbox-checkmark { fill: #fafafa; } :root .theme-app2 .light .mat-checkbox-checkmark-path { stroke: #fafafa !important; } :root .theme-app2 .light .mat-checkbox-mixedmark { background-color: #fafafa; } :root .theme-app2 .light .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, :root .theme-app2 .light .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #81d4fa; } :root .theme-app2 .light .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, :root .theme-app2 .light .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #81d4fa; } :root .theme-app2 .light .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, :root .theme-app2 .light .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #ffab91; } :root .theme-app2 .light .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, :root .theme-app2 .light .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #b0b0b0; } :root .theme-app2 .light .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #b0b0b0; } :root .theme-app2 .light .mat-checkbox-disabled .mat-checkbox-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app2 .light .mat-checkbox .mat-ripple-element { background-color: black; } :root .theme-app2 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, :root .theme-app2 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #81d4fa; } :root .theme-app2 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, :root .theme-app2 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #81d4fa; } :root .theme-app2 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, :root .theme-app2 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #ffab91; } :root .theme-app2 .light .mat-chip.mat-standard-chip { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-chip.mat-standard-chip .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app2 .light .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } :root .theme-app2 .light .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } :root .theme-app2 .light .mat-chip.mat-standard-chip::after { background: black; } :root .theme-app2 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #81d4fa; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app2 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app2 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app2 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app2 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #81d4fa; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app2 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app2 .light .mat-table { background: white; } :root .theme-app2 .light .mat-table thead, :root .theme-app2 .light .mat-table tbody, :root .theme-app2 .light .mat-table tfoot, :root .theme-app2 .light mat-header-row, :root .theme-app2 .light mat-row, :root .theme-app2 .light mat-footer-row, :root .theme-app2 .light [mat-header-row], :root .theme-app2 .light [mat-row], :root .theme-app2 .light [mat-footer-row], :root .theme-app2 .light .mat-table-sticky { background: inherit; } :root .theme-app2 .light mat-row, :root .theme-app2 .light mat-header-row, :root .theme-app2 .light mat-footer-row, :root .theme-app2 .light th.mat-header-cell, :root .theme-app2 .light td.mat-cell, :root .theme-app2 .light td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-header-cell { color: rgba(0, 0, 0, 0.54); } :root .theme-app2 .light .mat-cell, :root .theme-app2 .light .mat-footer-cell { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-calendar-arrow { fill: rgba(0, 0, 0, 0.54); } :root .theme-app2 .light .mat-datepicker-toggle, :root .theme-app2 .light .mat-datepicker-content .mat-calendar-next-button, :root .theme-app2 .light .mat-datepicker-content .mat-calendar-previous-button { color: rgba(0, 0, 0, 0.54); } :root .theme-app2 .light .mat-calendar-table-header-divider::after { background: rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-calendar-table-header, :root .theme-app2 .light .mat-calendar-body-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app2 .light .mat-calendar-body-cell-content, :root .theme-app2 .light .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.87); border-color: transparent; } :root .theme-app2 .light .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(0, 0, 0, 0.38); } :root .theme-app2 .light .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.38); } :root .theme-app2 .light .mat-calendar-body-in-preview { color: rgba(0, 0, 0, 0.24); } :root .theme-app2 .light .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app2 .light .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.18); } :root .theme-app2 .light .mat-calendar-body-in-range::before { background: rgba(129, 212, 250, 0.2); } :root .theme-app2 .light .mat-calendar-body-comparison-identical, :root .theme-app2 .light .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app2 .light .mat-calendar-body-comparison-bridge-start::before, :root .theme-app2 .light [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(129, 212, 250, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app2 .light .mat-calendar-body-comparison-bridge-end::before, :root .theme-app2 .light [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(129, 212, 250, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app2 .light .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app2 .light .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app2 .light .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app2 .light .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app2 .light .mat-calendar-body-selected { background-color: #81d4fa; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(129, 212, 250, 0.4); } :root .theme-app2 .light .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app2 .light .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(129, 212, 250, 0.3); } @media (hover: hover) { :root .theme-app2 .light .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(129, 212, 250, 0.3); } } :root .theme-app2 .light .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(129, 212, 250, 0.2); } :root .theme-app2 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, :root .theme-app2 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app2 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, :root .theme-app2 .light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(129, 212, 250, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app2 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, :root .theme-app2 .light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(129, 212, 250, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app2 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app2 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app2 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app2 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app2 .light .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #81d4fa; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(129, 212, 250, 0.4); } :root .theme-app2 .light .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app2 .light .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(129, 212, 250, 0.3); } @media (hover: hover) { :root .theme-app2 .light .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(129, 212, 250, 0.3); } } :root .theme-app2 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(255, 171, 145, 0.2); } :root .theme-app2 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, :root .theme-app2 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app2 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, :root .theme-app2 .light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 171, 145, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app2 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, :root .theme-app2 .light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 171, 145, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app2 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app2 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app2 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app2 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app2 .light .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 171, 145, 0.4); } :root .theme-app2 .light .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app2 .light .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 171, 145, 0.3); } @media (hover: hover) { :root .theme-app2 .light .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 171, 145, 0.3); } } :root .theme-app2 .light .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-datepicker-toggle-active { color: #81d4fa; } :root .theme-app2 .light .mat-datepicker-toggle-active.mat-accent { color: #81d4fa; } :root .theme-app2 .light .mat-datepicker-toggle-active.mat-warn { color: #ffab91; } :root .theme-app2 .light .mat-date-range-input-inner[disabled] { color: rgba(0, 0, 0, 0.38); } :root .theme-app2 .light .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-divider { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-divider-vertical { border-right-color: rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-expansion-panel { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-action-row { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), :root .theme-app2 .light .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), :root .theme-app2 .light .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(0, 0, 0, 0.04); } @media (hover: none) { :root .theme-app2 .light .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: white; } } :root .theme-app2 .light .mat-expansion-panel-header-title { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-expansion-panel-header-description, :root .theme-app2 .light .mat-expansion-indicator::after { color: rgba(0, 0, 0, 0.54); } :root .theme-app2 .light .mat-expansion-panel-header[aria-disabled=true] { color: rgba(0, 0, 0, 0.26); } :root .theme-app2 .light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, :root .theme-app2 .light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } :root .theme-app2 .light .mat-form-field-label { color: rgba(0, 0, 0, 0.6); } :root .theme-app2 .light .mat-hint { color: rgba(0, 0, 0, 0.6); } :root .theme-app2 .light .mat-form-field.mat-focused .mat-form-field-label { color: #81d4fa; } :root .theme-app2 .light .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #81d4fa; } :root .theme-app2 .light .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #ffab91; } :root .theme-app2 .light .mat-focused .mat-form-field-required-marker { color: #81d4fa; } :root .theme-app2 .light .mat-form-field-ripple { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #81d4fa; } :root .theme-app2 .light .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #81d4fa; } :root .theme-app2 .light .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #ffab91; } :root .theme-app2 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #81d4fa; } :root .theme-app2 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #81d4fa; } :root .theme-app2 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #ffab91; } :root .theme-app2 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #ffab91; } :root .theme-app2 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, :root .theme-app2 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #ffab91; } :root .theme-app2 .light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, :root .theme-app2 .light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #ffab91; } :root .theme-app2 .light .mat-error { color: #ffab91; } :root .theme-app2 .light .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app2 .light .mat-form-field-appearance-legacy .mat-hint { color: rgba(0, 0, 0, 0.54); } :root .theme-app2 .light .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app2 .light .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app2 .light .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app2 .light .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app2 .light .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.04); } :root .theme-app2 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.02); } :root .theme-app2 .light .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app2 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app2 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } :root .theme-app2 .light .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #81d4fa; } :root .theme-app2 .light .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #81d4fa; } :root .theme-app2 .light .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #ffab91; } :root .theme-app2 .light .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #ffab91; } :root .theme-app2 .light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app2 .light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(0, 0, 0, 0.06); } :root .theme-app2 .light .mat-icon.mat-primary { color: #81d4fa; } :root .theme-app2 .light .mat-icon.mat-accent { color: #81d4fa; } :root .theme-app2 .light .mat-icon.mat-warn { color: #ffab91; } :root .theme-app2 .light .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.54); } :root .theme-app2 .light .mat-input-element:disabled, :root .theme-app2 .light .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.38); } :root .theme-app2 .light .mat-input-element { caret-color: #81d4fa; } :root .theme-app2 .light .mat-input-element::placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app2 .light .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app2 .light .mat-input-element::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app2 .light .mat-input-element:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app2 .light .mat-form-field.mat-accent .mat-input-element { caret-color: #81d4fa; } :root .theme-app2 .light .mat-form-field.mat-warn .mat-input-element, :root .theme-app2 .light .mat-form-field-invalid .mat-input-element { caret-color: #ffab91; } :root .theme-app2 .light .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #ffab91; } :root .theme-app2 .light .mat-list-base .mat-list-item { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-list-base .mat-list-option { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-list-base .mat-subheader { color: rgba(0, 0, 0, 0.54); } :root .theme-app2 .light .mat-list-base .mat-list-item-disabled { background-color: #eeeeee; color: rgba(0, 0, 0, 0.38); } :root .theme-app2 .light .mat-list-option:hover, :root .theme-app2 .light .mat-list-option:focus, :root .theme-app2 .light .mat-nav-list .mat-list-item:hover, :root .theme-app2 .light .mat-nav-list .mat-list-item:focus, :root .theme-app2 .light .mat-action-list .mat-list-item:hover, :root .theme-app2 .light .mat-action-list .mat-list-item:focus { background: rgba(0, 0, 0, 0.04); } :root .theme-app2 .light .mat-list-single-selected-option, :root .theme-app2 .light .mat-list-single-selected-option:hover, :root .theme-app2 .light .mat-list-single-selected-option:focus { background: rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-menu-panel { background: white; } :root .theme-app2 .light .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-menu-item { background: transparent; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-menu-item[disabled], :root .theme-app2 .light .mat-menu-item[disabled] .mat-menu-submenu-icon, :root .theme-app2 .light .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(0, 0, 0, 0.38); } :root .theme-app2 .light .mat-menu-item .mat-icon-no-color, :root .theme-app2 .light .mat-menu-submenu-icon { color: rgba(0, 0, 0, 0.54); } :root .theme-app2 .light .mat-menu-item:hover:not([disabled]), :root .theme-app2 .light .mat-menu-item.cdk-program-focused:not([disabled]), :root .theme-app2 .light .mat-menu-item.cdk-keyboard-focused:not([disabled]), :root .theme-app2 .light .mat-menu-item-highlighted:not([disabled]) { background: rgba(0, 0, 0, 0.04); } :root .theme-app2 .light .mat-paginator { background: white; } :root .theme-app2 .light .mat-paginator, :root .theme-app2 .light .mat-paginator-page-size .mat-select-trigger { color: rgba(0, 0, 0, 0.54); } :root .theme-app2 .light .mat-paginator-decrement, :root .theme-app2 .light .mat-paginator-increment { border-top: 2px solid rgba(0, 0, 0, 0.54); border-right: 2px solid rgba(0, 0, 0, 0.54); } :root .theme-app2 .light .mat-paginator-first, :root .theme-app2 .light .mat-paginator-last { border-top: 2px solid rgba(0, 0, 0, 0.54); } :root .theme-app2 .light .mat-icon-button[disabled] .mat-paginator-decrement, :root .theme-app2 .light .mat-icon-button[disabled] .mat-paginator-increment, :root .theme-app2 .light .mat-icon-button[disabled] .mat-paginator-first, :root .theme-app2 .light .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app2 .light .mat-progress-bar-background { fill: #dcf1fa; } :root .theme-app2 .light .mat-progress-bar-buffer { background-color: #dcf1fa; } :root .theme-app2 .light .mat-progress-bar-fill::after { background-color: #81d4fa; } :root .theme-app2 .light .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #dcf1fa; } :root .theme-app2 .light .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #dcf1fa; } :root .theme-app2 .light .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #81d4fa; } :root .theme-app2 .light .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #fbe6e0; } :root .theme-app2 .light .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #fbe6e0; } :root .theme-app2 .light .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #ffab91; } :root .theme-app2 .light .mat-progress-spinner circle, :root .theme-app2 .light .mat-spinner circle { stroke: #81d4fa; } :root .theme-app2 .light .mat-progress-spinner.mat-accent circle, :root .theme-app2 .light .mat-spinner.mat-accent circle { stroke: #81d4fa; } :root .theme-app2 .light .mat-progress-spinner.mat-warn circle, :root .theme-app2 .light .mat-spinner.mat-warn circle { stroke: #ffab91; } :root .theme-app2 .light .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.54); } :root .theme-app2 .light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #81d4fa; } :root .theme-app2 .light .mat-radio-button.mat-primary .mat-radio-inner-circle, :root .theme-app2 .light .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app2 .light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app2 .light .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #81d4fa; } :root .theme-app2 .light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #81d4fa; } :root .theme-app2 .light .mat-radio-button.mat-accent .mat-radio-inner-circle, :root .theme-app2 .light .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app2 .light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app2 .light .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #81d4fa; } :root .theme-app2 .light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #ffab91; } :root .theme-app2 .light .mat-radio-button.mat-warn .mat-radio-inner-circle, :root .theme-app2 .light .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app2 .light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app2 .light .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #ffab91; } :root .theme-app2 .light .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, :root .theme-app2 .light .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app2 .light .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, :root .theme-app2 .light .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app2 .light .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(0, 0, 0, 0.38); } :root .theme-app2 .light .mat-radio-button .mat-ripple-element { background-color: black; } :root .theme-app2 .light .mat-select-value { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-select-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app2 .light .mat-select-disabled .mat-select-value { color: rgba(0, 0, 0, 0.38); } :root .theme-app2 .light .mat-select-arrow { color: rgba(0, 0, 0, 0.54); } :root .theme-app2 .light .mat-select-panel { background: white; } :root .theme-app2 .light .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #81d4fa; } :root .theme-app2 .light .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #81d4fa; } :root .theme-app2 .light .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #ffab91; } :root .theme-app2 .light .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #ffab91; } :root .theme-app2 .light .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(0, 0, 0, 0.38); } :root .theme-app2 .light .mat-drawer-container { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-drawer { background-color: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-drawer.mat-drawer-push { background-color: white; } :root .theme-app2 .light .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-drawer-side { border-right: solid 1px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } :root .theme-app2 .light [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } :root .theme-app2 .light [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(0, 0, 0, 0.6); } :root .theme-app2 .light .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #81d4fa; } :root .theme-app2 .light .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(129, 212, 250, 0.54); } :root .theme-app2 .light .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #81d4fa; } :root .theme-app2 .light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #81d4fa; } :root .theme-app2 .light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(129, 212, 250, 0.54); } :root .theme-app2 .light .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #81d4fa; } :root .theme-app2 .light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #ffab91; } :root .theme-app2 .light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 171, 145, 0.54); } :root .theme-app2 .light .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #ffab91; } :root .theme-app2 .light .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: black; } :root .theme-app2 .light .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #fafafa; } :root .theme-app2 .light .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app2 .light .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app2 .light .mat-slider.mat-primary .mat-slider-track-fill, :root .theme-app2 .light .mat-slider.mat-primary .mat-slider-thumb, :root .theme-app2 .light .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #81d4fa; } :root .theme-app2 .light .mat-slider.mat-primary .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-slider.mat-primary .mat-slider-focus-ring { background-color: rgba(129, 212, 250, 0.2); } :root .theme-app2 .light .mat-slider.mat-accent .mat-slider-track-fill, :root .theme-app2 .light .mat-slider.mat-accent .mat-slider-thumb, :root .theme-app2 .light .mat-slider.mat-accent .mat-slider-thumb-label { background-color: #81d4fa; } :root .theme-app2 .light .mat-slider.mat-accent .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(129, 212, 250, 0.2); } :root .theme-app2 .light .mat-slider.mat-warn .mat-slider-track-fill, :root .theme-app2 .light .mat-slider.mat-warn .mat-slider-thumb, :root .theme-app2 .light .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #ffab91; } :root .theme-app2 .light .mat-slider.mat-warn .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(255, 171, 145, 0.2); } :root .theme-app2 .light .mat-slider:hover .mat-slider-track-background, :root .theme-app2 .light .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app2 .light .mat-slider.mat-slider-disabled .mat-slider-track-background, :root .theme-app2 .light .mat-slider.mat-slider-disabled .mat-slider-track-fill, :root .theme-app2 .light .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app2 .light .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app2 .light .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, :root .theme-app2 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, :root .theme-app2 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app2 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); background-color: transparent; } :root .theme-app2 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, :root .theme-app2 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app2 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, :root .theme-app2 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); } :root .theme-app2 .light .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(0, 0, 0, 0.7); } :root .theme-app2 .light .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } :root .theme-app2 .light .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } :root .theme-app2 .light .mat-step-header.cdk-keyboard-focused, :root .theme-app2 .light .mat-step-header.cdk-program-focused, :root .theme-app2 .light .mat-step-header:hover:not([aria-disabled]), :root .theme-app2 .light .mat-step-header:hover[aria-disabled=false] { background-color: rgba(0, 0, 0, 0.04); } :root .theme-app2 .light .mat-step-header:hover[aria-disabled=true] { cursor: default; } @media (hover: none) { :root .theme-app2 .light .mat-step-header:hover { background: none; } } :root .theme-app2 .light .mat-step-header .mat-step-label, :root .theme-app2 .light .mat-step-header .mat-step-optional { color: rgba(0, 0, 0, 0.54); } :root .theme-app2 .light .mat-step-header .mat-step-icon { background-color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-step-header .mat-step-icon-selected, :root .theme-app2 .light .mat-step-header .mat-step-icon-state-done, :root .theme-app2 .light .mat-step-header .mat-step-icon-state-edit { background-color: #81d4fa; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-step-header.mat-accent .mat-step-icon { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-step-header.mat-accent .mat-step-icon-selected, :root .theme-app2 .light .mat-step-header.mat-accent .mat-step-icon-state-done, :root .theme-app2 .light .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #81d4fa; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-step-header.mat-warn .mat-step-icon { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-step-header.mat-warn .mat-step-icon-selected, :root .theme-app2 .light .mat-step-header.mat-warn .mat-step-icon-state-done, :root .theme-app2 .light .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #ffab91; } :root .theme-app2 .light .mat-step-header .mat-step-label.mat-step-label-active { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-step-header .mat-step-label.mat-step-label-error { color: #ffab91; } :root .theme-app2 .light .mat-stepper-horizontal, :root .theme-app2 .light .mat-stepper-vertical { background-color: white; } :root .theme-app2 .light .mat-stepper-vertical-line::before { border-left-color: rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-horizontal-stepper-header::before, :root .theme-app2 .light .mat-horizontal-stepper-header::after, :root .theme-app2 .light .mat-stepper-horizontal-line { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-sort-header-arrow { color: #757575; } :root .theme-app2 .light .mat-tab-nav-bar, :root .theme-app2 .light .mat-tab-header { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-tab-group-inverted-header .mat-tab-nav-bar, :root .theme-app2 .light .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: none; } :root .theme-app2 .light .mat-tab-label, :root .theme-app2 .light .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-tab-label.mat-tab-disabled, :root .theme-app2 .light .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app2 .light .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app2 .light .mat-tab-group[class*=mat-background-] > .mat-tab-header, :root .theme-app2 .light .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } :root .theme-app2 .light .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(3, 169, 244, 0.3); } :root .theme-app2 .light .mat-tab-group.mat-primary .mat-ink-bar, :root .theme-app2 .light .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #81d4fa; } :root .theme-app2 .light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app2 .light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, :root .theme-app2 .light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app2 .light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(179, 229, 252, 0.3); } :root .theme-app2 .light .mat-tab-group.mat-accent .mat-ink-bar, :root .theme-app2 .light .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #81d4fa; } :root .theme-app2 .light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app2 .light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, :root .theme-app2 .light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app2 .light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app2 .light .mat-tab-group.mat-warn .mat-ink-bar, :root .theme-app2 .light .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #ffab91; } :root .theme-app2 .light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app2 .light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, :root .theme-app2 .light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app2 .light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(3, 169, 244, 0.3); } :root .theme-app2 .light .mat-tab-group.mat-background-primary > .mat-tab-header, :root .theme-app2 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container, :root .theme-app2 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #81d4fa; } :root .theme-app2 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app2 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app2 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app2 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app2 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app2 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app2 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app2 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app2 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app2 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app2 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app2 .light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(179, 229, 252, 0.3); } :root .theme-app2 .light .mat-tab-group.mat-background-accent > .mat-tab-header, :root .theme-app2 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container, :root .theme-app2 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #81d4fa; } :root .theme-app2 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app2 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app2 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app2 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app2 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app2 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app2 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app2 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app2 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app2 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app2 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app2 .light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app2 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app2 .light .mat-tab-group.mat-background-warn > .mat-tab-header, :root .theme-app2 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container, :root .theme-app2 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #ffab91; } :root .theme-app2 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app2 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app2 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app2 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app2 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app2 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app2 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app2 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app2 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app2 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app2 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app2 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app2 .light .mat-toolbar { background: whitesmoke; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-toolbar.mat-primary { background: #81d4fa; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-toolbar.mat-accent { background: #81d4fa; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-toolbar.mat-warn { background: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-toolbar .mat-form-field-underline, :root .theme-app2 .light .mat-toolbar .mat-form-field-ripple, :root .theme-app2 .light .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } :root .theme-app2 .light .mat-toolbar .mat-form-field-label, :root .theme-app2 .light .mat-toolbar .mat-focused .mat-form-field-label, :root .theme-app2 .light .mat-toolbar .mat-select-value, :root .theme-app2 .light .mat-toolbar .mat-select-arrow, :root .theme-app2 .light .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } :root .theme-app2 .light .mat-toolbar .mat-input-element { caret-color: currentColor; } :root .theme-app2 .light .mat-tooltip { background: rgba(97, 97, 97, 0.9); } :root .theme-app2 .light .mat-tree { background: white; } :root .theme-app2 .light .mat-tree-node, :root .theme-app2 .light .mat-nested-tree-node { color: rgba(0, 0, 0, 0.87); } :root .theme-app2 .light .mat-snack-bar-container { color: rgba(255, 255, 255, 0.7); background: #323232; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app2 .light .mat-simple-snackbar-action { color: #81d4fa; } :root .theme-app2 body { -webkit-user-select: text; user-select: text; } :root .theme-app2 ion-label { -webkit-user-select: text; user-select: text; } :root .theme-app2 ion-item { background-color: var(--ion-background-color); border-bottom: 1px solid var(--secondary); } :root .theme-app2 .file-button { margin: 20px; background: transparent !important; color: var(--primaryText); font-size: 17px !important; font-weight: 300 !important; height: 44px !important; } :root .theme-app2 .file-button::-webkit-file-upload-button { background: transparent !important; margin-right: 10px !important; color: var(--accent); border-width: 2px; border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; font-weight: 300 !important; height: 44px !important; box-shadow: none !important; border-radius: 8px !important; } :root .theme-app2 main-menu .item-inner { margin-left: 6px !important; } :root .theme-app2 ion-split-pane { --side-max-width: 280px; --side-min-width: 280px; } :root .theme-app2 #leftMenu { border-color: var(--borderColor) !important; background-color: var(--primary); } :root .theme-app2 .dark .menuLogo { margin-top: 15px; margin-bottom: 15px; background-image: url('logo-dark.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app2 .dark .menuLogoIos { margin-top: 55px; margin-bottom: 15px; background-image: url('logo-dark.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app2 .light .menuLogo { margin-top: 15px; margin-bottom: 15px; background-image: url('logo-light.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app2 .light .menuLogoIos { margin-top: 45px; margin-bottom: 15px; background-image: url('logo-light.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app2 .menuIcon { color: var(--iconColor) !important; } :root .theme-app2 .padded-divider { padding: 3px; margin-bottom: 10px; width: 100%; border-bottom: 3px solid var(--accent) !important; } :root .theme-app2 ion-radio { --color-checked: var(--accent); --color: var(--accent); width: 20px; height: 20px; } :root .theme-app2 ion-button { --background: var(--accentBackground); color: var(--accent); --border-width: 2px; --border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app2 .button-style { --background: var(--accentBackground); color: var(--accent); --border-width: 2px; --border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app2 .button-style:hover { cursor: pointer; } :root .theme-app2 .button-cancel { color: red; border: none !important; --border-width: 0px !important; } :root .theme-app2 .small-button { height: 20px; font-size: 10px !important; margin: 3px; color: var(--accent); } :root .theme-app2 .medium-button { height: 25px; font-size: 15px !important; margin-top: 10px; margin-bottom: 10px; color: var(--accent); } :root .theme-app2 .default-h1 { font-size: 24px; color: var(--primaryText); font-weight: 300; } :root .theme-app2 .default-h2 { font-size: 24px; color: var(--primaryText); font-weight: 300; } :root .theme-app2 .default-h3 { font-size: 22px; color: var(--primaryText); font-weight: 400; } :root .theme-app2 .default-h4 { font-size: 17px; color: var(--primaryText); font-weight: 300; } :root .theme-app2 .default-h5 { font-size: 15px; color: var(--primaryText); font-weight: 200; } :root .theme-app2 .default-h6 { font-size: 14px; color: var(--primaryText); font-weight: 100; } :root .theme-app2 .default-p { font-size: 14px; color: var(--primaryText); font-weight: 300; } :root .theme-app2 .default-small { font-size: 12px; color: var(--primaryText); font-weight: 1; } :root .theme-app2 ion-header { background-color: var(--primary); } :root .theme-app2 ion-header [class^=icon-]:before, :root .theme-app2 ion-header [class*=" icon-"]:before { width: auto !important; margin-left: 0 !important; } :root .theme-app2 ion-footer { background-color: var(--primary); } :root .theme-app2 .header-md::after { background-image: none !important; } :root .theme-app2 ion-toolbar { color: var(--accent); } :root .theme-app2 .toolbar { background-color: var(--primary); --background: var(--primary); } :root .theme-app2 .toolbar .toolbar-title { font-weight: 400; } :root .theme-app2 .toolbar ion-title { font-size: larger; } :root .theme-app2 .toolbar ion-title, :root .theme-app2 .toolbar ion-title-ios, :root .theme-app2 .toolbar ion-back-button, :root .theme-app2 .toolbar ion-butto, :root .theme-app2 .toolbar ion-icon, :root .theme-app2 .toolbar ion-menu-button { color: var(--accentText); } :root .theme-app2 .toolbar-icon { color: var(--accentText); } :root .theme-app2 .alert-controller-withTheme { overflow: hidden; --background:var(--primary); color: var(--primaryText) !important; } :root .theme-app2 .alert-controller-withTheme .alert-wrapper { border-radius: 15px !important; background: var(--primary); border-color: var(--accent) !important; } :root .theme-app2 .alert-controller-withTheme .alert-head .alert-title { color: var(--primaryText); } :root .theme-app2 .alert-controller-withTheme .alert-message { color: var(--primaryText); } :root .theme-app2 .alert-controller-withTheme .alert-message strong { color: var(--ion-color-danger); } :root .theme-app2 .alert-controller-withTheme .alert-button-group #cancel-button.alert-button .alert-button-inner { color: var(--secondaryText); } :root .theme-app2 .alert-controller-withTheme .alert-button-group #confirm-button.alert-button .alert-button-inner { font-weight: bold; color: var(--ion-color-danger); } :root .theme-app2 .alert-controller-withTheme .alert-button-group #confirm-button-good.alert-button .alert-button-inner { font-weight: bold; color: var(--primaryText); } :root .theme-app2 ion-input { border-radius: 10px !important; margin-top: 5px; margin-bottom: 5px; margin-left: 10px; margin-right: 10px; font-size: 0.9em; color: var(--primaryText); --background: rgba(219,219,219, .03) !important; /* height: 10%; */ /* width: 41%; */ } :root .theme-app2 .withTheme { border: 2px solid var(--borderColor); margin: 10px; padding: 0px !important; border-radius: 15px; overflow: hidden; color: var(--primaryText) !important; } :root .theme-app2 .withTheme ion-card-title, :root .theme-app2 .withTheme ion-card-content, :root .theme-app2 .withTheme ion-label, :root .theme-app2 .withTheme mat-list-item { color: var(--primaryText) !important; } :root .theme-app2 .withTheme span { color: var(--primaryText) !important; } :root .theme-app2 .withTheme ion-img { --border-radius: 8px; } :root .theme-app2 .withTheme ion-thumbnail { --border-radius: 8px; } :root .theme-app2 .withTheme ion-item:hover { border-left: 8px solid var(--borderColor); transition: border-width 0.1s ease-in-out; } :root .theme-app2 .withTheme ion-item.nohover:hover { border-left: none; } :root .theme-app2 .withTheme ion-card-subtitle { color: var(--secondaryText) !important; } :root .theme-app2 .withTheme div.small-distance { margin: 2px; color: var(--primaryText); border: 1px solid var(--borderColor); font-size: 10px; padding-top: 3px; padding-left: 5px; padding-right: 5px; border-radius: 7px; height: 20px; } :root .theme-app2 .withTheme .aligned-with-icon { position: relative; font-size: 8px; top: 11px; margin-left: -25px; /* optional */ margin-right: 8px; } :root .theme-app2 .thumbnail-rounded { border-radius: 6px !important; } :root .theme-app2 .leftMenuColor ion-icon { color: var(--accent); font-family: Montserrat, sans-serif; } :root .theme-app2 .leftMenuColor ion-label { color: var(--primaryText); font-family: Montserrat, sans-serif; font-weight: thin !important; } :root .theme-app2 .leftMenuColor ion-toggle { --background: #3c3e42; --background-checked: #3c3e42; --handle-background: var(--accent); --handle-background-checked: var(--accent); } :root .theme-app2 .floatInput ion-label { color: var(--primaryText); } :root .theme-app2 .floatInput ion-input { color: var(--primaryText); } :root .theme-app2 .breakline-space { margin: 10px; border: 1px solid var(--borderColor) !important; } :root .theme-app2 ion-badge { border-radius: 10px !important; padding: 10px 10px !important; margin: 10px; border: 1px solid var(--borderColor) !important; } :root .theme-app2 ion-badge.failure { border: 1px solid red !important; } :root .theme-app2 ion-badge.success { border: 1px solid white !important; } :root .theme-app2 .row-is-selected { background-color: rgba(211, 211, 211, 0.8); } :root .theme-app2 .alertClass { color: white; background-color: rgba(200, 200, 200, 0.2); } :root .theme-app2 .alertClass .alert-title { font-weight: bolder; } :root .theme-app2 .alertClassActionButton { border: white; border: 2px solid var(--borderColor); border-radius: 7px; } :root .theme-app2 .alert-sub-title.sc-ion-alert-md, :root .theme-app2 .alert-title.sc-ion-alert-md, :root .theme-app2 .alert-message, :root .theme-app2 .sc-ion-alert-md { color: #e0e0e0; } :root .theme-app2 .toastError { --background: red; --color: black; } :root .theme-app2 .custom-options { --placeholder-opacity: 1; color: var(--primaryText); --placeholder-color: var(--primaryText); } :root .theme-app2 .custom-options ion-select::part(text) { color: var(--primaryText); } :root .theme-app2 .custom-options .select-interface-option { --color: var(--primaryText); color: var(--primaryText); } :root .theme-app2 .primaryText { color: var(--primaryText); } :root .theme-app2 .selectClass { min-width: 70%; color: white !important; } :root .theme-app2 .selectClass ion-select { max-width: 70% !important; } :root .theme-app2 .selectClass .sc-ion-alert-md { color: white; } :root .theme-app2 .selectClass .alert-radio-inner.sc-ion-alert-md { background-color: white !important; } :root .theme-app2 .selectClass .alert-radio-label.sc-ion-alert-md { color: white; font-weight: bold; } :root .theme-app2 .selectClass .alert-button.alert-button-inner { color: white; } :root .theme-app2 .selectClass .popover-content { min-width: 90% !important; } :root .theme-app2 .dateRanger { color: var(--ion-color-danger); font-weight: bold; font-size: large; } :root .theme-app2 .eventFloater { color: white; font-weight: bold; padding: 10px; border-radius: 10px; font-size: large; background-color: var(--ion-color-danger); } :root .theme-app2 .chatContainer ion-card-subtitle { padding-top: 3px; } :root .theme-app2 .chatContainer::after { content: ""; clear: both; display: table; } :root .theme-app2 .chatMessageOtherUser { color: white; float: left; } :root .theme-app2 .chatMessageLoggedInUser { color: white; float: right; } :root .theme-app2 .chatUsername { font-weight: bolder; } :root .theme-app2 .ion-icon { color: var(--accentText); } :root .theme-app2 .numberCard ion-card-header { color: white !important; } :root .theme-app2 .numberCard ion-card-header ion-card-subtitle { color: white !important; font-weight: bold; font-size: 20px !important; } :root .theme-app2 .numberCard ion-card-header ion-card-subtitle ion-icon { font-size: 30px !important; color: var(--borderColor); } :root .theme-app2 .numberCard ion-card-header ion-card-title { color: var(--primary) !important; font-weight: bold; padding: 10px; background: var(--accent); border-radius: 10px; float: right; } :root .theme-app2 .numberCard ion-card-content ion-button { margin-top: 10px; } :root .theme-app2 .numberCard ion-card-content div.leftBound { margin-top: 10px; padding: 5px; border-left: 2px solid var(--borderColor); border-bottom: 2px solid var(--borderColor); border-bottom-left-radius: 10px; } :root .theme-app2 .numberCard ion-card-content div.leftBound:hover { border-left: 8px solid var(--borderColor); transition: border-width 0.1s ease-in-out; } :root .theme-app2 .qrCodeStyle { display: flex; align-items: center; justify-content: center; opacity: 1; } :root .theme-app2 .qrCodeStyle img { border-radius: 25px; } :root .theme-app2 .matt-tree-styling { background-color: transparent; padding-top: 20px; margin-top: 20px; } :root .theme-app2 .matt-tree-styling .tree-nested-node { padding-left: 30px; margin-left: 10px; padding-left: 40px; } :root .theme-app2 .matt-tree-styling mat-tree { margin-left: 40px !important; background-color: transparent; } :root .theme-app2 .matt-tree-styling .mat-tree-hover:hover { background-color: var(--accentHover) !important; border-radius: 5px; } :root .theme-app2 .matt-tree-styling .mat-tree-node { padding: 3px; background-color: transparent; } :root .theme-app2 .matt-tree-styling .mat-nested-tree-node { top: -24px !important; background-color: transparent; } :root .theme-app2 .matt-tree-styling ul, :root .theme-app2 .matt-tree-styling li { list-style: none; margin: 0; padding: 0; background-color: transparent; } :root .theme-app2 .matt-tree-styling li.tree-container { border-bottom: 0; background-color: transparent; } :root .theme-app2 .matt-tree-styling li { padding-left: 40px; border-left: 1px dotted grey !important; border-bottom: 1px dotted grey !important; border-bottom-left-radius: 10px; border-width: 0 0 1px 1px; position: relative; top: -24px; background-color: transparent; } :root .theme-app2 .matt-tree-styling li.mat-tree-node, :root .theme-app2 .matt-tree-styling li div { margin: 0; position: relative; top: 15px !important; background-color: transparent; } :root .theme-app2 .matt-tree-styling li ul { padding-right: 80px !important; background-color: transparent; } :root .theme-app2 .popover_style ion-backdrop { --backdrop-opacity: 0.9; } :root .theme-app2 .full-modal-cover { --border-radius: 15px; --min-height: 85% !important; --min-width: 85% !important; --padding:10px !important; } :root .theme-app2 .full-modal-cover .modal-wrapper { height: 30%; width: 90%; border-radius: 10px; } :root .theme-app2 .full-modal-cover-narrow { --border-radius: 15px; --min-height: 85% !important; --min-width: 450px !important; --padding:10px !important; } :root .theme-app2 .full-modal-cover-narrow .modal-wrapper { height: 30%; width: 90%; border-radius: 10px; } :root .theme-app2 .small-modal-cover .modal-wrapper { border-radius: 15px; padding: 10px; } :root .theme-app2 .no-background-modal .modal-wrapper { --min-height: 95% !important; --min-width: 75% !important; --background: rgba(46, 46, 46, 0); --border-style: none; --box-shadow:none; --border-radius:none; --border-style:none; --border-color:none; --border-width:0px; } :root .theme-app2 .small-no-background-modal .modal-wrapper { --background: rgba(46, 46, 46, 0) !important; --border-style: none !important; --box-shadow:none !important; --border-radius:none !important; --border-style:none !important; --border-color:none !important; --border-width:0px !important; } :root .theme-app2 .firmware-chain { font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app2 .fab-close { font-size: large !important; font-weight: bold !important; border-color: var(--accent) !important; border-radius: 18px !important; } :root .theme-app2 .fab-close:hover { background-color: var(--accent) !important; } :root .theme-app2 ::-webkit-scrollbar { width: 10px; } :root .theme-app2 ::-webkit-scrollbar-track { background: none; } :root .theme-app2 ::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 5px; } :root .theme-app2 ::-webkit-scrollbar-thumb:hover { background: #555; } :root .theme-app2 .deck-tooltip { border-radius: 7px; } :root .theme-app2 .map-control-panel { position: absolute; top: 0; left: 0; display: flex; } :root .theme-app2 .map-control-panel ion-card { margin: 20px; padding: 10px; border-radius: 10px; } :root .theme-app2 .map-control-panel ion-item { color: var(--primaryText); } :root .theme-app2 .map-control-panel ion-item ion-button { padding-top: 3px; padding-bottom: 3px; } :root .theme-app2 .map-control-panel ion-thumbnail { --border-radius: 5px; } :root .theme-app2 .map-control-panel .ion-label-title { font-weight: 500; } :root .theme-app2 .map-control-panel .ion-label-body { font-weight: lighter; } :root .theme-app2 .scanCheckBox { float: right; font-size: small; } :root .theme-app2 .scanCheckBox ion-checkbox { margin-left: 4px; margin-bottom: -4px; --border-color: var(--borderColor); --border-color-checked: var(--borderColor); --checkmark-color: var(--borderColor); } :root .theme-app2 .accentText { color: var(--accentText); } :root .theme-app2 a { color: var(--accentDarkText); } :root .theme-app2 .layerLabel { text-transform: capitalize; color: var(--primaryText); } :root .theme-app2 .mini-profile { border: 2px solid var(--borderColor); display: inline-block; color: var(--accentText) !important; margin: 10px; padding: 8 30px; height: 30px; font-size: 16px; line-height: 25px; border-radius: 25px; } :root .theme-app2 .mini-profile img { float: left; margin-left: 10px; height: 25px; background-color: white; border-radius: 50%; padding-top: 1px; padding-right: 2px; } :root .theme-app2 .searchbar-input { background: white !important; font-size: 1.25em !important; border: 1px solid transparent; border-radius: 10px !important; height: 30px !important; } :root .theme-app2 .searchbar-search-icon.sc-ion-searchbar-md { top: 6px; } :root .theme-app2 .sc-ion-searchbar-ios-h { padding-bottom: 0 !important; } :root .theme-app2 .badgeAsSelection { --background:var(--accent) !important; color: var(--secondaryBaseText); cursor: pointer; } :root .theme-app2 .badgeAsOptions { --background:none !important; color: var(--accentText); border: 2px solid var(--borderColor); cursor: pointer; } :root .theme-app2 .badgeAsOptions { --background:none !important; color: var(--accentText); border: 2px solid var(--borderColor); cursor: pointer; } :root .theme-app2 .clearOptions { --background:none !important; color: red !important; border: 1px solid red !important; cursor: pointer; } :root .theme-app2 .ng-star-inserted { color: var(--primaryText) !important; } :root .theme-app2 .apexcharts-xaxis-label { fill: var(--primaryText) !important; } :root .theme-app2 .apexcharts-xaxis text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app2 .apexcharts-yaxis-label { fill: var(--primaryText) !important; color: var(--primaryText) !important; } :root .theme-app2 .apexcharts-yaxis text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app2 .apexcharts-title-text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app2 .apexcharts-tooltip { background: #f3f3f3 !important; color: black !important; fill: black !important; } :root .theme-app2 .apexcharts-tooltip span { color: black !important; fill: black !important; } :root .theme-app2 .apexcharts-tooltip-text { color: black !important; fill: black !important; } :root .theme-app2 .apexcharts-tooltip-text-y-label { color: black !important; fill: black !important; } :root .theme-app2 .apexcharts-tooltip-y-group span { color: black !important; fill: black !important; } :root .theme-app2 .area-custom-gradient { fill: linear-gradient(to bottom, #FF5733, #FFCC00); } :root .theme-app2 ion-item-divider { border-color: var(--secondary); } :root .theme-app2 ion-item-divider ion-label { --border-color: var(--secondary) !important; /* Replace with your desired color */ border-color: var(--secondary); } :root .theme-app2 .btn-prev-next { border: 1px solid lightgray; background-color: transparent; color: var(--primaryText); width: 30px; font-size: large; } :root .theme-app2 ion-accordion-group ion-accordion .ion-accordion-toggle-icon { color: var(--primaryText); } :root .theme-app2 .device-status-box { border: 2px solid var(--secondary); /* Set the border color to your desired color */ box-shadow: none; /* Set the box shadow color */ } :root .theme-app2 .counts { color: var(--primaryText); text-align: center; } :root .theme-app2 gridster-item { background-color: var(--ion-background-color) !important; } :root .theme-app2 gridster { background-color: var(--ion-background-color) !important; } :root .theme-app2 ion-fab ion-fab-button { --background: var(--accent); color: white; } :root .theme-app2 #chart path.apexcharts-area { fill: #ff5733; /* Set the fill color to your desired color */ } :root .theme-app2 #chart path.apexcharts-area:hover { fill: #ff33cc; /* Set the hover fill color to your desired color */ } :root .theme-app2 .card-indent { margin-left: 100px !important; } :root .theme-app2 .card-indent:before { content: ""; position: absolute; top: 50%; left: 111px; /* Adjust this value to position the arrow */ width: 0; height: 0; border-style: solid; border-width: 5px 7px 0 7px; border-color: #000 transparent transparent transparent; /* Change color if needed */ transform: translateY(-50%) rotate(45deg); } :root .theme-app2 .valid-alert { --background: green; /* Set the background color to green */ /* You can add more custom styles here */ } :root .theme-app2 .invlid-alert { --background: red; /* Set the background color to red */ /* You can add more custom styles here */ } :root .theme-app2 .mat-tabs .mat-ink-bar { background-color: var(--accent) !important; } :root .theme-app2 .mat-table { overflow-x: scroll; } :root .theme-app2 .mat-cell, :root .theme-app2 .mat-header-cell { word-wrap: initial; display: table-cell; padding: 0px 10px; line-break: unset; width: 100%; white-space: nowrap; overflow: hidden; vertical-align: middle; } :root .theme-app2 .mat-row, :root .theme-app2 .mat-header-row { display: table-row; } :root .theme-app2 .mat-tab-label { padding: 5px; background-color: transparent; color: var(--accent); font-weight: 700; } :root .theme-app2 .mat-tab-label.mat-tab-label-active { padding: 5px; background-color: transparent; color: var(--accent); font-weight: 700; } :root .theme-app2 .mat-ink-bar { background-color: var(--accent); } :root .theme-app2 mat-label { color: var(--primaryText); } :root .theme-app2 mat-form-field { color: var(--primaryText); } :root .theme-app2 mat-form-field input { color: var(--primaryText); } :root .theme-app2 .mat-icon { color: var(--primaryText); } :root .mat-badge-content { font-weight: 600; font-size: 12px; font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-badge-small .mat-badge-content { font-size: 9px; } :root .mat-badge-large .mat-badge-content { font-size: 24px; } :root .mat-h1, :root .mat-headline, :root .mat-typography .mat-h1, :root .mat-typography .mat-headline, :root .mat-typography h1 { font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h2, :root .mat-title, :root .mat-typography .mat-h2, :root .mat-typography .mat-title, :root .mat-typography h2 { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h3, :root .mat-subheading-2, :root .mat-typography .mat-h3, :root .mat-typography .mat-subheading-2, :root .mat-typography h3 { font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h4, :root .mat-subheading-1, :root .mat-typography .mat-h4, :root .mat-typography .mat-subheading-1, :root .mat-typography h4 { font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h5, :root .mat-typography .mat-h5, :root .mat-typography h5 { font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } :root .mat-h6, :root .mat-typography .mat-h6, :root .mat-typography h6 { font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } :root .mat-body-strong, :root .mat-body-2, :root .mat-typography .mat-body-strong, :root .mat-typography .mat-body-2 { font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-body, :root .mat-body-1, :root .mat-typography .mat-body, :root .mat-typography .mat-body-1, :root .mat-typography { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-body p, :root .mat-body-1 p, :root .mat-typography .mat-body p, :root .mat-typography .mat-body-1 p, :root .mat-typography p { margin: 0 0 12px; } :root .mat-small, :root .mat-caption, :root .mat-typography .mat-small, :root .mat-typography .mat-caption { font: 400 12px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-display-4, :root .mat-typography .mat-display-4 { font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.05em; margin: 0 0 56px; } :root .mat-display-3, :root .mat-typography .mat-display-3 { font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.02em; margin: 0 0 64px; } :root .mat-display-2, :root .mat-typography .mat-display-2 { font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.005em; margin: 0 0 64px; } :root .mat-display-1, :root .mat-typography .mat-display-1 { font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 64px; } :root .mat-bottom-sheet-container { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-button, :root .mat-raised-button, :root .mat-icon-button, :root .mat-stroked-button, :root .mat-flat-button, :root .mat-fab, :root .mat-mini-fab { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-button-toggle { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-card { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-card-title { font-size: 24px; font-weight: 500; } :root .mat-card-header .mat-card-title { font-size: 20px; } :root .mat-card-subtitle, :root .mat-card-content { font-size: 14px; } :root .mat-checkbox { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-checkbox-layout .mat-checkbox-label { line-height: 24px; } :root .mat-chip { font-size: 14px; font-weight: 500; } :root .mat-chip .mat-chip-trailing-icon.mat-icon, :root .mat-chip .mat-chip-remove.mat-icon { font-size: 18px; } :root .mat-table { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-header-cell { font-size: 12px; font-weight: 500; } :root .mat-cell, :root .mat-footer-cell { font-size: 14px; } :root .mat-calendar { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-calendar-body { font-size: 13px; } :root .mat-calendar-body-label, :root .mat-calendar-period-button { font-size: 14px; font-weight: 500; } :root .mat-calendar-table-header th { font-size: 11px; font-weight: 400; } :root .mat-dialog-title { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-expansion-panel-header { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 15px; font-weight: 400; } :root .mat-expansion-panel-content { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-form-field { font-size: inherit; font-weight: 400; line-height: 1.125; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-form-field-wrapper { padding-bottom: 1.34375em; } :root .mat-form-field-prefix .mat-icon, :root .mat-form-field-suffix .mat-icon { font-size: 150%; line-height: 1.125; } :root .mat-form-field-prefix .mat-icon-button, :root .mat-form-field-suffix .mat-icon-button { height: 1.5em; width: 1.5em; } :root .mat-form-field-prefix .mat-icon-button .mat-icon, :root .mat-form-field-suffix .mat-icon-button .mat-icon { height: 1.125em; line-height: 1.125; } :root .mat-form-field-infix { padding: 0.5em 0; border-top: 0.84375em solid transparent; } :root .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34373em) scale(0.75); width: 133.3333533333%; } :root .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34372em) scale(0.75); width: 133.3333633333%; } :root .mat-form-field-label-wrapper { top: -0.84375em; padding-top: 0.84375em; } :root .mat-form-field-label { top: 1.34375em; } :root .mat-form-field-underline { bottom: 1.34375em; } :root .mat-form-field-subscript-wrapper { font-size: 75%; margin-top: 0.6666666667em; top: calc(100% - 1.7916666667em); } :root .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 1.25em; } :root .mat-form-field-appearance-legacy .mat-form-field-infix { padding: 0.4375em 0; } :root .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00106px); width: 133.3333933333%; } :root .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 { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00107px); width: 133.3334033333%; } :root .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 { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00108px); width: 133.3334133333%; } :root .mat-form-field-appearance-legacy .mat-form-field-label { top: 1.28125em; } :root .mat-form-field-appearance-legacy .mat-form-field-underline { bottom: 1.25em; } :root .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { margin-top: 0.5416666667em; top: calc(100% - 1.6666666667em); } @media print { :root .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28116em) scale(0.75); } :root .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 { transform: translateY(-1.28115em) scale(0.75); } :root .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 { transform: translateY(-1.28114em) scale(0.75); } } :root .mat-form-field-appearance-fill .mat-form-field-infix { padding: 0.25em 0 0.75em 0; } :root .mat-form-field-appearance-fill .mat-form-field-label { top: 1.09375em; margin-top: -0.5em; } :root .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59373em) scale(0.75); width: 133.3333533333%; } :root .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 { transform: translateY(-0.59372em) scale(0.75); width: 133.3333633333%; } :root .mat-form-field-appearance-outline .mat-form-field-infix { padding: 1em 0 1em 0; } :root .mat-form-field-appearance-outline .mat-form-field-label { top: 1.84375em; margin-top: -0.25em; } :root .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59373em) scale(0.75); width: 133.3333533333%; } :root .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 { transform: translateY(-1.59372em) scale(0.75); width: 133.3333633333%; } :root .mat-grid-tile-header, :root .mat-grid-tile-footer { font-size: 14px; } :root .mat-grid-tile-header .mat-line, :root .mat-grid-tile-footer .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-grid-tile-header .mat-line:nth-child(n+2), :root .mat-grid-tile-footer .mat-line:nth-child(n+2) { font-size: 12px; } :root input.mat-input-element { margin-top: -0.0625em; } :root .mat-menu-item { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 400; } :root .mat-paginator, :root .mat-paginator-page-size .mat-select-trigger { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; } :root .mat-radio-button { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-select { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-select-trigger { height: 1.125em; } :root .mat-slide-toggle-content { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-slider-thumb-label-text { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } :root .mat-stepper-vertical, :root .mat-stepper-horizontal { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-step-label { font-size: 14px; font-weight: 400; } :root .mat-step-sub-label-error { font-weight: normal; } :root .mat-step-label-error { font-size: 14px; } :root .mat-step-label-selected { font-size: 14px; font-weight: 500; } :root .mat-tab-group { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-tab-label, :root .mat-tab-link { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-toolbar, :root .mat-toolbar h1, :root .mat-toolbar h2, :root .mat-toolbar h3, :root .mat-toolbar h4, :root .mat-toolbar h5, :root .mat-toolbar h6 { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0; } :root .mat-tooltip { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 10px; padding-top: 6px; padding-bottom: 6px; } :root .mat-tooltip-handset { font-size: 14px; padding-top: 8px; padding-bottom: 8px; } :root .mat-list-item { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-list-option { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-list-base .mat-list-item { font-size: 16px; } :root .mat-list-base .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base .mat-list-item .mat-line:nth-child(n+2) { font-size: 14px; } :root .mat-list-base .mat-list-option { font-size: 16px; } :root .mat-list-base .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base .mat-list-option .mat-line:nth-child(n+2) { font-size: 14px; } :root .mat-list-base .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-list-base[dense] .mat-list-item { font-size: 12px; } :root .mat-list-base[dense] .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) { font-size: 12px; } :root .mat-list-base[dense] .mat-list-option { font-size: 12px; } :root .mat-list-base[dense] .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) { font-size: 12px; } :root .mat-list-base[dense] .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } :root .mat-option { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 16px; } :root .mat-optgroup-label { font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-simple-snackbar { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; } :root .mat-simple-snackbar-action { line-height: 1; font-family: inherit; font-size: inherit; font-weight: 500; } :root .mat-tree { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-tree-node, :root .mat-nested-tree-node { font-weight: 400; font-size: 14px; } :root .mat-ripple { overflow: hidden; position: relative; } :root .mat-ripple:not(:empty) { transform: translateZ(0); } :root .mat-ripple.mat-ripple-unbounded { overflow: visible; } :root .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale(0); } .cdk-high-contrast-active :root .mat-ripple-element { display: none; } :root .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; outline: 0; -webkit-appearance: none; -moz-appearance: none; left: 0; } [dir=rtl] :root .cdk-visually-hidden { left: auto; right: 0; } :root .cdk-overlay-container, :root .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } :root .cdk-overlay-container { position: fixed; z-index: 1000; } :root .cdk-overlay-container:empty { display: none; } :root .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } :root .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } :root .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } :root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } .cdk-high-contrast-active :root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } :root .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } :root .cdk-overlay-transparent-backdrop { transition: visibility 1ms linear, opacity 1ms linear; visibility: hidden; opacity: 1; } :root .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; visibility: visible; } :root .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } :root .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } :root textarea.cdk-textarea-autosize { resize: none; } :root textarea.cdk-textarea-autosize-measuring { padding: 2px 0 !important; box-sizing: content-box !important; height: auto !important; overflow: hidden !important; } :root textarea.cdk-textarea-autosize-measuring-firefox { padding: 2px 0 !important; box-sizing: content-box !important; height: 0 !important; } @keyframes cdk-text-field-autofill-start { /*!*/ } @keyframes cdk-text-field-autofill-end { /*!*/ } :root .cdk-text-field-autofill-monitored:-webkit-autofill { animation: cdk-text-field-autofill-start 0s 1ms; } :root .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { animation: cdk-text-field-autofill-end 0s 1ms; } :root .mat-focus-indicator { position: relative; } :root .mat-mdc-focus-indicator { position: relative; } :root .theme-app4 { /* Track */ /* Handle */ /* Handle on hover */ /* Style the area path element when hovering (optional) */ /* active tab */ /* Styles for the active tab label */ /* Styles for the ink bar */ } :root .theme-app4 .dark { --primary: #2D3035; --secondary: #C7C7CC; --secondaryBase: #fff; --accent: #689fff; --secondaryDark: #383D43; --accentLight:rgba(138, 209, 202, .3); --accentBackground:rgba(138, 209, 202, .1); --accentDark: #376c65; --borderColor: #689fff; --accentHover: rgba(108, 212, 202, 0.5); --iconColor: #5aa1bf; --primaryText: #fff; --secondaryText: #8E8E93; --accentText: #6CD4CA; --secondaryBaseText: #EFEFF4; --accentLightText: #2D3035; --accentDarkText: #000000; --ion-background-color: var(--primary); } :root .theme-app4 .dark .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app4 .dark .mat-option { color: white; } :root .theme-app4 .dark .mat-option:hover:not(.mat-option-disabled), :root .theme-app4 .dark .mat-option:focus:not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } :root .theme-app4 .dark .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } :root .theme-app4 .dark .mat-option.mat-active { background: rgba(255, 255, 255, 0.04); color: white; } :root .theme-app4 .dark .mat-option.mat-option-disabled { color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #40c4ff; } :root .theme-app4 .dark .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #40c4ff; } :root .theme-app4 .dark .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #ff5722; } :root .theme-app4 .dark .mat-optgroup-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app4 .dark .mat-optgroup-disabled .mat-optgroup-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-pseudo-checkbox { color: rgba(255, 255, 255, 0.7); } :root .theme-app4 .dark .mat-pseudo-checkbox::after { color: #303030; } :root .theme-app4 .dark .mat-pseudo-checkbox-disabled { color: #686868; } :root .theme-app4 .dark .mat-primary .mat-pseudo-checkbox-checked, :root .theme-app4 .dark .mat-primary .mat-pseudo-checkbox-indeterminate { background: #40c4ff; } :root .theme-app4 .dark .mat-pseudo-checkbox-checked, :root .theme-app4 .dark .mat-pseudo-checkbox-indeterminate, :root .theme-app4 .dark .mat-accent .mat-pseudo-checkbox-checked, :root .theme-app4 .dark .mat-accent .mat-pseudo-checkbox-indeterminate { background: #40c4ff; } :root .theme-app4 .dark .mat-warn .mat-pseudo-checkbox-checked, :root .theme-app4 .dark .mat-warn .mat-pseudo-checkbox-indeterminate { background: #ff5722; } :root .theme-app4 .dark .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, :root .theme-app4 .dark .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #686868; } :root .theme-app4 .dark .mat-app-background, :root .theme-app4 .dark.mat-app-background { background-color: #303030; color: white; } :root .theme-app4 .dark .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } :root .theme-app4 .dark .mat-autocomplete-panel { background: #424242; color: white; } :root .theme-app4 .dark .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: #424242; } :root .theme-app4 .dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: white; } :root .theme-app4 .dark .mat-badge { position: relative; } :root .theme-app4 .dark .mat-badge.mat-badge { overflow: visible; } :root .theme-app4 .dark .mat-badge-hidden .mat-badge-content { display: none; } :root .theme-app4 .dark .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } :root .theme-app4 .dark .ng-animate-disabled .mat-badge-content, :root .theme-app4 .dark .mat-badge-content._mat-animation-noopable { transition: none; } :root .theme-app4 .dark .mat-badge-content.mat-badge-active { transform: none; } :root .theme-app4 .dark .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } :root .theme-app4 .dark .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } :root .theme-app4 .dark .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } :root .theme-app4 .dark .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] :root .theme-app4 .dark .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } :root .theme-app4 .dark .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] :root .theme-app4 .dark .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } :root .theme-app4 .dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] :root .theme-app4 .dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } :root .theme-app4 .dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] :root .theme-app4 .dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } :root .theme-app4 .dark .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } :root .theme-app4 .dark .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } :root .theme-app4 .dark .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } :root .theme-app4 .dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] :root .theme-app4 .dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } :root .theme-app4 .dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] :root .theme-app4 .dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } :root .theme-app4 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] :root .theme-app4 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } :root .theme-app4 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] :root .theme-app4 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } :root .theme-app4 .dark .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } :root .theme-app4 .dark .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } :root .theme-app4 .dark .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } :root .theme-app4 .dark .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] :root .theme-app4 .dark .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } :root .theme-app4 .dark .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] :root .theme-app4 .dark .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } :root .theme-app4 .dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] :root .theme-app4 .dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } :root .theme-app4 .dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] :root .theme-app4 .dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } :root .theme-app4 .dark .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #40c4ff; } .cdk-high-contrast-active :root .theme-app4 .dark .mat-badge-content { outline: solid 1px; border-radius: 0; } :root .theme-app4 .dark .mat-badge-accent .mat-badge-content { background: #40c4ff; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .dark .mat-badge-warn .mat-badge-content { color: white; background: #ff5722; } :root .theme-app4 .dark .mat-badge-disabled .mat-badge-content { background: #6e6e6e; color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: #424242; color: white; } :root .theme-app4 .dark .mat-button, :root .theme-app4 .dark .mat-icon-button, :root .theme-app4 .dark .mat-stroked-button { color: inherit; background: transparent; } :root .theme-app4 .dark .mat-button.mat-primary, :root .theme-app4 .dark .mat-icon-button.mat-primary, :root .theme-app4 .dark .mat-stroked-button.mat-primary { color: #40c4ff; } :root .theme-app4 .dark .mat-button.mat-accent, :root .theme-app4 .dark .mat-icon-button.mat-accent, :root .theme-app4 .dark .mat-stroked-button.mat-accent { color: #40c4ff; } :root .theme-app4 .dark .mat-button.mat-warn, :root .theme-app4 .dark .mat-icon-button.mat-warn, :root .theme-app4 .dark .mat-stroked-button.mat-warn { color: #ff5722; } :root .theme-app4 .dark .mat-button.mat-primary.mat-button-disabled, :root .theme-app4 .dark .mat-button.mat-accent.mat-button-disabled, :root .theme-app4 .dark .mat-button.mat-warn.mat-button-disabled, :root .theme-app4 .dark .mat-button.mat-button-disabled.mat-button-disabled, :root .theme-app4 .dark .mat-icon-button.mat-primary.mat-button-disabled, :root .theme-app4 .dark .mat-icon-button.mat-accent.mat-button-disabled, :root .theme-app4 .dark .mat-icon-button.mat-warn.mat-button-disabled, :root .theme-app4 .dark .mat-icon-button.mat-button-disabled.mat-button-disabled, :root .theme-app4 .dark .mat-stroked-button.mat-primary.mat-button-disabled, :root .theme-app4 .dark .mat-stroked-button.mat-accent.mat-button-disabled, :root .theme-app4 .dark .mat-stroked-button.mat-warn.mat-button-disabled, :root .theme-app4 .dark .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } :root .theme-app4 .dark .mat-button.mat-primary .mat-button-focus-overlay, :root .theme-app4 .dark .mat-icon-button.mat-primary .mat-button-focus-overlay, :root .theme-app4 .dark .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #40c4ff; } :root .theme-app4 .dark .mat-button.mat-accent .mat-button-focus-overlay, :root .theme-app4 .dark .mat-icon-button.mat-accent .mat-button-focus-overlay, :root .theme-app4 .dark .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #40c4ff; } :root .theme-app4 .dark .mat-button.mat-warn .mat-button-focus-overlay, :root .theme-app4 .dark .mat-icon-button.mat-warn .mat-button-focus-overlay, :root .theme-app4 .dark .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #ff5722; } :root .theme-app4 .dark .mat-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app4 .dark .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app4 .dark .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } :root .theme-app4 .dark .mat-button .mat-ripple-element, :root .theme-app4 .dark .mat-icon-button .mat-ripple-element, :root .theme-app4 .dark .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } :root .theme-app4 .dark .mat-button-focus-overlay { background: white; } :root .theme-app4 .dark .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(255, 255, 255, 0.12); } :root .theme-app4 .dark .mat-flat-button, :root .theme-app4 .dark .mat-raised-button, :root .theme-app4 .dark .mat-fab, :root .theme-app4 .dark .mat-mini-fab { color: white; background-color: #424242; } :root .theme-app4 .dark .mat-flat-button.mat-primary, :root .theme-app4 .dark .mat-raised-button.mat-primary, :root .theme-app4 .dark .mat-fab.mat-primary, :root .theme-app4 .dark .mat-mini-fab.mat-primary { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .dark .mat-flat-button.mat-accent, :root .theme-app4 .dark .mat-raised-button.mat-accent, :root .theme-app4 .dark .mat-fab.mat-accent, :root .theme-app4 .dark .mat-mini-fab.mat-accent { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .dark .mat-flat-button.mat-warn, :root .theme-app4 .dark .mat-raised-button.mat-warn, :root .theme-app4 .dark .mat-fab.mat-warn, :root .theme-app4 .dark .mat-mini-fab.mat-warn { color: white; } :root .theme-app4 .dark .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app4 .dark .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app4 .dark .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app4 .dark .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app4 .dark .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app4 .dark .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app4 .dark .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app4 .dark .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app4 .dark .mat-fab.mat-primary.mat-button-disabled, :root .theme-app4 .dark .mat-fab.mat-accent.mat-button-disabled, :root .theme-app4 .dark .mat-fab.mat-warn.mat-button-disabled, :root .theme-app4 .dark .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app4 .dark .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app4 .dark .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app4 .dark .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app4 .dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } :root .theme-app4 .dark .mat-flat-button.mat-primary, :root .theme-app4 .dark .mat-raised-button.mat-primary, :root .theme-app4 .dark .mat-fab.mat-primary, :root .theme-app4 .dark .mat-mini-fab.mat-primary { background-color: #40c4ff; } :root .theme-app4 .dark .mat-flat-button.mat-accent, :root .theme-app4 .dark .mat-raised-button.mat-accent, :root .theme-app4 .dark .mat-fab.mat-accent, :root .theme-app4 .dark .mat-mini-fab.mat-accent { background-color: #40c4ff; } :root .theme-app4 .dark .mat-flat-button.mat-warn, :root .theme-app4 .dark .mat-raised-button.mat-warn, :root .theme-app4 .dark .mat-fab.mat-warn, :root .theme-app4 .dark .mat-mini-fab.mat-warn { background-color: #ff5722; } :root .theme-app4 .dark .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app4 .dark .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app4 .dark .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app4 .dark .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app4 .dark .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app4 .dark .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app4 .dark .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app4 .dark .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app4 .dark .mat-fab.mat-primary.mat-button-disabled, :root .theme-app4 .dark .mat-fab.mat-accent.mat-button-disabled, :root .theme-app4 .dark .mat-fab.mat-warn.mat-button-disabled, :root .theme-app4 .dark .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app4 .dark .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app4 .dark .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app4 .dark .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app4 .dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app4 .dark .mat-flat-button.mat-primary .mat-ripple-element, :root .theme-app4 .dark .mat-raised-button.mat-primary .mat-ripple-element, :root .theme-app4 .dark .mat-fab.mat-primary .mat-ripple-element, :root .theme-app4 .dark .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app4 .dark .mat-flat-button.mat-accent .mat-ripple-element, :root .theme-app4 .dark .mat-raised-button.mat-accent .mat-ripple-element, :root .theme-app4 .dark .mat-fab.mat-accent .mat-ripple-element, :root .theme-app4 .dark .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app4 .dark .mat-flat-button.mat-warn .mat-ripple-element, :root .theme-app4 .dark .mat-raised-button.mat-warn .mat-ripple-element, :root .theme-app4 .dark .mat-fab.mat-warn .mat-ripple-element, :root .theme-app4 .dark .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app4 .dark .mat-stroked-button:not([class*=mat-elevation-z]), :root .theme-app4 .dark .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-fab:not([class*=mat-elevation-z]), :root .theme-app4 .dark .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), :root .theme-app4 .dark .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), :root .theme-app4 .dark .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-button-toggle-standalone:not([class*=mat-elevation-z]), :root .theme-app4 .dark .mat-button-toggle-group:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), :root .theme-app4 .dark .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) { box-shadow: none; } :root .theme-app4 .dark .mat-button-toggle { color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app4 .dark .mat-button-toggle-appearance-standard { color: white; background: #424242; } :root .theme-app4 .dark .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: white; } :root .theme-app4 .dark .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px #595959; } :root .theme-app4 .dark [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px #595959; } :root .theme-app4 .dark .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px #595959; } :root .theme-app4 .dark .mat-button-toggle-checked { background-color: #212121; color: rgba(255, 255, 255, 0.7); } :root .theme-app4 .dark .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: white; } :root .theme-app4 .dark .mat-button-toggle-disabled { color: rgba(255, 255, 255, 0.3); background-color: black; } :root .theme-app4 .dark .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: #424242; } :root .theme-app4 .dark .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #424242; } :root .theme-app4 .dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, :root .theme-app4 .dark .mat-button-toggle-group-appearance-standard { border: solid 1px #595959; } :root .theme-app4 .dark .mat-card { background: #424242; color: white; } :root .theme-app4 .dark .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-card-subtitle { color: rgba(255, 255, 255, 0.7); } :root .theme-app4 .dark .mat-checkbox-frame { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app4 .dark .mat-checkbox-checkmark { fill: #303030; } :root .theme-app4 .dark .mat-checkbox-checkmark-path { stroke: #303030 !important; } :root .theme-app4 .dark .mat-checkbox-mixedmark { background-color: #303030; } :root .theme-app4 .dark .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, :root .theme-app4 .dark .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #40c4ff; } :root .theme-app4 .dark .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, :root .theme-app4 .dark .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #40c4ff; } :root .theme-app4 .dark .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, :root .theme-app4 .dark .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #ff5722; } :root .theme-app4 .dark .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, :root .theme-app4 .dark .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #686868; } :root .theme-app4 .dark .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #686868; } :root .theme-app4 .dark .mat-checkbox-disabled .mat-checkbox-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-checkbox .mat-ripple-element { background-color: white; } :root .theme-app4 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, :root .theme-app4 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #40c4ff; } :root .theme-app4 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, :root .theme-app4 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #40c4ff; } :root .theme-app4 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, :root .theme-app4 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #ff5722; } :root .theme-app4 .dark .mat-chip.mat-standard-chip { background-color: #616161; color: white; } :root .theme-app4 .dark .mat-chip.mat-standard-chip .mat-chip-remove { color: white; opacity: 0.4; } :root .theme-app4 .dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } :root .theme-app4 .dark .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } :root .theme-app4 .dark .mat-chip.mat-standard-chip::after { background: white; } :root .theme-app4 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #40c4ff; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app4 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app4 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #ff5722; color: white; } :root .theme-app4 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } :root .theme-app4 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app4 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #40c4ff; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app4 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app4 .dark .mat-table { background: #424242; } :root .theme-app4 .dark .mat-table thead, :root .theme-app4 .dark .mat-table tbody, :root .theme-app4 .dark .mat-table tfoot, :root .theme-app4 .dark mat-header-row, :root .theme-app4 .dark mat-row, :root .theme-app4 .dark mat-footer-row, :root .theme-app4 .dark [mat-header-row], :root .theme-app4 .dark [mat-row], :root .theme-app4 .dark [mat-footer-row], :root .theme-app4 .dark .mat-table-sticky { background: inherit; } :root .theme-app4 .dark mat-row, :root .theme-app4 .dark mat-header-row, :root .theme-app4 .dark mat-footer-row, :root .theme-app4 .dark th.mat-header-cell, :root .theme-app4 .dark td.mat-cell, :root .theme-app4 .dark td.mat-footer-cell { border-bottom-color: rgba(255, 255, 255, 0.12); } :root .theme-app4 .dark .mat-header-cell { color: rgba(255, 255, 255, 0.7); } :root .theme-app4 .dark .mat-cell, :root .theme-app4 .dark .mat-footer-cell { color: white; } :root .theme-app4 .dark .mat-calendar-arrow { fill: white; } :root .theme-app4 .dark .mat-datepicker-toggle, :root .theme-app4 .dark .mat-datepicker-content .mat-calendar-next-button, :root .theme-app4 .dark .mat-datepicker-content .mat-calendar-previous-button { color: white; } :root .theme-app4 .dark .mat-calendar-table-header-divider::after { background: rgba(255, 255, 255, 0.12); } :root .theme-app4 .dark .mat-calendar-table-header, :root .theme-app4 .dark .mat-calendar-body-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app4 .dark .mat-calendar-body-cell-content, :root .theme-app4 .dark .mat-date-range-input-separator { color: white; border-color: transparent; } :root .theme-app4 .dark .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-calendar-body-in-preview { color: rgba(255, 255, 255, 0.24); } :root .theme-app4 .dark .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app4 .dark .mat-calendar-body-in-range::before { background: rgba(64, 196, 255, 0.2); } :root .theme-app4 .dark .mat-calendar-body-comparison-identical, :root .theme-app4 .dark .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app4 .dark .mat-calendar-body-comparison-bridge-start::before, :root .theme-app4 .dark [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(64, 196, 255, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app4 .dark .mat-calendar-body-comparison-bridge-end::before, :root .theme-app4 .dark [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(64, 196, 255, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app4 .dark .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app4 .dark .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app4 .dark .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app4 .dark .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app4 .dark .mat-calendar-body-selected { background-color: #40c4ff; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .dark .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(64, 196, 255, 0.4); } :root .theme-app4 .dark .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app4 .dark .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app4 .dark .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(64, 196, 255, 0.3); } @media (hover: hover) { :root .theme-app4 .dark .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(64, 196, 255, 0.3); } } :root .theme-app4 .dark .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: #424242; color: white; } :root .theme-app4 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(64, 196, 255, 0.2); } :root .theme-app4 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, :root .theme-app4 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app4 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, :root .theme-app4 .dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(64, 196, 255, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app4 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, :root .theme-app4 .dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(64, 196, 255, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app4 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app4 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app4 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app4 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app4 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #40c4ff; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(64, 196, 255, 0.4); } :root .theme-app4 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app4 .dark .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app4 .dark .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(64, 196, 255, 0.3); } @media (hover: hover) { :root .theme-app4 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(64, 196, 255, 0.3); } } :root .theme-app4 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(255, 87, 34, 0.2); } :root .theme-app4 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, :root .theme-app4 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app4 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, :root .theme-app4 .dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 87, 34, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app4 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, :root .theme-app4 .dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 87, 34, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app4 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app4 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app4 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app4 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app4 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #ff5722; color: white; } :root .theme-app4 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 87, 34, 0.4); } :root .theme-app4 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } :root .theme-app4 .dark .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app4 .dark .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 87, 34, 0.3); } @media (hover: hover) { :root .theme-app4 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 87, 34, 0.3); } } :root .theme-app4 .dark .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-datepicker-toggle-active { color: #40c4ff; } :root .theme-app4 .dark .mat-datepicker-toggle-active.mat-accent { color: #40c4ff; } :root .theme-app4 .dark .mat-datepicker-toggle-active.mat-warn { color: #ff5722; } :root .theme-app4 .dark .mat-date-range-input-inner[disabled] { color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: #424242; color: white; } :root .theme-app4 .dark .mat-divider { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app4 .dark .mat-divider-vertical { border-right-color: rgba(255, 255, 255, 0.12); } :root .theme-app4 .dark .mat-expansion-panel { background: #424242; color: white; } :root .theme-app4 .dark .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-action-row { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app4 .dark .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), :root .theme-app4 .dark .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), :root .theme-app4 .dark .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(255, 255, 255, 0.04); } @media (hover: none) { :root .theme-app4 .dark .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: #424242; } } :root .theme-app4 .dark .mat-expansion-panel-header-title { color: white; } :root .theme-app4 .dark .mat-expansion-panel-header-description, :root .theme-app4 .dark .mat-expansion-indicator::after { color: rgba(255, 255, 255, 0.7); } :root .theme-app4 .dark .mat-expansion-panel-header[aria-disabled=true] { color: rgba(255, 255, 255, 0.3); } :root .theme-app4 .dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, :root .theme-app4 .dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } :root .theme-app4 .dark .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app4 .dark .mat-hint { color: rgba(255, 255, 255, 0.7); } :root .theme-app4 .dark .mat-form-field.mat-focused .mat-form-field-label { color: #40c4ff; } :root .theme-app4 .dark .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #40c4ff; } :root .theme-app4 .dark .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #ff5722; } :root .theme-app4 .dark .mat-focused .mat-form-field-required-marker { color: #40c4ff; } :root .theme-app4 .dark .mat-form-field-ripple { background-color: white; } :root .theme-app4 .dark .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #40c4ff; } :root .theme-app4 .dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #40c4ff; } :root .theme-app4 .dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #ff5722; } :root .theme-app4 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #40c4ff; } :root .theme-app4 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #40c4ff; } :root .theme-app4 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #ff5722; } :root .theme-app4 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #ff5722; } :root .theme-app4 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, :root .theme-app4 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #ff5722; } :root .theme-app4 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, :root .theme-app4 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #ff5722; } :root .theme-app4 .dark .mat-error { color: #ff5722; } :root .theme-app4 .dark .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app4 .dark .mat-form-field-appearance-legacy .mat-hint { color: rgba(255, 255, 255, 0.7); } :root .theme-app4 .dark .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } :root .theme-app4 .dark .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app4 .dark .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } :root .theme-app4 .dark .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app4 .dark .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app4 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.05); } :root .theme-app4 .dark .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } :root .theme-app4 .dark .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(255, 255, 255, 0.3); } :root .theme-app4 .dark .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: white; } :root .theme-app4 .dark .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #40c4ff; } :root .theme-app4 .dark .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #40c4ff; } :root .theme-app4 .dark .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #ff5722; } :root .theme-app4 .dark .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #ff5722; } :root .theme-app4 .dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(255, 255, 255, 0.15); } :root .theme-app4 .dark .mat-icon.mat-primary { color: #40c4ff; } :root .theme-app4 .dark .mat-icon.mat-accent { color: #40c4ff; } :root .theme-app4 .dark .mat-icon.mat-warn { color: #ff5722; } :root .theme-app4 .dark .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.7); } :root .theme-app4 .dark .mat-input-element:disabled, :root .theme-app4 .dark .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-input-element { caret-color: #40c4ff; } :root .theme-app4 .dark .mat-input-element::placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-input-element::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-input-element::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-input-element:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-input-element:not(.mat-native-select-inline) option { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .dark .mat-input-element:not(.mat-native-select-inline) option:disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app4 .dark .mat-form-field.mat-accent .mat-input-element { caret-color: #40c4ff; } :root .theme-app4 .dark .mat-form-field.mat-warn .mat-input-element, :root .theme-app4 .dark .mat-form-field-invalid .mat-input-element { caret-color: #ff5722; } :root .theme-app4 .dark .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #ff5722; } :root .theme-app4 .dark .mat-list-base .mat-list-item { color: white; } :root .theme-app4 .dark .mat-list-base .mat-list-option { color: white; } :root .theme-app4 .dark .mat-list-base .mat-subheader { color: rgba(255, 255, 255, 0.7); } :root .theme-app4 .dark .mat-list-base .mat-list-item-disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-list-option:hover, :root .theme-app4 .dark .mat-list-option:focus, :root .theme-app4 .dark .mat-nav-list .mat-list-item:hover, :root .theme-app4 .dark .mat-nav-list .mat-list-item:focus, :root .theme-app4 .dark .mat-action-list .mat-list-item:hover, :root .theme-app4 .dark .mat-action-list .mat-list-item:focus { background: rgba(255, 255, 255, 0.04); } :root .theme-app4 .dark .mat-list-single-selected-option, :root .theme-app4 .dark .mat-list-single-selected-option:hover, :root .theme-app4 .dark .mat-list-single-selected-option:focus { background: rgba(255, 255, 255, 0.12); } :root .theme-app4 .dark .mat-menu-panel { background: #424242; } :root .theme-app4 .dark .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-menu-item { background: transparent; color: white; } :root .theme-app4 .dark .mat-menu-item[disabled], :root .theme-app4 .dark .mat-menu-item[disabled] .mat-menu-submenu-icon, :root .theme-app4 .dark .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-menu-item .mat-icon-no-color, :root .theme-app4 .dark .mat-menu-submenu-icon { color: white; } :root .theme-app4 .dark .mat-menu-item:hover:not([disabled]), :root .theme-app4 .dark .mat-menu-item.cdk-program-focused:not([disabled]), :root .theme-app4 .dark .mat-menu-item.cdk-keyboard-focused:not([disabled]), :root .theme-app4 .dark .mat-menu-item-highlighted:not([disabled]) { background: rgba(255, 255, 255, 0.04); } :root .theme-app4 .dark .mat-paginator { background: #424242; } :root .theme-app4 .dark .mat-paginator, :root .theme-app4 .dark .mat-paginator-page-size .mat-select-trigger { color: rgba(255, 255, 255, 0.7); } :root .theme-app4 .dark .mat-paginator-decrement, :root .theme-app4 .dark .mat-paginator-increment { border-top: 2px solid white; border-right: 2px solid white; } :root .theme-app4 .dark .mat-paginator-first, :root .theme-app4 .dark .mat-paginator-last { border-top: 2px solid white; } :root .theme-app4 .dark .mat-icon-button[disabled] .mat-paginator-decrement, :root .theme-app4 .dark .mat-icon-button[disabled] .mat-paginator-increment, :root .theme-app4 .dark .mat-icon-button[disabled] .mat-paginator-first, :root .theme-app4 .dark .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-progress-bar-background { fill: #345564; } :root .theme-app4 .dark .mat-progress-bar-buffer { background-color: #345564; } :root .theme-app4 .dark .mat-progress-bar-fill::after { background-color: #40c4ff; } :root .theme-app4 .dark .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #345564; } :root .theme-app4 .dark .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #345564; } :root .theme-app4 .dark .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #40c4ff; } :root .theme-app4 .dark .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #643a2d; } :root .theme-app4 .dark .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #643a2d; } :root .theme-app4 .dark .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #ff5722; } :root .theme-app4 .dark .mat-progress-spinner circle, :root .theme-app4 .dark .mat-spinner circle { stroke: #40c4ff; } :root .theme-app4 .dark .mat-progress-spinner.mat-accent circle, :root .theme-app4 .dark .mat-spinner.mat-accent circle { stroke: #40c4ff; } :root .theme-app4 .dark .mat-progress-spinner.mat-warn circle, :root .theme-app4 .dark .mat-spinner.mat-warn circle { stroke: #ff5722; } :root .theme-app4 .dark .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app4 .dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #40c4ff; } :root .theme-app4 .dark .mat-radio-button.mat-primary .mat-radio-inner-circle, :root .theme-app4 .dark .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app4 .dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app4 .dark .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #40c4ff; } :root .theme-app4 .dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #40c4ff; } :root .theme-app4 .dark .mat-radio-button.mat-accent .mat-radio-inner-circle, :root .theme-app4 .dark .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app4 .dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app4 .dark .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #40c4ff; } :root .theme-app4 .dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #ff5722; } :root .theme-app4 .dark .mat-radio-button.mat-warn .mat-radio-inner-circle, :root .theme-app4 .dark .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app4 .dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app4 .dark .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #ff5722; } :root .theme-app4 .dark .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, :root .theme-app4 .dark .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, :root .theme-app4 .dark .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-radio-button .mat-ripple-element { background-color: white; } :root .theme-app4 .dark .mat-select-value { color: white; } :root .theme-app4 .dark .mat-select-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-select-disabled .mat-select-value { color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-select-arrow { color: rgba(255, 255, 255, 0.7); } :root .theme-app4 .dark .mat-select-panel { background: #424242; } :root .theme-app4 .dark .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(255, 255, 255, 0.12); } :root .theme-app4 .dark .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #40c4ff; } :root .theme-app4 .dark .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #40c4ff; } :root .theme-app4 .dark .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #ff5722; } :root .theme-app4 .dark .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #ff5722; } :root .theme-app4 .dark .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-drawer-container { background-color: #303030; color: white; } :root .theme-app4 .dark .mat-drawer { background-color: #424242; color: white; } :root .theme-app4 .dark .mat-drawer.mat-drawer-push { background-color: #424242; } :root .theme-app4 .dark .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-drawer-side { border-right: solid 1px rgba(255, 255, 255, 0.12); } :root .theme-app4 .dark .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } :root .theme-app4 .dark [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } :root .theme-app4 .dark [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(255, 255, 255, 0.12); } :root .theme-app4 .dark .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(189, 189, 189, 0.6); } :root .theme-app4 .dark .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #40c4ff; } :root .theme-app4 .dark .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(64, 196, 255, 0.54); } :root .theme-app4 .dark .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #40c4ff; } :root .theme-app4 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #40c4ff; } :root .theme-app4 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(64, 196, 255, 0.54); } :root .theme-app4 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #40c4ff; } :root .theme-app4 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #ff5722; } :root .theme-app4 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 87, 34, 0.54); } :root .theme-app4 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #ff5722; } :root .theme-app4 .dark .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: white; } :root .theme-app4 .dark .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #bdbdbd; } :root .theme-app4 .dark .mat-slide-toggle-bar { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app4 .dark .mat-slider.mat-primary .mat-slider-track-fill, :root .theme-app4 .dark .mat-slider.mat-primary .mat-slider-thumb, :root .theme-app4 .dark .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #40c4ff; } :root .theme-app4 .dark .mat-slider.mat-primary .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .dark .mat-slider.mat-primary .mat-slider-focus-ring { background-color: rgba(64, 196, 255, 0.2); } :root .theme-app4 .dark .mat-slider.mat-accent .mat-slider-track-fill, :root .theme-app4 .dark .mat-slider.mat-accent .mat-slider-thumb, :root .theme-app4 .dark .mat-slider.mat-accent .mat-slider-thumb-label { background-color: #40c4ff; } :root .theme-app4 .dark .mat-slider.mat-accent .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .dark .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(64, 196, 255, 0.2); } :root .theme-app4 .dark .mat-slider.mat-warn .mat-slider-track-fill, :root .theme-app4 .dark .mat-slider.mat-warn .mat-slider-thumb, :root .theme-app4 .dark .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #ff5722; } :root .theme-app4 .dark .mat-slider.mat-warn .mat-slider-thumb-label-text { color: white; } :root .theme-app4 .dark .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(255, 87, 34, 0.2); } :root .theme-app4 .dark .mat-slider:hover .mat-slider-track-background, :root .theme-app4 .dark .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app4 .dark .mat-slider.mat-slider-disabled .mat-slider-track-background, :root .theme-app4 .dark .mat-slider.mat-slider-disabled .mat-slider-track-fill, :root .theme-app4 .dark .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app4 .dark .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app4 .dark .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app4 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, :root .theme-app4 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: white; } :root .theme-app4 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, :root .theme-app4 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app4 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); background-color: transparent; } :root .theme-app4 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, :root .theme-app4 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app4 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, :root .theme-app4 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app4 .dark .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app4 .dark .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } :root .theme-app4 .dark .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } :root .theme-app4 .dark .mat-step-header.cdk-keyboard-focused, :root .theme-app4 .dark .mat-step-header.cdk-program-focused, :root .theme-app4 .dark .mat-step-header:hover:not([aria-disabled]), :root .theme-app4 .dark .mat-step-header:hover[aria-disabled=false] { background-color: rgba(255, 255, 255, 0.04); } :root .theme-app4 .dark .mat-step-header:hover[aria-disabled=true] { cursor: default; } @media (hover: none) { :root .theme-app4 .dark .mat-step-header:hover { background: none; } } :root .theme-app4 .dark .mat-step-header .mat-step-label, :root .theme-app4 .dark .mat-step-header .mat-step-optional { color: rgba(255, 255, 255, 0.7); } :root .theme-app4 .dark .mat-step-header .mat-step-icon { background-color: rgba(255, 255, 255, 0.7); color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .dark .mat-step-header .mat-step-icon-selected, :root .theme-app4 .dark .mat-step-header .mat-step-icon-state-done, :root .theme-app4 .dark .mat-step-header .mat-step-icon-state-edit { background-color: #40c4ff; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .dark .mat-step-header.mat-accent .mat-step-icon { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .dark .mat-step-header.mat-accent .mat-step-icon-selected, :root .theme-app4 .dark .mat-step-header.mat-accent .mat-step-icon-state-done, :root .theme-app4 .dark .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #40c4ff; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .dark .mat-step-header.mat-warn .mat-step-icon { color: white; } :root .theme-app4 .dark .mat-step-header.mat-warn .mat-step-icon-selected, :root .theme-app4 .dark .mat-step-header.mat-warn .mat-step-icon-state-done, :root .theme-app4 .dark .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #ff5722; color: white; } :root .theme-app4 .dark .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #ff5722; } :root .theme-app4 .dark .mat-step-header .mat-step-label.mat-step-label-active { color: white; } :root .theme-app4 .dark .mat-step-header .mat-step-label.mat-step-label-error { color: #ff5722; } :root .theme-app4 .dark .mat-stepper-horizontal, :root .theme-app4 .dark .mat-stepper-vertical { background-color: #424242; } :root .theme-app4 .dark .mat-stepper-vertical-line::before { border-left-color: rgba(255, 255, 255, 0.12); } :root .theme-app4 .dark .mat-horizontal-stepper-header::before, :root .theme-app4 .dark .mat-horizontal-stepper-header::after, :root .theme-app4 .dark .mat-stepper-horizontal-line { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app4 .dark .mat-sort-header-arrow { color: #c6c6c6; } :root .theme-app4 .dark .mat-tab-nav-bar, :root .theme-app4 .dark .mat-tab-header { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } :root .theme-app4 .dark .mat-tab-group-inverted-header .mat-tab-nav-bar, :root .theme-app4 .dark .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(255, 255, 255, 0.12); border-bottom: none; } :root .theme-app4 .dark .mat-tab-label, :root .theme-app4 .dark .mat-tab-link { color: white; } :root .theme-app4 .dark .mat-tab-label.mat-tab-disabled, :root .theme-app4 .dark .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-tab-header-pagination-chevron { border-color: white; } :root .theme-app4 .dark .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app4 .dark .mat-tab-group[class*=mat-background-] > .mat-tab-header, :root .theme-app4 .dark .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } :root .theme-app4 .dark .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(128, 216, 255, 0.3); } :root .theme-app4 .dark .mat-tab-group.mat-primary .mat-ink-bar, :root .theme-app4 .dark .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #40c4ff; } :root .theme-app4 .dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app4 .dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, :root .theme-app4 .dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app4 .dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .dark .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(128, 216, 255, 0.3); } :root .theme-app4 .dark .mat-tab-group.mat-accent .mat-ink-bar, :root .theme-app4 .dark .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #40c4ff; } :root .theme-app4 .dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app4 .dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, :root .theme-app4 .dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app4 .dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .dark .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app4 .dark .mat-tab-group.mat-warn .mat-ink-bar, :root .theme-app4 .dark .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #ff5722; } :root .theme-app4 .dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app4 .dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, :root .theme-app4 .dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app4 .dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: white; } :root .theme-app4 .dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(128, 216, 255, 0.3); } :root .theme-app4 .dark .mat-tab-group.mat-background-primary > .mat-tab-header, :root .theme-app4 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container, :root .theme-app4 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #40c4ff; } :root .theme-app4 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app4 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app4 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app4 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app4 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app4 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app4 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app4 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app4 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app4 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app4 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app4 .dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(128, 216, 255, 0.3); } :root .theme-app4 .dark .mat-tab-group.mat-background-accent > .mat-tab-header, :root .theme-app4 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container, :root .theme-app4 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #40c4ff; } :root .theme-app4 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app4 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app4 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app4 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app4 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app4 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app4 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app4 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app4 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app4 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app4 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app4 .dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app4 .dark .mat-tab-group.mat-background-warn > .mat-tab-header, :root .theme-app4 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container, :root .theme-app4 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #ff5722; } :root .theme-app4 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app4 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: white; } :root .theme-app4 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app4 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } :root .theme-app4 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app4 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app4 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app4 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: white; } :root .theme-app4 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app4 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } :root .theme-app4 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app4 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app4 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app4 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } :root .theme-app4 .dark .mat-toolbar { background: #212121; color: white; } :root .theme-app4 .dark .mat-toolbar.mat-primary { background: #40c4ff; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .dark .mat-toolbar.mat-accent { background: #40c4ff; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .dark .mat-toolbar.mat-warn { background: #ff5722; color: white; } :root .theme-app4 .dark .mat-toolbar .mat-form-field-underline, :root .theme-app4 .dark .mat-toolbar .mat-form-field-ripple, :root .theme-app4 .dark .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } :root .theme-app4 .dark .mat-toolbar .mat-form-field-label, :root .theme-app4 .dark .mat-toolbar .mat-focused .mat-form-field-label, :root .theme-app4 .dark .mat-toolbar .mat-select-value, :root .theme-app4 .dark .mat-toolbar .mat-select-arrow, :root .theme-app4 .dark .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } :root .theme-app4 .dark .mat-toolbar .mat-input-element { caret-color: currentColor; } :root .theme-app4 .dark .mat-tooltip { background: rgba(97, 97, 97, 0.9); } :root .theme-app4 .dark .mat-tree { background: #424242; } :root .theme-app4 .dark .mat-tree-node, :root .theme-app4 .dark .mat-nested-tree-node { color: white; } :root .theme-app4 .dark .mat-snack-bar-container { color: rgba(0, 0, 0, 0.87); background: #fafafa; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .dark .mat-simple-snackbar-action { color: inherit; } :root .theme-app4 .light { --primary: rgb(253, 253, 253); --secondary: #C7C7CC; --secondaryBase: #fff; --accent: #00509f; --secondaryDark: rgb(42, 53, 68); --accentLight: rgba(255, 255, 255, 0.15); --accentBackground:rgba(255, 255, 255, 0.05); --accentDark: rgb(106, 43, 39); --borderColor: rgba(233,236,239, 0.8); --accentHover: rgba(255,70,64, 0.1); --iconColor: #5aa1bf; --primaryText: #73777c; --secondaryText: #8E8E93; --accentText: #00509f; --secondaryBaseText: #EFEFF4; --accentLightText: #2D3035; --accentDarkText: #00000; --ion-background-color: var(--primary); } :root .theme-app4 .light .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app4 .light .mat-option { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-option:hover:not(.mat-option-disabled), :root .theme-app4 .light .mat-option:focus:not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } :root .theme-app4 .light .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } :root .theme-app4 .light .mat-option.mat-active { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-option.mat-option-disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app4 .light .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #81d4fa; } :root .theme-app4 .light .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #81d4fa; } :root .theme-app4 .light .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #ffab91; } :root .theme-app4 .light .mat-optgroup-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app4 .light .mat-optgroup-disabled .mat-optgroup-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app4 .light .mat-pseudo-checkbox { color: rgba(0, 0, 0, 0.54); } :root .theme-app4 .light .mat-pseudo-checkbox::after { color: #fafafa; } :root .theme-app4 .light .mat-pseudo-checkbox-disabled { color: #b0b0b0; } :root .theme-app4 .light .mat-primary .mat-pseudo-checkbox-checked, :root .theme-app4 .light .mat-primary .mat-pseudo-checkbox-indeterminate { background: #81d4fa; } :root .theme-app4 .light .mat-pseudo-checkbox-checked, :root .theme-app4 .light .mat-pseudo-checkbox-indeterminate, :root .theme-app4 .light .mat-accent .mat-pseudo-checkbox-checked, :root .theme-app4 .light .mat-accent .mat-pseudo-checkbox-indeterminate { background: #81d4fa; } :root .theme-app4 .light .mat-warn .mat-pseudo-checkbox-checked, :root .theme-app4 .light .mat-warn .mat-pseudo-checkbox-indeterminate { background: #ffab91; } :root .theme-app4 .light .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, :root .theme-app4 .light .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #b0b0b0; } :root .theme-app4 .light .mat-app-background, :root .theme-app4 .light.mat-app-background { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } :root .theme-app4 .light .mat-autocomplete-panel { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: white; } :root .theme-app4 .light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-badge { position: relative; } :root .theme-app4 .light .mat-badge.mat-badge { overflow: visible; } :root .theme-app4 .light .mat-badge-hidden .mat-badge-content { display: none; } :root .theme-app4 .light .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } :root .theme-app4 .light .ng-animate-disabled .mat-badge-content, :root .theme-app4 .light .mat-badge-content._mat-animation-noopable { transition: none; } :root .theme-app4 .light .mat-badge-content.mat-badge-active { transform: none; } :root .theme-app4 .light .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } :root .theme-app4 .light .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } :root .theme-app4 .light .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } :root .theme-app4 .light .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] :root .theme-app4 .light .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } :root .theme-app4 .light .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] :root .theme-app4 .light .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } :root .theme-app4 .light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] :root .theme-app4 .light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } :root .theme-app4 .light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] :root .theme-app4 .light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } :root .theme-app4 .light .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } :root .theme-app4 .light .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } :root .theme-app4 .light .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } :root .theme-app4 .light .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] :root .theme-app4 .light .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } :root .theme-app4 .light .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] :root .theme-app4 .light .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } :root .theme-app4 .light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] :root .theme-app4 .light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } :root .theme-app4 .light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] :root .theme-app4 .light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } :root .theme-app4 .light .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } :root .theme-app4 .light .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } :root .theme-app4 .light .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } :root .theme-app4 .light .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] :root .theme-app4 .light .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } :root .theme-app4 .light .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] :root .theme-app4 .light .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } :root .theme-app4 .light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] :root .theme-app4 .light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } :root .theme-app4 .light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] :root .theme-app4 .light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } :root .theme-app4 .light .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #81d4fa; } .cdk-high-contrast-active :root .theme-app4 .light .mat-badge-content { outline: solid 1px; border-radius: 0; } :root .theme-app4 .light .mat-badge-accent .mat-badge-content { background: #81d4fa; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-badge-warn .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #ffab91; } :root .theme-app4 .light .mat-badge-disabled .mat-badge-content { background: #b9b9b9; color: rgba(0, 0, 0, 0.38); } :root .theme-app4 .light .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-button, :root .theme-app4 .light .mat-icon-button, :root .theme-app4 .light .mat-stroked-button { color: inherit; background: transparent; } :root .theme-app4 .light .mat-button.mat-primary, :root .theme-app4 .light .mat-icon-button.mat-primary, :root .theme-app4 .light .mat-stroked-button.mat-primary { color: #81d4fa; } :root .theme-app4 .light .mat-button.mat-accent, :root .theme-app4 .light .mat-icon-button.mat-accent, :root .theme-app4 .light .mat-stroked-button.mat-accent { color: #81d4fa; } :root .theme-app4 .light .mat-button.mat-warn, :root .theme-app4 .light .mat-icon-button.mat-warn, :root .theme-app4 .light .mat-stroked-button.mat-warn { color: #ffab91; } :root .theme-app4 .light .mat-button.mat-primary.mat-button-disabled, :root .theme-app4 .light .mat-button.mat-accent.mat-button-disabled, :root .theme-app4 .light .mat-button.mat-warn.mat-button-disabled, :root .theme-app4 .light .mat-button.mat-button-disabled.mat-button-disabled, :root .theme-app4 .light .mat-icon-button.mat-primary.mat-button-disabled, :root .theme-app4 .light .mat-icon-button.mat-accent.mat-button-disabled, :root .theme-app4 .light .mat-icon-button.mat-warn.mat-button-disabled, :root .theme-app4 .light .mat-icon-button.mat-button-disabled.mat-button-disabled, :root .theme-app4 .light .mat-stroked-button.mat-primary.mat-button-disabled, :root .theme-app4 .light .mat-stroked-button.mat-accent.mat-button-disabled, :root .theme-app4 .light .mat-stroked-button.mat-warn.mat-button-disabled, :root .theme-app4 .light .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } :root .theme-app4 .light .mat-button.mat-primary .mat-button-focus-overlay, :root .theme-app4 .light .mat-icon-button.mat-primary .mat-button-focus-overlay, :root .theme-app4 .light .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #81d4fa; } :root .theme-app4 .light .mat-button.mat-accent .mat-button-focus-overlay, :root .theme-app4 .light .mat-icon-button.mat-accent .mat-button-focus-overlay, :root .theme-app4 .light .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #81d4fa; } :root .theme-app4 .light .mat-button.mat-warn .mat-button-focus-overlay, :root .theme-app4 .light .mat-icon-button.mat-warn .mat-button-focus-overlay, :root .theme-app4 .light .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #ffab91; } :root .theme-app4 .light .mat-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app4 .light .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app4 .light .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } :root .theme-app4 .light .mat-button .mat-ripple-element, :root .theme-app4 .light .mat-icon-button .mat-ripple-element, :root .theme-app4 .light .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } :root .theme-app4 .light .mat-button-focus-overlay { background: black; } :root .theme-app4 .light .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-flat-button, :root .theme-app4 .light .mat-raised-button, :root .theme-app4 .light .mat-fab, :root .theme-app4 .light .mat-mini-fab { color: rgba(0, 0, 0, 0.87); background-color: white; } :root .theme-app4 .light .mat-flat-button.mat-primary, :root .theme-app4 .light .mat-raised-button.mat-primary, :root .theme-app4 .light .mat-fab.mat-primary, :root .theme-app4 .light .mat-mini-fab.mat-primary { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-flat-button.mat-accent, :root .theme-app4 .light .mat-raised-button.mat-accent, :root .theme-app4 .light .mat-fab.mat-accent, :root .theme-app4 .light .mat-mini-fab.mat-accent { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-flat-button.mat-warn, :root .theme-app4 .light .mat-raised-button.mat-warn, :root .theme-app4 .light .mat-fab.mat-warn, :root .theme-app4 .light .mat-mini-fab.mat-warn { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app4 .light .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app4 .light .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app4 .light .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app4 .light .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app4 .light .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app4 .light .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app4 .light .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app4 .light .mat-fab.mat-primary.mat-button-disabled, :root .theme-app4 .light .mat-fab.mat-accent.mat-button-disabled, :root .theme-app4 .light .mat-fab.mat-warn.mat-button-disabled, :root .theme-app4 .light .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app4 .light .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app4 .light .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app4 .light .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app4 .light .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } :root .theme-app4 .light .mat-flat-button.mat-primary, :root .theme-app4 .light .mat-raised-button.mat-primary, :root .theme-app4 .light .mat-fab.mat-primary, :root .theme-app4 .light .mat-mini-fab.mat-primary { background-color: #81d4fa; } :root .theme-app4 .light .mat-flat-button.mat-accent, :root .theme-app4 .light .mat-raised-button.mat-accent, :root .theme-app4 .light .mat-fab.mat-accent, :root .theme-app4 .light .mat-mini-fab.mat-accent { background-color: #81d4fa; } :root .theme-app4 .light .mat-flat-button.mat-warn, :root .theme-app4 .light .mat-raised-button.mat-warn, :root .theme-app4 .light .mat-fab.mat-warn, :root .theme-app4 .light .mat-mini-fab.mat-warn { background-color: #ffab91; } :root .theme-app4 .light .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app4 .light .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app4 .light .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app4 .light .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app4 .light .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app4 .light .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app4 .light .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app4 .light .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app4 .light .mat-fab.mat-primary.mat-button-disabled, :root .theme-app4 .light .mat-fab.mat-accent.mat-button-disabled, :root .theme-app4 .light .mat-fab.mat-warn.mat-button-disabled, :root .theme-app4 .light .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app4 .light .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app4 .light .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app4 .light .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app4 .light .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-flat-button.mat-primary .mat-ripple-element, :root .theme-app4 .light .mat-raised-button.mat-primary .mat-ripple-element, :root .theme-app4 .light .mat-fab.mat-primary .mat-ripple-element, :root .theme-app4 .light .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app4 .light .mat-flat-button.mat-accent .mat-ripple-element, :root .theme-app4 .light .mat-raised-button.mat-accent .mat-ripple-element, :root .theme-app4 .light .mat-fab.mat-accent .mat-ripple-element, :root .theme-app4 .light .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app4 .light .mat-flat-button.mat-warn .mat-ripple-element, :root .theme-app4 .light .mat-raised-button.mat-warn .mat-ripple-element, :root .theme-app4 .light .mat-fab.mat-warn .mat-ripple-element, :root .theme-app4 .light .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app4 .light .mat-stroked-button:not([class*=mat-elevation-z]), :root .theme-app4 .light .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-fab:not([class*=mat-elevation-z]), :root .theme-app4 .light .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), :root .theme-app4 .light .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), :root .theme-app4 .light .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-button-toggle-standalone:not([class*=mat-elevation-z]), :root .theme-app4 .light .mat-button-toggle-group:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), :root .theme-app4 .light .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) { box-shadow: none; } :root .theme-app4 .light .mat-button-toggle { color: rgba(0, 0, 0, 0.38); } :root .theme-app4 .light .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); background: white; } :root .theme-app4 .light .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: black; } :root .theme-app4 .light .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px #e0e0e0; } :root .theme-app4 .light [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px #e0e0e0; } :root .theme-app4 .light .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px #e0e0e0; } :root .theme-app4 .light .mat-button-toggle-checked { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.54); } :root .theme-app4 .light .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-button-toggle-disabled { color: rgba(0, 0, 0, 0.26); background-color: #eeeeee; } :root .theme-app4 .light .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: white; } :root .theme-app4 .light .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #bdbdbd; } :root .theme-app4 .light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, :root .theme-app4 .light .mat-button-toggle-group-appearance-standard { border: solid 1px #e0e0e0; } :root .theme-app4 .light .mat-card { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-card-subtitle { color: rgba(0, 0, 0, 0.54); } :root .theme-app4 .light .mat-checkbox-frame { border-color: rgba(0, 0, 0, 0.54); } :root .theme-app4 .light .mat-checkbox-checkmark { fill: #fafafa; } :root .theme-app4 .light .mat-checkbox-checkmark-path { stroke: #fafafa !important; } :root .theme-app4 .light .mat-checkbox-mixedmark { background-color: #fafafa; } :root .theme-app4 .light .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, :root .theme-app4 .light .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #81d4fa; } :root .theme-app4 .light .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, :root .theme-app4 .light .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #81d4fa; } :root .theme-app4 .light .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, :root .theme-app4 .light .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #ffab91; } :root .theme-app4 .light .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, :root .theme-app4 .light .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #b0b0b0; } :root .theme-app4 .light .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #b0b0b0; } :root .theme-app4 .light .mat-checkbox-disabled .mat-checkbox-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app4 .light .mat-checkbox .mat-ripple-element { background-color: black; } :root .theme-app4 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, :root .theme-app4 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #81d4fa; } :root .theme-app4 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, :root .theme-app4 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #81d4fa; } :root .theme-app4 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, :root .theme-app4 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #ffab91; } :root .theme-app4 .light .mat-chip.mat-standard-chip { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-chip.mat-standard-chip .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app4 .light .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } :root .theme-app4 .light .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } :root .theme-app4 .light .mat-chip.mat-standard-chip::after { background: black; } :root .theme-app4 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #81d4fa; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app4 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app4 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app4 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app4 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #81d4fa; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app4 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app4 .light .mat-table { background: white; } :root .theme-app4 .light .mat-table thead, :root .theme-app4 .light .mat-table tbody, :root .theme-app4 .light .mat-table tfoot, :root .theme-app4 .light mat-header-row, :root .theme-app4 .light mat-row, :root .theme-app4 .light mat-footer-row, :root .theme-app4 .light [mat-header-row], :root .theme-app4 .light [mat-row], :root .theme-app4 .light [mat-footer-row], :root .theme-app4 .light .mat-table-sticky { background: inherit; } :root .theme-app4 .light mat-row, :root .theme-app4 .light mat-header-row, :root .theme-app4 .light mat-footer-row, :root .theme-app4 .light th.mat-header-cell, :root .theme-app4 .light td.mat-cell, :root .theme-app4 .light td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-header-cell { color: rgba(0, 0, 0, 0.54); } :root .theme-app4 .light .mat-cell, :root .theme-app4 .light .mat-footer-cell { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-calendar-arrow { fill: rgba(0, 0, 0, 0.54); } :root .theme-app4 .light .mat-datepicker-toggle, :root .theme-app4 .light .mat-datepicker-content .mat-calendar-next-button, :root .theme-app4 .light .mat-datepicker-content .mat-calendar-previous-button { color: rgba(0, 0, 0, 0.54); } :root .theme-app4 .light .mat-calendar-table-header-divider::after { background: rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-calendar-table-header, :root .theme-app4 .light .mat-calendar-body-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app4 .light .mat-calendar-body-cell-content, :root .theme-app4 .light .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.87); border-color: transparent; } :root .theme-app4 .light .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(0, 0, 0, 0.38); } :root .theme-app4 .light .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.38); } :root .theme-app4 .light .mat-calendar-body-in-preview { color: rgba(0, 0, 0, 0.24); } :root .theme-app4 .light .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app4 .light .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.18); } :root .theme-app4 .light .mat-calendar-body-in-range::before { background: rgba(129, 212, 250, 0.2); } :root .theme-app4 .light .mat-calendar-body-comparison-identical, :root .theme-app4 .light .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app4 .light .mat-calendar-body-comparison-bridge-start::before, :root .theme-app4 .light [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(129, 212, 250, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app4 .light .mat-calendar-body-comparison-bridge-end::before, :root .theme-app4 .light [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(129, 212, 250, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app4 .light .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app4 .light .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app4 .light .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app4 .light .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app4 .light .mat-calendar-body-selected { background-color: #81d4fa; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(129, 212, 250, 0.4); } :root .theme-app4 .light .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app4 .light .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(129, 212, 250, 0.3); } @media (hover: hover) { :root .theme-app4 .light .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(129, 212, 250, 0.3); } } :root .theme-app4 .light .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(129, 212, 250, 0.2); } :root .theme-app4 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, :root .theme-app4 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app4 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, :root .theme-app4 .light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(129, 212, 250, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app4 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, :root .theme-app4 .light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(129, 212, 250, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app4 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app4 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app4 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app4 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app4 .light .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #81d4fa; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(129, 212, 250, 0.4); } :root .theme-app4 .light .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app4 .light .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(129, 212, 250, 0.3); } @media (hover: hover) { :root .theme-app4 .light .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(129, 212, 250, 0.3); } } :root .theme-app4 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(255, 171, 145, 0.2); } :root .theme-app4 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, :root .theme-app4 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app4 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, :root .theme-app4 .light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 171, 145, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app4 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, :root .theme-app4 .light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 171, 145, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app4 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app4 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app4 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app4 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app4 .light .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 171, 145, 0.4); } :root .theme-app4 .light .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app4 .light .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 171, 145, 0.3); } @media (hover: hover) { :root .theme-app4 .light .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 171, 145, 0.3); } } :root .theme-app4 .light .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-datepicker-toggle-active { color: #81d4fa; } :root .theme-app4 .light .mat-datepicker-toggle-active.mat-accent { color: #81d4fa; } :root .theme-app4 .light .mat-datepicker-toggle-active.mat-warn { color: #ffab91; } :root .theme-app4 .light .mat-date-range-input-inner[disabled] { color: rgba(0, 0, 0, 0.38); } :root .theme-app4 .light .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-divider { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-divider-vertical { border-right-color: rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-expansion-panel { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-action-row { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), :root .theme-app4 .light .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), :root .theme-app4 .light .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(0, 0, 0, 0.04); } @media (hover: none) { :root .theme-app4 .light .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: white; } } :root .theme-app4 .light .mat-expansion-panel-header-title { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-expansion-panel-header-description, :root .theme-app4 .light .mat-expansion-indicator::after { color: rgba(0, 0, 0, 0.54); } :root .theme-app4 .light .mat-expansion-panel-header[aria-disabled=true] { color: rgba(0, 0, 0, 0.26); } :root .theme-app4 .light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, :root .theme-app4 .light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } :root .theme-app4 .light .mat-form-field-label { color: rgba(0, 0, 0, 0.6); } :root .theme-app4 .light .mat-hint { color: rgba(0, 0, 0, 0.6); } :root .theme-app4 .light .mat-form-field.mat-focused .mat-form-field-label { color: #81d4fa; } :root .theme-app4 .light .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #81d4fa; } :root .theme-app4 .light .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #ffab91; } :root .theme-app4 .light .mat-focused .mat-form-field-required-marker { color: #81d4fa; } :root .theme-app4 .light .mat-form-field-ripple { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #81d4fa; } :root .theme-app4 .light .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #81d4fa; } :root .theme-app4 .light .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #ffab91; } :root .theme-app4 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #81d4fa; } :root .theme-app4 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #81d4fa; } :root .theme-app4 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #ffab91; } :root .theme-app4 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #ffab91; } :root .theme-app4 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, :root .theme-app4 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #ffab91; } :root .theme-app4 .light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, :root .theme-app4 .light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #ffab91; } :root .theme-app4 .light .mat-error { color: #ffab91; } :root .theme-app4 .light .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app4 .light .mat-form-field-appearance-legacy .mat-hint { color: rgba(0, 0, 0, 0.54); } :root .theme-app4 .light .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app4 .light .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app4 .light .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app4 .light .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app4 .light .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.04); } :root .theme-app4 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.02); } :root .theme-app4 .light .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app4 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app4 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } :root .theme-app4 .light .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #81d4fa; } :root .theme-app4 .light .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #81d4fa; } :root .theme-app4 .light .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #ffab91; } :root .theme-app4 .light .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #ffab91; } :root .theme-app4 .light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app4 .light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(0, 0, 0, 0.06); } :root .theme-app4 .light .mat-icon.mat-primary { color: #81d4fa; } :root .theme-app4 .light .mat-icon.mat-accent { color: #81d4fa; } :root .theme-app4 .light .mat-icon.mat-warn { color: #ffab91; } :root .theme-app4 .light .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.54); } :root .theme-app4 .light .mat-input-element:disabled, :root .theme-app4 .light .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.38); } :root .theme-app4 .light .mat-input-element { caret-color: #81d4fa; } :root .theme-app4 .light .mat-input-element::placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app4 .light .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app4 .light .mat-input-element::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app4 .light .mat-input-element:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app4 .light .mat-form-field.mat-accent .mat-input-element { caret-color: #81d4fa; } :root .theme-app4 .light .mat-form-field.mat-warn .mat-input-element, :root .theme-app4 .light .mat-form-field-invalid .mat-input-element { caret-color: #ffab91; } :root .theme-app4 .light .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #ffab91; } :root .theme-app4 .light .mat-list-base .mat-list-item { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-list-base .mat-list-option { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-list-base .mat-subheader { color: rgba(0, 0, 0, 0.54); } :root .theme-app4 .light .mat-list-base .mat-list-item-disabled { background-color: #eeeeee; color: rgba(0, 0, 0, 0.38); } :root .theme-app4 .light .mat-list-option:hover, :root .theme-app4 .light .mat-list-option:focus, :root .theme-app4 .light .mat-nav-list .mat-list-item:hover, :root .theme-app4 .light .mat-nav-list .mat-list-item:focus, :root .theme-app4 .light .mat-action-list .mat-list-item:hover, :root .theme-app4 .light .mat-action-list .mat-list-item:focus { background: rgba(0, 0, 0, 0.04); } :root .theme-app4 .light .mat-list-single-selected-option, :root .theme-app4 .light .mat-list-single-selected-option:hover, :root .theme-app4 .light .mat-list-single-selected-option:focus { background: rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-menu-panel { background: white; } :root .theme-app4 .light .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-menu-item { background: transparent; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-menu-item[disabled], :root .theme-app4 .light .mat-menu-item[disabled] .mat-menu-submenu-icon, :root .theme-app4 .light .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(0, 0, 0, 0.38); } :root .theme-app4 .light .mat-menu-item .mat-icon-no-color, :root .theme-app4 .light .mat-menu-submenu-icon { color: rgba(0, 0, 0, 0.54); } :root .theme-app4 .light .mat-menu-item:hover:not([disabled]), :root .theme-app4 .light .mat-menu-item.cdk-program-focused:not([disabled]), :root .theme-app4 .light .mat-menu-item.cdk-keyboard-focused:not([disabled]), :root .theme-app4 .light .mat-menu-item-highlighted:not([disabled]) { background: rgba(0, 0, 0, 0.04); } :root .theme-app4 .light .mat-paginator { background: white; } :root .theme-app4 .light .mat-paginator, :root .theme-app4 .light .mat-paginator-page-size .mat-select-trigger { color: rgba(0, 0, 0, 0.54); } :root .theme-app4 .light .mat-paginator-decrement, :root .theme-app4 .light .mat-paginator-increment { border-top: 2px solid rgba(0, 0, 0, 0.54); border-right: 2px solid rgba(0, 0, 0, 0.54); } :root .theme-app4 .light .mat-paginator-first, :root .theme-app4 .light .mat-paginator-last { border-top: 2px solid rgba(0, 0, 0, 0.54); } :root .theme-app4 .light .mat-icon-button[disabled] .mat-paginator-decrement, :root .theme-app4 .light .mat-icon-button[disabled] .mat-paginator-increment, :root .theme-app4 .light .mat-icon-button[disabled] .mat-paginator-first, :root .theme-app4 .light .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app4 .light .mat-progress-bar-background { fill: #dcf1fa; } :root .theme-app4 .light .mat-progress-bar-buffer { background-color: #dcf1fa; } :root .theme-app4 .light .mat-progress-bar-fill::after { background-color: #81d4fa; } :root .theme-app4 .light .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #dcf1fa; } :root .theme-app4 .light .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #dcf1fa; } :root .theme-app4 .light .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #81d4fa; } :root .theme-app4 .light .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #fbe6e0; } :root .theme-app4 .light .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #fbe6e0; } :root .theme-app4 .light .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #ffab91; } :root .theme-app4 .light .mat-progress-spinner circle, :root .theme-app4 .light .mat-spinner circle { stroke: #81d4fa; } :root .theme-app4 .light .mat-progress-spinner.mat-accent circle, :root .theme-app4 .light .mat-spinner.mat-accent circle { stroke: #81d4fa; } :root .theme-app4 .light .mat-progress-spinner.mat-warn circle, :root .theme-app4 .light .mat-spinner.mat-warn circle { stroke: #ffab91; } :root .theme-app4 .light .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.54); } :root .theme-app4 .light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #81d4fa; } :root .theme-app4 .light .mat-radio-button.mat-primary .mat-radio-inner-circle, :root .theme-app4 .light .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app4 .light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app4 .light .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #81d4fa; } :root .theme-app4 .light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #81d4fa; } :root .theme-app4 .light .mat-radio-button.mat-accent .mat-radio-inner-circle, :root .theme-app4 .light .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app4 .light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app4 .light .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #81d4fa; } :root .theme-app4 .light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #ffab91; } :root .theme-app4 .light .mat-radio-button.mat-warn .mat-radio-inner-circle, :root .theme-app4 .light .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app4 .light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app4 .light .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #ffab91; } :root .theme-app4 .light .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, :root .theme-app4 .light .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app4 .light .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, :root .theme-app4 .light .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app4 .light .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(0, 0, 0, 0.38); } :root .theme-app4 .light .mat-radio-button .mat-ripple-element { background-color: black; } :root .theme-app4 .light .mat-select-value { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-select-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app4 .light .mat-select-disabled .mat-select-value { color: rgba(0, 0, 0, 0.38); } :root .theme-app4 .light .mat-select-arrow { color: rgba(0, 0, 0, 0.54); } :root .theme-app4 .light .mat-select-panel { background: white; } :root .theme-app4 .light .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #81d4fa; } :root .theme-app4 .light .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #81d4fa; } :root .theme-app4 .light .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #ffab91; } :root .theme-app4 .light .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #ffab91; } :root .theme-app4 .light .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(0, 0, 0, 0.38); } :root .theme-app4 .light .mat-drawer-container { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-drawer { background-color: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-drawer.mat-drawer-push { background-color: white; } :root .theme-app4 .light .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-drawer-side { border-right: solid 1px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } :root .theme-app4 .light [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } :root .theme-app4 .light [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(0, 0, 0, 0.6); } :root .theme-app4 .light .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #81d4fa; } :root .theme-app4 .light .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(129, 212, 250, 0.54); } :root .theme-app4 .light .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #81d4fa; } :root .theme-app4 .light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #81d4fa; } :root .theme-app4 .light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(129, 212, 250, 0.54); } :root .theme-app4 .light .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #81d4fa; } :root .theme-app4 .light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #ffab91; } :root .theme-app4 .light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 171, 145, 0.54); } :root .theme-app4 .light .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #ffab91; } :root .theme-app4 .light .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: black; } :root .theme-app4 .light .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #fafafa; } :root .theme-app4 .light .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app4 .light .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app4 .light .mat-slider.mat-primary .mat-slider-track-fill, :root .theme-app4 .light .mat-slider.mat-primary .mat-slider-thumb, :root .theme-app4 .light .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #81d4fa; } :root .theme-app4 .light .mat-slider.mat-primary .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-slider.mat-primary .mat-slider-focus-ring { background-color: rgba(129, 212, 250, 0.2); } :root .theme-app4 .light .mat-slider.mat-accent .mat-slider-track-fill, :root .theme-app4 .light .mat-slider.mat-accent .mat-slider-thumb, :root .theme-app4 .light .mat-slider.mat-accent .mat-slider-thumb-label { background-color: #81d4fa; } :root .theme-app4 .light .mat-slider.mat-accent .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(129, 212, 250, 0.2); } :root .theme-app4 .light .mat-slider.mat-warn .mat-slider-track-fill, :root .theme-app4 .light .mat-slider.mat-warn .mat-slider-thumb, :root .theme-app4 .light .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #ffab91; } :root .theme-app4 .light .mat-slider.mat-warn .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(255, 171, 145, 0.2); } :root .theme-app4 .light .mat-slider:hover .mat-slider-track-background, :root .theme-app4 .light .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app4 .light .mat-slider.mat-slider-disabled .mat-slider-track-background, :root .theme-app4 .light .mat-slider.mat-slider-disabled .mat-slider-track-fill, :root .theme-app4 .light .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app4 .light .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app4 .light .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, :root .theme-app4 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, :root .theme-app4 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app4 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); background-color: transparent; } :root .theme-app4 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, :root .theme-app4 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app4 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, :root .theme-app4 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); } :root .theme-app4 .light .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(0, 0, 0, 0.7); } :root .theme-app4 .light .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } :root .theme-app4 .light .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } :root .theme-app4 .light .mat-step-header.cdk-keyboard-focused, :root .theme-app4 .light .mat-step-header.cdk-program-focused, :root .theme-app4 .light .mat-step-header:hover:not([aria-disabled]), :root .theme-app4 .light .mat-step-header:hover[aria-disabled=false] { background-color: rgba(0, 0, 0, 0.04); } :root .theme-app4 .light .mat-step-header:hover[aria-disabled=true] { cursor: default; } @media (hover: none) { :root .theme-app4 .light .mat-step-header:hover { background: none; } } :root .theme-app4 .light .mat-step-header .mat-step-label, :root .theme-app4 .light .mat-step-header .mat-step-optional { color: rgba(0, 0, 0, 0.54); } :root .theme-app4 .light .mat-step-header .mat-step-icon { background-color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-step-header .mat-step-icon-selected, :root .theme-app4 .light .mat-step-header .mat-step-icon-state-done, :root .theme-app4 .light .mat-step-header .mat-step-icon-state-edit { background-color: #81d4fa; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-step-header.mat-accent .mat-step-icon { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-step-header.mat-accent .mat-step-icon-selected, :root .theme-app4 .light .mat-step-header.mat-accent .mat-step-icon-state-done, :root .theme-app4 .light .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #81d4fa; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-step-header.mat-warn .mat-step-icon { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-step-header.mat-warn .mat-step-icon-selected, :root .theme-app4 .light .mat-step-header.mat-warn .mat-step-icon-state-done, :root .theme-app4 .light .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #ffab91; } :root .theme-app4 .light .mat-step-header .mat-step-label.mat-step-label-active { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-step-header .mat-step-label.mat-step-label-error { color: #ffab91; } :root .theme-app4 .light .mat-stepper-horizontal, :root .theme-app4 .light .mat-stepper-vertical { background-color: white; } :root .theme-app4 .light .mat-stepper-vertical-line::before { border-left-color: rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-horizontal-stepper-header::before, :root .theme-app4 .light .mat-horizontal-stepper-header::after, :root .theme-app4 .light .mat-stepper-horizontal-line { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-sort-header-arrow { color: #757575; } :root .theme-app4 .light .mat-tab-nav-bar, :root .theme-app4 .light .mat-tab-header { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-tab-group-inverted-header .mat-tab-nav-bar, :root .theme-app4 .light .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: none; } :root .theme-app4 .light .mat-tab-label, :root .theme-app4 .light .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-tab-label.mat-tab-disabled, :root .theme-app4 .light .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app4 .light .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app4 .light .mat-tab-group[class*=mat-background-] > .mat-tab-header, :root .theme-app4 .light .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } :root .theme-app4 .light .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(3, 169, 244, 0.3); } :root .theme-app4 .light .mat-tab-group.mat-primary .mat-ink-bar, :root .theme-app4 .light .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #81d4fa; } :root .theme-app4 .light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app4 .light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, :root .theme-app4 .light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app4 .light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(179, 229, 252, 0.3); } :root .theme-app4 .light .mat-tab-group.mat-accent .mat-ink-bar, :root .theme-app4 .light .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #81d4fa; } :root .theme-app4 .light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app4 .light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, :root .theme-app4 .light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app4 .light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app4 .light .mat-tab-group.mat-warn .mat-ink-bar, :root .theme-app4 .light .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #ffab91; } :root .theme-app4 .light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app4 .light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, :root .theme-app4 .light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app4 .light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(3, 169, 244, 0.3); } :root .theme-app4 .light .mat-tab-group.mat-background-primary > .mat-tab-header, :root .theme-app4 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container, :root .theme-app4 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #81d4fa; } :root .theme-app4 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app4 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app4 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app4 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app4 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app4 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app4 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app4 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app4 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app4 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app4 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app4 .light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(179, 229, 252, 0.3); } :root .theme-app4 .light .mat-tab-group.mat-background-accent > .mat-tab-header, :root .theme-app4 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container, :root .theme-app4 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #81d4fa; } :root .theme-app4 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app4 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app4 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app4 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app4 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app4 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app4 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app4 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app4 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app4 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app4 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app4 .light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app4 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app4 .light .mat-tab-group.mat-background-warn > .mat-tab-header, :root .theme-app4 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container, :root .theme-app4 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #ffab91; } :root .theme-app4 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app4 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app4 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app4 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app4 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app4 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app4 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app4 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app4 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app4 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app4 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app4 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app4 .light .mat-toolbar { background: whitesmoke; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-toolbar.mat-primary { background: #81d4fa; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-toolbar.mat-accent { background: #81d4fa; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-toolbar.mat-warn { background: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-toolbar .mat-form-field-underline, :root .theme-app4 .light .mat-toolbar .mat-form-field-ripple, :root .theme-app4 .light .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } :root .theme-app4 .light .mat-toolbar .mat-form-field-label, :root .theme-app4 .light .mat-toolbar .mat-focused .mat-form-field-label, :root .theme-app4 .light .mat-toolbar .mat-select-value, :root .theme-app4 .light .mat-toolbar .mat-select-arrow, :root .theme-app4 .light .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } :root .theme-app4 .light .mat-toolbar .mat-input-element { caret-color: currentColor; } :root .theme-app4 .light .mat-tooltip { background: rgba(97, 97, 97, 0.9); } :root .theme-app4 .light .mat-tree { background: white; } :root .theme-app4 .light .mat-tree-node, :root .theme-app4 .light .mat-nested-tree-node { color: rgba(0, 0, 0, 0.87); } :root .theme-app4 .light .mat-snack-bar-container { color: rgba(255, 255, 255, 0.7); background: #323232; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app4 .light .mat-simple-snackbar-action { color: #81d4fa; } :root .theme-app4 body { -webkit-user-select: text; user-select: text; } :root .theme-app4 ion-label { -webkit-user-select: text; user-select: text; } :root .theme-app4 ion-item { background-color: var(--ion-background-color); border-bottom: 1px solid var(--secondary); } :root .theme-app4 .file-button { margin: 20px; background: transparent !important; color: var(--primaryText); font-size: 17px !important; font-weight: 300 !important; height: 44px !important; } :root .theme-app4 .file-button::-webkit-file-upload-button { background: transparent !important; margin-right: 10px !important; color: var(--accent); border-width: 2px; border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; font-weight: 300 !important; height: 44px !important; box-shadow: none !important; border-radius: 8px !important; } :root .theme-app4 main-menu .item-inner { margin-left: 6px !important; } :root .theme-app4 ion-split-pane { --side-max-width: 280px; --side-min-width: 280px; } :root .theme-app4 #leftMenu { border-color: var(--borderColor) !important; background-color: var(--primary); } :root .theme-app4 .dark .menuLogo { margin-top: 15px; margin-bottom: 15px; background-image: url('logo-dark.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app4 .dark .menuLogoIos { margin-top: 55px; margin-bottom: 15px; background-image: url('logo-dark.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app4 .light .menuLogo { margin-top: 15px; margin-bottom: 15px; background-image: url('logo-light.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app4 .light .menuLogoIos { margin-top: 45px; margin-bottom: 15px; background-image: url('logo-light.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app4 .menuIcon { color: var(--iconColor) !important; } :root .theme-app4 .padded-divider { padding: 3px; margin-bottom: 10px; width: 100%; border-bottom: 3px solid var(--accent) !important; } :root .theme-app4 ion-radio { --color-checked: var(--accent); --color: var(--accent); width: 20px; height: 20px; } :root .theme-app4 ion-button { --background: var(--accentBackground); color: var(--accent); --border-width: 2px; --border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app4 .button-style { --background: var(--accentBackground); color: var(--accent); --border-width: 2px; --border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app4 .button-style:hover { cursor: pointer; } :root .theme-app4 .button-cancel { color: red; border: none !important; --border-width: 0px !important; } :root .theme-app4 .small-button { height: 20px; font-size: 10px !important; margin: 3px; color: var(--accent); } :root .theme-app4 .medium-button { height: 25px; font-size: 15px !important; margin-top: 10px; margin-bottom: 10px; color: var(--accent); } :root .theme-app4 .default-h1 { font-size: 24px; color: var(--primaryText); font-weight: 300; } :root .theme-app4 .default-h2 { font-size: 24px; color: var(--primaryText); font-weight: 300; } :root .theme-app4 .default-h3 { font-size: 22px; color: var(--primaryText); font-weight: 400; } :root .theme-app4 .default-h4 { font-size: 17px; color: var(--primaryText); font-weight: 300; } :root .theme-app4 .default-h5 { font-size: 15px; color: var(--primaryText); font-weight: 200; } :root .theme-app4 .default-h6 { font-size: 14px; color: var(--primaryText); font-weight: 100; } :root .theme-app4 .default-p { font-size: 14px; color: var(--primaryText); font-weight: 300; } :root .theme-app4 .default-small { font-size: 12px; color: var(--primaryText); font-weight: 1; } :root .theme-app4 ion-header { background-color: var(--primary); } :root .theme-app4 ion-header [class^=icon-]:before, :root .theme-app4 ion-header [class*=" icon-"]:before { width: auto !important; margin-left: 0 !important; } :root .theme-app4 ion-footer { background-color: var(--primary); } :root .theme-app4 .header-md::after { background-image: none !important; } :root .theme-app4 ion-toolbar { color: var(--accent); } :root .theme-app4 .toolbar { background-color: var(--primary); --background: var(--primary); } :root .theme-app4 .toolbar .toolbar-title { font-weight: 400; } :root .theme-app4 .toolbar ion-title { font-size: larger; } :root .theme-app4 .toolbar ion-title, :root .theme-app4 .toolbar ion-title-ios, :root .theme-app4 .toolbar ion-back-button, :root .theme-app4 .toolbar ion-butto, :root .theme-app4 .toolbar ion-icon, :root .theme-app4 .toolbar ion-menu-button { color: var(--accentText); } :root .theme-app4 .toolbar-icon { color: var(--accentText); } :root .theme-app4 .alert-controller-withTheme { overflow: hidden; --background:var(--primary); color: var(--primaryText) !important; } :root .theme-app4 .alert-controller-withTheme .alert-wrapper { border-radius: 15px !important; background: var(--primary); border-color: var(--accent) !important; } :root .theme-app4 .alert-controller-withTheme .alert-head .alert-title { color: var(--primaryText); } :root .theme-app4 .alert-controller-withTheme .alert-message { color: var(--primaryText); } :root .theme-app4 .alert-controller-withTheme .alert-message strong { color: var(--ion-color-danger); } :root .theme-app4 .alert-controller-withTheme .alert-button-group #cancel-button.alert-button .alert-button-inner { color: var(--secondaryText); } :root .theme-app4 .alert-controller-withTheme .alert-button-group #confirm-button.alert-button .alert-button-inner { font-weight: bold; color: var(--ion-color-danger); } :root .theme-app4 .alert-controller-withTheme .alert-button-group #confirm-button-good.alert-button .alert-button-inner { font-weight: bold; color: var(--primaryText); } :root .theme-app4 ion-input { border-radius: 10px !important; margin-top: 5px; margin-bottom: 5px; margin-left: 10px; margin-right: 10px; font-size: 0.9em; color: var(--primaryText); --background: rgba(219,219,219, .03) !important; /* height: 10%; */ /* width: 41%; */ } :root .theme-app4 .withTheme { border: 2px solid var(--borderColor); margin: 10px; padding: 0px !important; border-radius: 15px; overflow: hidden; color: var(--primaryText) !important; } :root .theme-app4 .withTheme ion-card-title, :root .theme-app4 .withTheme ion-card-content, :root .theme-app4 .withTheme ion-label, :root .theme-app4 .withTheme mat-list-item { color: var(--primaryText) !important; } :root .theme-app4 .withTheme span { color: var(--primaryText) !important; } :root .theme-app4 .withTheme ion-img { --border-radius: 8px; } :root .theme-app4 .withTheme ion-thumbnail { --border-radius: 8px; } :root .theme-app4 .withTheme ion-item:hover { border-left: 8px solid var(--borderColor); transition: border-width 0.1s ease-in-out; } :root .theme-app4 .withTheme ion-item.nohover:hover { border-left: none; } :root .theme-app4 .withTheme ion-card-subtitle { color: var(--secondaryText) !important; } :root .theme-app4 .withTheme div.small-distance { margin: 2px; color: var(--primaryText); border: 1px solid var(--borderColor); font-size: 10px; padding-top: 3px; padding-left: 5px; padding-right: 5px; border-radius: 7px; height: 20px; } :root .theme-app4 .withTheme .aligned-with-icon { position: relative; font-size: 8px; top: 11px; margin-left: -25px; /* optional */ margin-right: 8px; } :root .theme-app4 .thumbnail-rounded { border-radius: 6px !important; } :root .theme-app4 .leftMenuColor ion-icon { color: var(--accent); font-family: Montserrat, sans-serif; } :root .theme-app4 .leftMenuColor ion-label { color: var(--primaryText); font-family: Montserrat, sans-serif; font-weight: thin !important; } :root .theme-app4 .leftMenuColor ion-toggle { --background: #3c3e42; --background-checked: #3c3e42; --handle-background: var(--accent); --handle-background-checked: var(--accent); } :root .theme-app4 .floatInput ion-label { color: var(--primaryText); } :root .theme-app4 .floatInput ion-input { color: var(--primaryText); } :root .theme-app4 .breakline-space { margin: 10px; border: 1px solid var(--borderColor) !important; } :root .theme-app4 ion-badge { border-radius: 10px !important; padding: 10px 10px !important; margin: 10px; border: 1px solid var(--borderColor) !important; } :root .theme-app4 ion-badge.failure { border: 1px solid red !important; } :root .theme-app4 ion-badge.success { border: 1px solid white !important; } :root .theme-app4 .row-is-selected { background-color: rgba(211, 211, 211, 0.8); } :root .theme-app4 .alertClass { color: white; background-color: rgba(200, 200, 200, 0.2); } :root .theme-app4 .alertClass .alert-title { font-weight: bolder; } :root .theme-app4 .alertClassActionButton { border: white; border: 2px solid var(--borderColor); border-radius: 7px; } :root .theme-app4 .alert-sub-title.sc-ion-alert-md, :root .theme-app4 .alert-title.sc-ion-alert-md, :root .theme-app4 .alert-message, :root .theme-app4 .sc-ion-alert-md { color: #e0e0e0; } :root .theme-app4 .toastError { --background: red; --color: black; } :root .theme-app4 .custom-options { --placeholder-opacity: 1; color: var(--primaryText); --placeholder-color: var(--primaryText); } :root .theme-app4 .custom-options ion-select::part(text) { color: var(--primaryText); } :root .theme-app4 .custom-options .select-interface-option { --color: var(--primaryText); color: var(--primaryText); } :root .theme-app4 .primaryText { color: var(--primaryText); } :root .theme-app4 .selectClass { min-width: 70%; color: white !important; } :root .theme-app4 .selectClass ion-select { max-width: 70% !important; } :root .theme-app4 .selectClass .sc-ion-alert-md { color: white; } :root .theme-app4 .selectClass .alert-radio-inner.sc-ion-alert-md { background-color: white !important; } :root .theme-app4 .selectClass .alert-radio-label.sc-ion-alert-md { color: white; font-weight: bold; } :root .theme-app4 .selectClass .alert-button.alert-button-inner { color: white; } :root .theme-app4 .selectClass .popover-content { min-width: 90% !important; } :root .theme-app4 .dateRanger { color: var(--ion-color-danger); font-weight: bold; font-size: large; } :root .theme-app4 .eventFloater { color: white; font-weight: bold; padding: 10px; border-radius: 10px; font-size: large; background-color: var(--ion-color-danger); } :root .theme-app4 .chatContainer ion-card-subtitle { padding-top: 3px; } :root .theme-app4 .chatContainer::after { content: ""; clear: both; display: table; } :root .theme-app4 .chatMessageOtherUser { color: white; float: left; } :root .theme-app4 .chatMessageLoggedInUser { color: white; float: right; } :root .theme-app4 .chatUsername { font-weight: bolder; } :root .theme-app4 .ion-icon { color: var(--accentText); } :root .theme-app4 .numberCard ion-card-header { color: white !important; } :root .theme-app4 .numberCard ion-card-header ion-card-subtitle { color: white !important; font-weight: bold; font-size: 20px !important; } :root .theme-app4 .numberCard ion-card-header ion-card-subtitle ion-icon { font-size: 30px !important; color: var(--borderColor); } :root .theme-app4 .numberCard ion-card-header ion-card-title { color: var(--primary) !important; font-weight: bold; padding: 10px; background: var(--accent); border-radius: 10px; float: right; } :root .theme-app4 .numberCard ion-card-content ion-button { margin-top: 10px; } :root .theme-app4 .numberCard ion-card-content div.leftBound { margin-top: 10px; padding: 5px; border-left: 2px solid var(--borderColor); border-bottom: 2px solid var(--borderColor); border-bottom-left-radius: 10px; } :root .theme-app4 .numberCard ion-card-content div.leftBound:hover { border-left: 8px solid var(--borderColor); transition: border-width 0.1s ease-in-out; } :root .theme-app4 .qrCodeStyle { display: flex; align-items: center; justify-content: center; opacity: 1; } :root .theme-app4 .qrCodeStyle img { border-radius: 25px; } :root .theme-app4 .matt-tree-styling { background-color: transparent; padding-top: 20px; margin-top: 20px; } :root .theme-app4 .matt-tree-styling .tree-nested-node { padding-left: 30px; margin-left: 10px; padding-left: 40px; } :root .theme-app4 .matt-tree-styling mat-tree { margin-left: 40px !important; background-color: transparent; } :root .theme-app4 .matt-tree-styling .mat-tree-hover:hover { background-color: var(--accentHover) !important; border-radius: 5px; } :root .theme-app4 .matt-tree-styling .mat-tree-node { padding: 3px; background-color: transparent; } :root .theme-app4 .matt-tree-styling .mat-nested-tree-node { top: -24px !important; background-color: transparent; } :root .theme-app4 .matt-tree-styling ul, :root .theme-app4 .matt-tree-styling li { list-style: none; margin: 0; padding: 0; background-color: transparent; } :root .theme-app4 .matt-tree-styling li.tree-container { border-bottom: 0; background-color: transparent; } :root .theme-app4 .matt-tree-styling li { padding-left: 40px; border-left: 1px dotted grey !important; border-bottom: 1px dotted grey !important; border-bottom-left-radius: 10px; border-width: 0 0 1px 1px; position: relative; top: -24px; background-color: transparent; } :root .theme-app4 .matt-tree-styling li.mat-tree-node, :root .theme-app4 .matt-tree-styling li div { margin: 0; position: relative; top: 15px !important; background-color: transparent; } :root .theme-app4 .matt-tree-styling li ul { padding-right: 80px !important; background-color: transparent; } :root .theme-app4 .popover_style ion-backdrop { --backdrop-opacity: 0.9; } :root .theme-app4 .full-modal-cover { --border-radius: 15px; --min-height: 85% !important; --min-width: 85% !important; --padding:10px !important; } :root .theme-app4 .full-modal-cover .modal-wrapper { height: 30%; width: 90%; border-radius: 10px; } :root .theme-app4 .full-modal-cover-narrow { --border-radius: 15px; --min-height: 85% !important; --min-width: 450px !important; --padding:10px !important; } :root .theme-app4 .full-modal-cover-narrow .modal-wrapper { height: 30%; width: 90%; border-radius: 10px; } :root .theme-app4 .small-modal-cover .modal-wrapper { border-radius: 15px; padding: 10px; } :root .theme-app4 .no-background-modal .modal-wrapper { --min-height: 95% !important; --min-width: 75% !important; --background: rgba(46, 46, 46, 0); --border-style: none; --box-shadow:none; --border-radius:none; --border-style:none; --border-color:none; --border-width:0px; } :root .theme-app4 .small-no-background-modal .modal-wrapper { --background: rgba(46, 46, 46, 0) !important; --border-style: none !important; --box-shadow:none !important; --border-radius:none !important; --border-style:none !important; --border-color:none !important; --border-width:0px !important; } :root .theme-app4 .firmware-chain { font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app4 .fab-close { font-size: large !important; font-weight: bold !important; border-color: var(--accent) !important; border-radius: 18px !important; } :root .theme-app4 .fab-close:hover { background-color: var(--accent) !important; } :root .theme-app4 ::-webkit-scrollbar { width: 10px; } :root .theme-app4 ::-webkit-scrollbar-track { background: none; } :root .theme-app4 ::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 5px; } :root .theme-app4 ::-webkit-scrollbar-thumb:hover { background: #555; } :root .theme-app4 .deck-tooltip { border-radius: 7px; } :root .theme-app4 .map-control-panel { position: absolute; top: 0; left: 0; display: flex; } :root .theme-app4 .map-control-panel ion-card { margin: 20px; padding: 10px; border-radius: 10px; } :root .theme-app4 .map-control-panel ion-item { color: var(--primaryText); } :root .theme-app4 .map-control-panel ion-item ion-button { padding-top: 3px; padding-bottom: 3px; } :root .theme-app4 .map-control-panel ion-thumbnail { --border-radius: 5px; } :root .theme-app4 .map-control-panel .ion-label-title { font-weight: 500; } :root .theme-app4 .map-control-panel .ion-label-body { font-weight: lighter; } :root .theme-app4 .scanCheckBox { float: right; font-size: small; } :root .theme-app4 .scanCheckBox ion-checkbox { margin-left: 4px; margin-bottom: -4px; --border-color: var(--borderColor); --border-color-checked: var(--borderColor); --checkmark-color: var(--borderColor); } :root .theme-app4 .accentText { color: var(--accentText); } :root .theme-app4 a { color: var(--accentDarkText); } :root .theme-app4 .layerLabel { text-transform: capitalize; color: var(--primaryText); } :root .theme-app4 .mini-profile { border: 2px solid var(--borderColor); display: inline-block; color: var(--accentText) !important; margin: 10px; padding: 8 30px; height: 30px; font-size: 16px; line-height: 25px; border-radius: 25px; } :root .theme-app4 .mini-profile img { float: left; margin-left: 10px; height: 25px; background-color: white; border-radius: 50%; padding-top: 1px; padding-right: 2px; } :root .theme-app4 .searchbar-input { background: white !important; font-size: 1.25em !important; border: 1px solid transparent; border-radius: 10px !important; height: 30px !important; } :root .theme-app4 .searchbar-search-icon.sc-ion-searchbar-md { top: 6px; } :root .theme-app4 .sc-ion-searchbar-ios-h { padding-bottom: 0 !important; } :root .theme-app4 .badgeAsSelection { --background:var(--accent) !important; color: var(--secondaryBaseText); cursor: pointer; } :root .theme-app4 .badgeAsOptions { --background:none !important; color: var(--accentText); border: 2px solid var(--borderColor); cursor: pointer; } :root .theme-app4 .badgeAsOptions { --background:none !important; color: var(--accentText); border: 2px solid var(--borderColor); cursor: pointer; } :root .theme-app4 .clearOptions { --background:none !important; color: red !important; border: 1px solid red !important; cursor: pointer; } :root .theme-app4 .ng-star-inserted { color: var(--primaryText) !important; } :root .theme-app4 .apexcharts-xaxis-label { fill: var(--primaryText) !important; } :root .theme-app4 .apexcharts-xaxis text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app4 .apexcharts-yaxis-label { fill: var(--primaryText) !important; color: var(--primaryText) !important; } :root .theme-app4 .apexcharts-yaxis text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app4 .apexcharts-title-text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app4 .apexcharts-tooltip { background: #f3f3f3 !important; color: black !important; fill: black !important; } :root .theme-app4 .apexcharts-tooltip span { color: black !important; fill: black !important; } :root .theme-app4 .apexcharts-tooltip-text { color: black !important; fill: black !important; } :root .theme-app4 .apexcharts-tooltip-text-y-label { color: black !important; fill: black !important; } :root .theme-app4 .apexcharts-tooltip-y-group span { color: black !important; fill: black !important; } :root .theme-app4 .area-custom-gradient { fill: linear-gradient(to bottom, #FF5733, #FFCC00); } :root .theme-app4 ion-item-divider { border-color: var(--secondary); } :root .theme-app4 ion-item-divider ion-label { --border-color: var(--secondary) !important; /* Replace with your desired color */ border-color: var(--secondary); } :root .theme-app4 .btn-prev-next { border: 1px solid lightgray; background-color: transparent; color: var(--primaryText); width: 30px; font-size: large; } :root .theme-app4 ion-accordion-group ion-accordion .ion-accordion-toggle-icon { color: var(--primaryText); } :root .theme-app4 .device-status-box { border: 2px solid var(--secondary); /* Set the border color to your desired color */ box-shadow: none; /* Set the box shadow color */ } :root .theme-app4 .counts { color: var(--primaryText); text-align: center; } :root .theme-app4 gridster-item { background-color: var(--ion-background-color) !important; } :root .theme-app4 gridster { background-color: var(--ion-background-color) !important; } :root .theme-app4 ion-fab ion-fab-button { --background: var(--accent); color: white; } :root .theme-app4 #chart path.apexcharts-area { fill: #ff5733; /* Set the fill color to your desired color */ } :root .theme-app4 #chart path.apexcharts-area:hover { fill: #ff33cc; /* Set the hover fill color to your desired color */ } :root .theme-app4 .card-indent { margin-left: 100px !important; } :root .theme-app4 .card-indent:before { content: ""; position: absolute; top: 50%; left: 111px; /* Adjust this value to position the arrow */ width: 0; height: 0; border-style: solid; border-width: 5px 7px 0 7px; border-color: #000 transparent transparent transparent; /* Change color if needed */ transform: translateY(-50%) rotate(45deg); } :root .theme-app4 .valid-alert { --background: green; /* Set the background color to green */ /* You can add more custom styles here */ } :root .theme-app4 .invlid-alert { --background: red; /* Set the background color to red */ /* You can add more custom styles here */ } :root .theme-app4 .mat-tabs .mat-ink-bar { background-color: var(--accent) !important; } :root .theme-app4 .mat-table { overflow-x: scroll; } :root .theme-app4 .mat-cell, :root .theme-app4 .mat-header-cell { word-wrap: initial; display: table-cell; padding: 0px 10px; line-break: unset; width: 100%; white-space: nowrap; overflow: hidden; vertical-align: middle; } :root .theme-app4 .mat-row, :root .theme-app4 .mat-header-row { display: table-row; } :root .theme-app4 .mat-tab-label { padding: 5px; background-color: transparent; color: var(--accent); font-weight: 700; } :root .theme-app4 .mat-tab-label.mat-tab-label-active { padding: 5px; background-color: transparent; color: var(--accent); font-weight: 700; } :root .theme-app4 .mat-ink-bar { background-color: var(--accent); } :root .theme-app4 mat-label { color: var(--primaryText); } :root .theme-app4 mat-form-field { color: var(--primaryText); } :root .theme-app4 mat-form-field input { color: var(--primaryText); } :root .theme-app4 .mat-icon { color: var(--primaryText); } :root .mat-badge-content { font-weight: 600; font-size: 12px; font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-badge-small .mat-badge-content { font-size: 9px; } :root .mat-badge-large .mat-badge-content { font-size: 24px; } :root .mat-h1, :root .mat-headline, :root .mat-typography .mat-h1, :root .mat-typography .mat-headline, :root .mat-typography h1 { font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h2, :root .mat-title, :root .mat-typography .mat-h2, :root .mat-typography .mat-title, :root .mat-typography h2 { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h3, :root .mat-subheading-2, :root .mat-typography .mat-h3, :root .mat-typography .mat-subheading-2, :root .mat-typography h3 { font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h4, :root .mat-subheading-1, :root .mat-typography .mat-h4, :root .mat-typography .mat-subheading-1, :root .mat-typography h4 { font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h5, :root .mat-typography .mat-h5, :root .mat-typography h5 { font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } :root .mat-h6, :root .mat-typography .mat-h6, :root .mat-typography h6 { font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } :root .mat-body-strong, :root .mat-body-2, :root .mat-typography .mat-body-strong, :root .mat-typography .mat-body-2 { font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-body, :root .mat-body-1, :root .mat-typography .mat-body, :root .mat-typography .mat-body-1, :root .mat-typography { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-body p, :root .mat-body-1 p, :root .mat-typography .mat-body p, :root .mat-typography .mat-body-1 p, :root .mat-typography p { margin: 0 0 12px; } :root .mat-small, :root .mat-caption, :root .mat-typography .mat-small, :root .mat-typography .mat-caption { font: 400 12px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-display-4, :root .mat-typography .mat-display-4 { font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.05em; margin: 0 0 56px; } :root .mat-display-3, :root .mat-typography .mat-display-3 { font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.02em; margin: 0 0 64px; } :root .mat-display-2, :root .mat-typography .mat-display-2 { font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.005em; margin: 0 0 64px; } :root .mat-display-1, :root .mat-typography .mat-display-1 { font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 64px; } :root .mat-bottom-sheet-container { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-button, :root .mat-raised-button, :root .mat-icon-button, :root .mat-stroked-button, :root .mat-flat-button, :root .mat-fab, :root .mat-mini-fab { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-button-toggle { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-card { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-card-title { font-size: 24px; font-weight: 500; } :root .mat-card-header .mat-card-title { font-size: 20px; } :root .mat-card-subtitle, :root .mat-card-content { font-size: 14px; } :root .mat-checkbox { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-checkbox-layout .mat-checkbox-label { line-height: 24px; } :root .mat-chip { font-size: 14px; font-weight: 500; } :root .mat-chip .mat-chip-trailing-icon.mat-icon, :root .mat-chip .mat-chip-remove.mat-icon { font-size: 18px; } :root .mat-table { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-header-cell { font-size: 12px; font-weight: 500; } :root .mat-cell, :root .mat-footer-cell { font-size: 14px; } :root .mat-calendar { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-calendar-body { font-size: 13px; } :root .mat-calendar-body-label, :root .mat-calendar-period-button { font-size: 14px; font-weight: 500; } :root .mat-calendar-table-header th { font-size: 11px; font-weight: 400; } :root .mat-dialog-title { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-expansion-panel-header { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 15px; font-weight: 400; } :root .mat-expansion-panel-content { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-form-field { font-size: inherit; font-weight: 400; line-height: 1.125; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-form-field-wrapper { padding-bottom: 1.34375em; } :root .mat-form-field-prefix .mat-icon, :root .mat-form-field-suffix .mat-icon { font-size: 150%; line-height: 1.125; } :root .mat-form-field-prefix .mat-icon-button, :root .mat-form-field-suffix .mat-icon-button { height: 1.5em; width: 1.5em; } :root .mat-form-field-prefix .mat-icon-button .mat-icon, :root .mat-form-field-suffix .mat-icon-button .mat-icon { height: 1.125em; line-height: 1.125; } :root .mat-form-field-infix { padding: 0.5em 0; border-top: 0.84375em solid transparent; } :root .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34371em) scale(0.75); width: 133.3333733333%; } :root .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.3437em) scale(0.75); width: 133.3333833333%; } :root .mat-form-field-label-wrapper { top: -0.84375em; padding-top: 0.84375em; } :root .mat-form-field-label { top: 1.34375em; } :root .mat-form-field-underline { bottom: 1.34375em; } :root .mat-form-field-subscript-wrapper { font-size: 75%; margin-top: 0.6666666667em; top: calc(100% - 1.7916666667em); } :root .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 1.25em; } :root .mat-form-field-appearance-legacy .mat-form-field-infix { padding: 0.4375em 0; } :root .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00112px); width: 133.3334533333%; } :root .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 { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00113px); width: 133.3334633333%; } :root .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 { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00114px); width: 133.3334733333%; } :root .mat-form-field-appearance-legacy .mat-form-field-label { top: 1.28125em; } :root .mat-form-field-appearance-legacy .mat-form-field-underline { bottom: 1.25em; } :root .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { margin-top: 0.5416666667em; top: calc(100% - 1.6666666667em); } @media print { :root .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.2811em) scale(0.75); } :root .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 { transform: translateY(-1.28109em) scale(0.75); } :root .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 { transform: translateY(-1.28108em) scale(0.75); } } :root .mat-form-field-appearance-fill .mat-form-field-infix { padding: 0.25em 0 0.75em 0; } :root .mat-form-field-appearance-fill .mat-form-field-label { top: 1.09375em; margin-top: -0.5em; } :root .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59371em) scale(0.75); width: 133.3333733333%; } :root .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 { transform: translateY(-0.5937em) scale(0.75); width: 133.3333833333%; } :root .mat-form-field-appearance-outline .mat-form-field-infix { padding: 1em 0 1em 0; } :root .mat-form-field-appearance-outline .mat-form-field-label { top: 1.84375em; margin-top: -0.25em; } :root .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59371em) scale(0.75); width: 133.3333733333%; } :root .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 { transform: translateY(-1.5937em) scale(0.75); width: 133.3333833333%; } :root .mat-grid-tile-header, :root .mat-grid-tile-footer { font-size: 14px; } :root .mat-grid-tile-header .mat-line, :root .mat-grid-tile-footer .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-grid-tile-header .mat-line:nth-child(n+2), :root .mat-grid-tile-footer .mat-line:nth-child(n+2) { font-size: 12px; } :root input.mat-input-element { margin-top: -0.0625em; } :root .mat-menu-item { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 400; } :root .mat-paginator, :root .mat-paginator-page-size .mat-select-trigger { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; } :root .mat-radio-button { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-select { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-select-trigger { height: 1.125em; } :root .mat-slide-toggle-content { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-slider-thumb-label-text { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } :root .mat-stepper-vertical, :root .mat-stepper-horizontal { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-step-label { font-size: 14px; font-weight: 400; } :root .mat-step-sub-label-error { font-weight: normal; } :root .mat-step-label-error { font-size: 14px; } :root .mat-step-label-selected { font-size: 14px; font-weight: 500; } :root .mat-tab-group { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-tab-label, :root .mat-tab-link { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-toolbar, :root .mat-toolbar h1, :root .mat-toolbar h2, :root .mat-toolbar h3, :root .mat-toolbar h4, :root .mat-toolbar h5, :root .mat-toolbar h6 { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0; } :root .mat-tooltip { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 10px; padding-top: 6px; padding-bottom: 6px; } :root .mat-tooltip-handset { font-size: 14px; padding-top: 8px; padding-bottom: 8px; } :root .mat-list-item { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-list-option { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-list-base .mat-list-item { font-size: 16px; } :root .mat-list-base .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base .mat-list-item .mat-line:nth-child(n+2) { font-size: 14px; } :root .mat-list-base .mat-list-option { font-size: 16px; } :root .mat-list-base .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base .mat-list-option .mat-line:nth-child(n+2) { font-size: 14px; } :root .mat-list-base .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-list-base[dense] .mat-list-item { font-size: 12px; } :root .mat-list-base[dense] .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) { font-size: 12px; } :root .mat-list-base[dense] .mat-list-option { font-size: 12px; } :root .mat-list-base[dense] .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) { font-size: 12px; } :root .mat-list-base[dense] .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } :root .mat-option { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 16px; } :root .mat-optgroup-label { font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-simple-snackbar { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; } :root .mat-simple-snackbar-action { line-height: 1; font-family: inherit; font-size: inherit; font-weight: 500; } :root .mat-tree { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-tree-node, :root .mat-nested-tree-node { font-weight: 400; font-size: 14px; } :root .mat-ripple { overflow: hidden; position: relative; } :root .mat-ripple:not(:empty) { transform: translateZ(0); } :root .mat-ripple.mat-ripple-unbounded { overflow: visible; } :root .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale(0); } .cdk-high-contrast-active :root .mat-ripple-element { display: none; } :root .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; outline: 0; -webkit-appearance: none; -moz-appearance: none; left: 0; } [dir=rtl] :root .cdk-visually-hidden { left: auto; right: 0; } :root .cdk-overlay-container, :root .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } :root .cdk-overlay-container { position: fixed; z-index: 1000; } :root .cdk-overlay-container:empty { display: none; } :root .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } :root .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } :root .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } :root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } .cdk-high-contrast-active :root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } :root .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } :root .cdk-overlay-transparent-backdrop { transition: visibility 1ms linear, opacity 1ms linear; visibility: hidden; opacity: 1; } :root .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; visibility: visible; } :root .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } :root .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } :root textarea.cdk-textarea-autosize { resize: none; } :root textarea.cdk-textarea-autosize-measuring { padding: 2px 0 !important; box-sizing: content-box !important; height: auto !important; overflow: hidden !important; } :root textarea.cdk-textarea-autosize-measuring-firefox { padding: 2px 0 !important; box-sizing: content-box !important; height: 0 !important; } @keyframes cdk-text-field-autofill-start { /*!*/ } @keyframes cdk-text-field-autofill-end { /*!*/ } :root .cdk-text-field-autofill-monitored:-webkit-autofill { animation: cdk-text-field-autofill-start 0s 1ms; } :root .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { animation: cdk-text-field-autofill-end 0s 1ms; } :root .mat-focus-indicator { position: relative; } :root .mat-mdc-focus-indicator { position: relative; } :root .theme-app6 { /* Track */ /* Handle */ /* Handle on hover */ /* Style the area path element when hovering (optional) */ /* active tab */ /* Styles for the active tab label */ /* Styles for the ink bar */ } :root .theme-app6 .dark { --primary: #2D3035; --secondary: #C7C7CC; --secondaryBase: #fff; --accent: #A211FF; --secondaryDark: #383D43; --accentLight:rgba(138, 209, 202, .3); --accentBackground:rgba(138, 209, 202, .1); --accentDark: #376c65; --borderColor: #A211FF; --accentHover: rgba(108, 212, 202, 0.5); --iconColor: #A211FF; --primaryText: #fff; --secondaryText: #8E8E93; --accentText: #A211FF; --secondaryBaseText: #EFEFF4; --accentLightText: #2D3035; --accentDarkText: #000000; --ion-background-color: var(--primary); } :root .theme-app6 .dark .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app6 .dark .mat-option { color: white; } :root .theme-app6 .dark .mat-option:hover:not(.mat-option-disabled), :root .theme-app6 .dark .mat-option:focus:not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } :root .theme-app6 .dark .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } :root .theme-app6 .dark .mat-option.mat-active { background: rgba(255, 255, 255, 0.04); color: white; } :root .theme-app6 .dark .mat-option.mat-option-disabled { color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #e040fb; } :root .theme-app6 .dark .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #e040fb; } :root .theme-app6 .dark .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #ff5722; } :root .theme-app6 .dark .mat-optgroup-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app6 .dark .mat-optgroup-disabled .mat-optgroup-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-pseudo-checkbox { color: rgba(255, 255, 255, 0.7); } :root .theme-app6 .dark .mat-pseudo-checkbox::after { color: #303030; } :root .theme-app6 .dark .mat-pseudo-checkbox-disabled { color: #686868; } :root .theme-app6 .dark .mat-primary .mat-pseudo-checkbox-checked, :root .theme-app6 .dark .mat-primary .mat-pseudo-checkbox-indeterminate { background: #e040fb; } :root .theme-app6 .dark .mat-pseudo-checkbox-checked, :root .theme-app6 .dark .mat-pseudo-checkbox-indeterminate, :root .theme-app6 .dark .mat-accent .mat-pseudo-checkbox-checked, :root .theme-app6 .dark .mat-accent .mat-pseudo-checkbox-indeterminate { background: #e040fb; } :root .theme-app6 .dark .mat-warn .mat-pseudo-checkbox-checked, :root .theme-app6 .dark .mat-warn .mat-pseudo-checkbox-indeterminate { background: #ff5722; } :root .theme-app6 .dark .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, :root .theme-app6 .dark .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #686868; } :root .theme-app6 .dark .mat-app-background, :root .theme-app6 .dark.mat-app-background { background-color: #303030; color: white; } :root .theme-app6 .dark .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } :root .theme-app6 .dark .mat-autocomplete-panel { background: #424242; color: white; } :root .theme-app6 .dark .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: #424242; } :root .theme-app6 .dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: white; } :root .theme-app6 .dark .mat-badge { position: relative; } :root .theme-app6 .dark .mat-badge.mat-badge { overflow: visible; } :root .theme-app6 .dark .mat-badge-hidden .mat-badge-content { display: none; } :root .theme-app6 .dark .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } :root .theme-app6 .dark .ng-animate-disabled .mat-badge-content, :root .theme-app6 .dark .mat-badge-content._mat-animation-noopable { transition: none; } :root .theme-app6 .dark .mat-badge-content.mat-badge-active { transform: none; } :root .theme-app6 .dark .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } :root .theme-app6 .dark .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } :root .theme-app6 .dark .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } :root .theme-app6 .dark .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] :root .theme-app6 .dark .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } :root .theme-app6 .dark .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] :root .theme-app6 .dark .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } :root .theme-app6 .dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] :root .theme-app6 .dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } :root .theme-app6 .dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] :root .theme-app6 .dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } :root .theme-app6 .dark .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } :root .theme-app6 .dark .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } :root .theme-app6 .dark .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } :root .theme-app6 .dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] :root .theme-app6 .dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } :root .theme-app6 .dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] :root .theme-app6 .dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } :root .theme-app6 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] :root .theme-app6 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } :root .theme-app6 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] :root .theme-app6 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } :root .theme-app6 .dark .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } :root .theme-app6 .dark .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } :root .theme-app6 .dark .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } :root .theme-app6 .dark .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] :root .theme-app6 .dark .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } :root .theme-app6 .dark .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] :root .theme-app6 .dark .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } :root .theme-app6 .dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] :root .theme-app6 .dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } :root .theme-app6 .dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] :root .theme-app6 .dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } :root .theme-app6 .dark .mat-badge-content { color: white; background: #e040fb; } .cdk-high-contrast-active :root .theme-app6 .dark .mat-badge-content { outline: solid 1px; border-radius: 0; } :root .theme-app6 .dark .mat-badge-accent .mat-badge-content { background: #e040fb; color: white; } :root .theme-app6 .dark .mat-badge-warn .mat-badge-content { color: white; background: #ff5722; } :root .theme-app6 .dark .mat-badge-disabled .mat-badge-content { background: #6e6e6e; color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: #424242; color: white; } :root .theme-app6 .dark .mat-button, :root .theme-app6 .dark .mat-icon-button, :root .theme-app6 .dark .mat-stroked-button { color: inherit; background: transparent; } :root .theme-app6 .dark .mat-button.mat-primary, :root .theme-app6 .dark .mat-icon-button.mat-primary, :root .theme-app6 .dark .mat-stroked-button.mat-primary { color: #e040fb; } :root .theme-app6 .dark .mat-button.mat-accent, :root .theme-app6 .dark .mat-icon-button.mat-accent, :root .theme-app6 .dark .mat-stroked-button.mat-accent { color: #e040fb; } :root .theme-app6 .dark .mat-button.mat-warn, :root .theme-app6 .dark .mat-icon-button.mat-warn, :root .theme-app6 .dark .mat-stroked-button.mat-warn { color: #ff5722; } :root .theme-app6 .dark .mat-button.mat-primary.mat-button-disabled, :root .theme-app6 .dark .mat-button.mat-accent.mat-button-disabled, :root .theme-app6 .dark .mat-button.mat-warn.mat-button-disabled, :root .theme-app6 .dark .mat-button.mat-button-disabled.mat-button-disabled, :root .theme-app6 .dark .mat-icon-button.mat-primary.mat-button-disabled, :root .theme-app6 .dark .mat-icon-button.mat-accent.mat-button-disabled, :root .theme-app6 .dark .mat-icon-button.mat-warn.mat-button-disabled, :root .theme-app6 .dark .mat-icon-button.mat-button-disabled.mat-button-disabled, :root .theme-app6 .dark .mat-stroked-button.mat-primary.mat-button-disabled, :root .theme-app6 .dark .mat-stroked-button.mat-accent.mat-button-disabled, :root .theme-app6 .dark .mat-stroked-button.mat-warn.mat-button-disabled, :root .theme-app6 .dark .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } :root .theme-app6 .dark .mat-button.mat-primary .mat-button-focus-overlay, :root .theme-app6 .dark .mat-icon-button.mat-primary .mat-button-focus-overlay, :root .theme-app6 .dark .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #e040fb; } :root .theme-app6 .dark .mat-button.mat-accent .mat-button-focus-overlay, :root .theme-app6 .dark .mat-icon-button.mat-accent .mat-button-focus-overlay, :root .theme-app6 .dark .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #e040fb; } :root .theme-app6 .dark .mat-button.mat-warn .mat-button-focus-overlay, :root .theme-app6 .dark .mat-icon-button.mat-warn .mat-button-focus-overlay, :root .theme-app6 .dark .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #ff5722; } :root .theme-app6 .dark .mat-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app6 .dark .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app6 .dark .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } :root .theme-app6 .dark .mat-button .mat-ripple-element, :root .theme-app6 .dark .mat-icon-button .mat-ripple-element, :root .theme-app6 .dark .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } :root .theme-app6 .dark .mat-button-focus-overlay { background: white; } :root .theme-app6 .dark .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(255, 255, 255, 0.12); } :root .theme-app6 .dark .mat-flat-button, :root .theme-app6 .dark .mat-raised-button, :root .theme-app6 .dark .mat-fab, :root .theme-app6 .dark .mat-mini-fab { color: white; background-color: #424242; } :root .theme-app6 .dark .mat-flat-button.mat-primary, :root .theme-app6 .dark .mat-raised-button.mat-primary, :root .theme-app6 .dark .mat-fab.mat-primary, :root .theme-app6 .dark .mat-mini-fab.mat-primary { color: white; } :root .theme-app6 .dark .mat-flat-button.mat-accent, :root .theme-app6 .dark .mat-raised-button.mat-accent, :root .theme-app6 .dark .mat-fab.mat-accent, :root .theme-app6 .dark .mat-mini-fab.mat-accent { color: white; } :root .theme-app6 .dark .mat-flat-button.mat-warn, :root .theme-app6 .dark .mat-raised-button.mat-warn, :root .theme-app6 .dark .mat-fab.mat-warn, :root .theme-app6 .dark .mat-mini-fab.mat-warn { color: white; } :root .theme-app6 .dark .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app6 .dark .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app6 .dark .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app6 .dark .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app6 .dark .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app6 .dark .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app6 .dark .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app6 .dark .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app6 .dark .mat-fab.mat-primary.mat-button-disabled, :root .theme-app6 .dark .mat-fab.mat-accent.mat-button-disabled, :root .theme-app6 .dark .mat-fab.mat-warn.mat-button-disabled, :root .theme-app6 .dark .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app6 .dark .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app6 .dark .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app6 .dark .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app6 .dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } :root .theme-app6 .dark .mat-flat-button.mat-primary, :root .theme-app6 .dark .mat-raised-button.mat-primary, :root .theme-app6 .dark .mat-fab.mat-primary, :root .theme-app6 .dark .mat-mini-fab.mat-primary { background-color: #e040fb; } :root .theme-app6 .dark .mat-flat-button.mat-accent, :root .theme-app6 .dark .mat-raised-button.mat-accent, :root .theme-app6 .dark .mat-fab.mat-accent, :root .theme-app6 .dark .mat-mini-fab.mat-accent { background-color: #e040fb; } :root .theme-app6 .dark .mat-flat-button.mat-warn, :root .theme-app6 .dark .mat-raised-button.mat-warn, :root .theme-app6 .dark .mat-fab.mat-warn, :root .theme-app6 .dark .mat-mini-fab.mat-warn { background-color: #ff5722; } :root .theme-app6 .dark .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app6 .dark .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app6 .dark .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app6 .dark .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app6 .dark .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app6 .dark .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app6 .dark .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app6 .dark .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app6 .dark .mat-fab.mat-primary.mat-button-disabled, :root .theme-app6 .dark .mat-fab.mat-accent.mat-button-disabled, :root .theme-app6 .dark .mat-fab.mat-warn.mat-button-disabled, :root .theme-app6 .dark .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app6 .dark .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app6 .dark .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app6 .dark .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app6 .dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app6 .dark .mat-flat-button.mat-primary .mat-ripple-element, :root .theme-app6 .dark .mat-raised-button.mat-primary .mat-ripple-element, :root .theme-app6 .dark .mat-fab.mat-primary .mat-ripple-element, :root .theme-app6 .dark .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app6 .dark .mat-flat-button.mat-accent .mat-ripple-element, :root .theme-app6 .dark .mat-raised-button.mat-accent .mat-ripple-element, :root .theme-app6 .dark .mat-fab.mat-accent .mat-ripple-element, :root .theme-app6 .dark .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app6 .dark .mat-flat-button.mat-warn .mat-ripple-element, :root .theme-app6 .dark .mat-raised-button.mat-warn .mat-ripple-element, :root .theme-app6 .dark .mat-fab.mat-warn .mat-ripple-element, :root .theme-app6 .dark .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app6 .dark .mat-stroked-button:not([class*=mat-elevation-z]), :root .theme-app6 .dark .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-fab:not([class*=mat-elevation-z]), :root .theme-app6 .dark .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), :root .theme-app6 .dark .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), :root .theme-app6 .dark .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-button-toggle-standalone:not([class*=mat-elevation-z]), :root .theme-app6 .dark .mat-button-toggle-group:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), :root .theme-app6 .dark .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) { box-shadow: none; } :root .theme-app6 .dark .mat-button-toggle { color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app6 .dark .mat-button-toggle-appearance-standard { color: white; background: #424242; } :root .theme-app6 .dark .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: white; } :root .theme-app6 .dark .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px #595959; } :root .theme-app6 .dark [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px #595959; } :root .theme-app6 .dark .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px #595959; } :root .theme-app6 .dark .mat-button-toggle-checked { background-color: #212121; color: rgba(255, 255, 255, 0.7); } :root .theme-app6 .dark .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: white; } :root .theme-app6 .dark .mat-button-toggle-disabled { color: rgba(255, 255, 255, 0.3); background-color: black; } :root .theme-app6 .dark .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: #424242; } :root .theme-app6 .dark .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #424242; } :root .theme-app6 .dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, :root .theme-app6 .dark .mat-button-toggle-group-appearance-standard { border: solid 1px #595959; } :root .theme-app6 .dark .mat-card { background: #424242; color: white; } :root .theme-app6 .dark .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-card-subtitle { color: rgba(255, 255, 255, 0.7); } :root .theme-app6 .dark .mat-checkbox-frame { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app6 .dark .mat-checkbox-checkmark { fill: #303030; } :root .theme-app6 .dark .mat-checkbox-checkmark-path { stroke: #303030 !important; } :root .theme-app6 .dark .mat-checkbox-mixedmark { background-color: #303030; } :root .theme-app6 .dark .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, :root .theme-app6 .dark .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #e040fb; } :root .theme-app6 .dark .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, :root .theme-app6 .dark .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #e040fb; } :root .theme-app6 .dark .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, :root .theme-app6 .dark .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #ff5722; } :root .theme-app6 .dark .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, :root .theme-app6 .dark .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #686868; } :root .theme-app6 .dark .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #686868; } :root .theme-app6 .dark .mat-checkbox-disabled .mat-checkbox-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-checkbox .mat-ripple-element { background-color: white; } :root .theme-app6 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, :root .theme-app6 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #e040fb; } :root .theme-app6 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, :root .theme-app6 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #e040fb; } :root .theme-app6 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, :root .theme-app6 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #ff5722; } :root .theme-app6 .dark .mat-chip.mat-standard-chip { background-color: #616161; color: white; } :root .theme-app6 .dark .mat-chip.mat-standard-chip .mat-chip-remove { color: white; opacity: 0.4; } :root .theme-app6 .dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } :root .theme-app6 .dark .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } :root .theme-app6 .dark .mat-chip.mat-standard-chip::after { background: white; } :root .theme-app6 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #e040fb; color: white; } :root .theme-app6 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: white; opacity: 0.4; } :root .theme-app6 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app6 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #ff5722; color: white; } :root .theme-app6 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } :root .theme-app6 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app6 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #e040fb; color: white; } :root .theme-app6 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: white; opacity: 0.4; } :root .theme-app6 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app6 .dark .mat-table { background: #424242; } :root .theme-app6 .dark .mat-table thead, :root .theme-app6 .dark .mat-table tbody, :root .theme-app6 .dark .mat-table tfoot, :root .theme-app6 .dark mat-header-row, :root .theme-app6 .dark mat-row, :root .theme-app6 .dark mat-footer-row, :root .theme-app6 .dark [mat-header-row], :root .theme-app6 .dark [mat-row], :root .theme-app6 .dark [mat-footer-row], :root .theme-app6 .dark .mat-table-sticky { background: inherit; } :root .theme-app6 .dark mat-row, :root .theme-app6 .dark mat-header-row, :root .theme-app6 .dark mat-footer-row, :root .theme-app6 .dark th.mat-header-cell, :root .theme-app6 .dark td.mat-cell, :root .theme-app6 .dark td.mat-footer-cell { border-bottom-color: rgba(255, 255, 255, 0.12); } :root .theme-app6 .dark .mat-header-cell { color: rgba(255, 255, 255, 0.7); } :root .theme-app6 .dark .mat-cell, :root .theme-app6 .dark .mat-footer-cell { color: white; } :root .theme-app6 .dark .mat-calendar-arrow { fill: white; } :root .theme-app6 .dark .mat-datepicker-toggle, :root .theme-app6 .dark .mat-datepicker-content .mat-calendar-next-button, :root .theme-app6 .dark .mat-datepicker-content .mat-calendar-previous-button { color: white; } :root .theme-app6 .dark .mat-calendar-table-header-divider::after { background: rgba(255, 255, 255, 0.12); } :root .theme-app6 .dark .mat-calendar-table-header, :root .theme-app6 .dark .mat-calendar-body-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app6 .dark .mat-calendar-body-cell-content, :root .theme-app6 .dark .mat-date-range-input-separator { color: white; border-color: transparent; } :root .theme-app6 .dark .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-calendar-body-in-preview { color: rgba(255, 255, 255, 0.24); } :root .theme-app6 .dark .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app6 .dark .mat-calendar-body-in-range::before { background: rgba(224, 64, 251, 0.2); } :root .theme-app6 .dark .mat-calendar-body-comparison-identical, :root .theme-app6 .dark .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app6 .dark .mat-calendar-body-comparison-bridge-start::before, :root .theme-app6 .dark [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(224, 64, 251, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app6 .dark .mat-calendar-body-comparison-bridge-end::before, :root .theme-app6 .dark [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(224, 64, 251, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app6 .dark .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app6 .dark .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app6 .dark .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app6 .dark .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app6 .dark .mat-calendar-body-selected { background-color: #e040fb; color: white; } :root .theme-app6 .dark .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(224, 64, 251, 0.4); } :root .theme-app6 .dark .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } :root .theme-app6 .dark .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app6 .dark .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(224, 64, 251, 0.3); } @media (hover: hover) { :root .theme-app6 .dark .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(224, 64, 251, 0.3); } } :root .theme-app6 .dark .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: #424242; color: white; } :root .theme-app6 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(224, 64, 251, 0.2); } :root .theme-app6 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, :root .theme-app6 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app6 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, :root .theme-app6 .dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(224, 64, 251, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app6 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, :root .theme-app6 .dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(224, 64, 251, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app6 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app6 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app6 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app6 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app6 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #e040fb; color: white; } :root .theme-app6 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(224, 64, 251, 0.4); } :root .theme-app6 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } :root .theme-app6 .dark .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app6 .dark .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(224, 64, 251, 0.3); } @media (hover: hover) { :root .theme-app6 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(224, 64, 251, 0.3); } } :root .theme-app6 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(255, 87, 34, 0.2); } :root .theme-app6 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, :root .theme-app6 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app6 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, :root .theme-app6 .dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 87, 34, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app6 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, :root .theme-app6 .dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 87, 34, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app6 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app6 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app6 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app6 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app6 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #ff5722; color: white; } :root .theme-app6 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 87, 34, 0.4); } :root .theme-app6 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } :root .theme-app6 .dark .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app6 .dark .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 87, 34, 0.3); } @media (hover: hover) { :root .theme-app6 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 87, 34, 0.3); } } :root .theme-app6 .dark .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-datepicker-toggle-active { color: #e040fb; } :root .theme-app6 .dark .mat-datepicker-toggle-active.mat-accent { color: #e040fb; } :root .theme-app6 .dark .mat-datepicker-toggle-active.mat-warn { color: #ff5722; } :root .theme-app6 .dark .mat-date-range-input-inner[disabled] { color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: #424242; color: white; } :root .theme-app6 .dark .mat-divider { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app6 .dark .mat-divider-vertical { border-right-color: rgba(255, 255, 255, 0.12); } :root .theme-app6 .dark .mat-expansion-panel { background: #424242; color: white; } :root .theme-app6 .dark .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-action-row { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app6 .dark .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), :root .theme-app6 .dark .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), :root .theme-app6 .dark .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(255, 255, 255, 0.04); } @media (hover: none) { :root .theme-app6 .dark .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: #424242; } } :root .theme-app6 .dark .mat-expansion-panel-header-title { color: white; } :root .theme-app6 .dark .mat-expansion-panel-header-description, :root .theme-app6 .dark .mat-expansion-indicator::after { color: rgba(255, 255, 255, 0.7); } :root .theme-app6 .dark .mat-expansion-panel-header[aria-disabled=true] { color: rgba(255, 255, 255, 0.3); } :root .theme-app6 .dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, :root .theme-app6 .dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } :root .theme-app6 .dark .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app6 .dark .mat-hint { color: rgba(255, 255, 255, 0.7); } :root .theme-app6 .dark .mat-form-field.mat-focused .mat-form-field-label { color: #e040fb; } :root .theme-app6 .dark .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #e040fb; } :root .theme-app6 .dark .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #ff5722; } :root .theme-app6 .dark .mat-focused .mat-form-field-required-marker { color: #e040fb; } :root .theme-app6 .dark .mat-form-field-ripple { background-color: white; } :root .theme-app6 .dark .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #e040fb; } :root .theme-app6 .dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #e040fb; } :root .theme-app6 .dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #ff5722; } :root .theme-app6 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #e040fb; } :root .theme-app6 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #e040fb; } :root .theme-app6 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #ff5722; } :root .theme-app6 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #ff5722; } :root .theme-app6 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, :root .theme-app6 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #ff5722; } :root .theme-app6 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, :root .theme-app6 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #ff5722; } :root .theme-app6 .dark .mat-error { color: #ff5722; } :root .theme-app6 .dark .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app6 .dark .mat-form-field-appearance-legacy .mat-hint { color: rgba(255, 255, 255, 0.7); } :root .theme-app6 .dark .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } :root .theme-app6 .dark .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app6 .dark .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } :root .theme-app6 .dark .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app6 .dark .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app6 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.05); } :root .theme-app6 .dark .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } :root .theme-app6 .dark .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(255, 255, 255, 0.3); } :root .theme-app6 .dark .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: white; } :root .theme-app6 .dark .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #e040fb; } :root .theme-app6 .dark .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #e040fb; } :root .theme-app6 .dark .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #ff5722; } :root .theme-app6 .dark .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #ff5722; } :root .theme-app6 .dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(255, 255, 255, 0.15); } :root .theme-app6 .dark .mat-icon.mat-primary { color: #e040fb; } :root .theme-app6 .dark .mat-icon.mat-accent { color: #e040fb; } :root .theme-app6 .dark .mat-icon.mat-warn { color: #ff5722; } :root .theme-app6 .dark .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.7); } :root .theme-app6 .dark .mat-input-element:disabled, :root .theme-app6 .dark .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-input-element { caret-color: #e040fb; } :root .theme-app6 .dark .mat-input-element::placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-input-element::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-input-element::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-input-element:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-input-element:not(.mat-native-select-inline) option { color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .dark .mat-input-element:not(.mat-native-select-inline) option:disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app6 .dark .mat-form-field.mat-accent .mat-input-element { caret-color: #e040fb; } :root .theme-app6 .dark .mat-form-field.mat-warn .mat-input-element, :root .theme-app6 .dark .mat-form-field-invalid .mat-input-element { caret-color: #ff5722; } :root .theme-app6 .dark .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #ff5722; } :root .theme-app6 .dark .mat-list-base .mat-list-item { color: white; } :root .theme-app6 .dark .mat-list-base .mat-list-option { color: white; } :root .theme-app6 .dark .mat-list-base .mat-subheader { color: rgba(255, 255, 255, 0.7); } :root .theme-app6 .dark .mat-list-base .mat-list-item-disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-list-option:hover, :root .theme-app6 .dark .mat-list-option:focus, :root .theme-app6 .dark .mat-nav-list .mat-list-item:hover, :root .theme-app6 .dark .mat-nav-list .mat-list-item:focus, :root .theme-app6 .dark .mat-action-list .mat-list-item:hover, :root .theme-app6 .dark .mat-action-list .mat-list-item:focus { background: rgba(255, 255, 255, 0.04); } :root .theme-app6 .dark .mat-list-single-selected-option, :root .theme-app6 .dark .mat-list-single-selected-option:hover, :root .theme-app6 .dark .mat-list-single-selected-option:focus { background: rgba(255, 255, 255, 0.12); } :root .theme-app6 .dark .mat-menu-panel { background: #424242; } :root .theme-app6 .dark .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-menu-item { background: transparent; color: white; } :root .theme-app6 .dark .mat-menu-item[disabled], :root .theme-app6 .dark .mat-menu-item[disabled] .mat-menu-submenu-icon, :root .theme-app6 .dark .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-menu-item .mat-icon-no-color, :root .theme-app6 .dark .mat-menu-submenu-icon { color: white; } :root .theme-app6 .dark .mat-menu-item:hover:not([disabled]), :root .theme-app6 .dark .mat-menu-item.cdk-program-focused:not([disabled]), :root .theme-app6 .dark .mat-menu-item.cdk-keyboard-focused:not([disabled]), :root .theme-app6 .dark .mat-menu-item-highlighted:not([disabled]) { background: rgba(255, 255, 255, 0.04); } :root .theme-app6 .dark .mat-paginator { background: #424242; } :root .theme-app6 .dark .mat-paginator, :root .theme-app6 .dark .mat-paginator-page-size .mat-select-trigger { color: rgba(255, 255, 255, 0.7); } :root .theme-app6 .dark .mat-paginator-decrement, :root .theme-app6 .dark .mat-paginator-increment { border-top: 2px solid white; border-right: 2px solid white; } :root .theme-app6 .dark .mat-paginator-first, :root .theme-app6 .dark .mat-paginator-last { border-top: 2px solid white; } :root .theme-app6 .dark .mat-icon-button[disabled] .mat-paginator-decrement, :root .theme-app6 .dark .mat-icon-button[disabled] .mat-paginator-increment, :root .theme-app6 .dark .mat-icon-button[disabled] .mat-paginator-first, :root .theme-app6 .dark .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-progress-bar-background { fill: #5c3463; } :root .theme-app6 .dark .mat-progress-bar-buffer { background-color: #5c3463; } :root .theme-app6 .dark .mat-progress-bar-fill::after { background-color: #e040fb; } :root .theme-app6 .dark .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #5c3463; } :root .theme-app6 .dark .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #5c3463; } :root .theme-app6 .dark .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #e040fb; } :root .theme-app6 .dark .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #643a2d; } :root .theme-app6 .dark .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #643a2d; } :root .theme-app6 .dark .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #ff5722; } :root .theme-app6 .dark .mat-progress-spinner circle, :root .theme-app6 .dark .mat-spinner circle { stroke: #e040fb; } :root .theme-app6 .dark .mat-progress-spinner.mat-accent circle, :root .theme-app6 .dark .mat-spinner.mat-accent circle { stroke: #e040fb; } :root .theme-app6 .dark .mat-progress-spinner.mat-warn circle, :root .theme-app6 .dark .mat-spinner.mat-warn circle { stroke: #ff5722; } :root .theme-app6 .dark .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app6 .dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #e040fb; } :root .theme-app6 .dark .mat-radio-button.mat-primary .mat-radio-inner-circle, :root .theme-app6 .dark .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app6 .dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app6 .dark .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #e040fb; } :root .theme-app6 .dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #e040fb; } :root .theme-app6 .dark .mat-radio-button.mat-accent .mat-radio-inner-circle, :root .theme-app6 .dark .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app6 .dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app6 .dark .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #e040fb; } :root .theme-app6 .dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #ff5722; } :root .theme-app6 .dark .mat-radio-button.mat-warn .mat-radio-inner-circle, :root .theme-app6 .dark .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app6 .dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app6 .dark .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #ff5722; } :root .theme-app6 .dark .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, :root .theme-app6 .dark .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, :root .theme-app6 .dark .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-radio-button .mat-ripple-element { background-color: white; } :root .theme-app6 .dark .mat-select-value { color: white; } :root .theme-app6 .dark .mat-select-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-select-disabled .mat-select-value { color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-select-arrow { color: rgba(255, 255, 255, 0.7); } :root .theme-app6 .dark .mat-select-panel { background: #424242; } :root .theme-app6 .dark .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(255, 255, 255, 0.12); } :root .theme-app6 .dark .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #e040fb; } :root .theme-app6 .dark .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #e040fb; } :root .theme-app6 .dark .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #ff5722; } :root .theme-app6 .dark .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #ff5722; } :root .theme-app6 .dark .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-drawer-container { background-color: #303030; color: white; } :root .theme-app6 .dark .mat-drawer { background-color: #424242; color: white; } :root .theme-app6 .dark .mat-drawer.mat-drawer-push { background-color: #424242; } :root .theme-app6 .dark .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-drawer-side { border-right: solid 1px rgba(255, 255, 255, 0.12); } :root .theme-app6 .dark .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } :root .theme-app6 .dark [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } :root .theme-app6 .dark [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(255, 255, 255, 0.12); } :root .theme-app6 .dark .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(189, 189, 189, 0.6); } :root .theme-app6 .dark .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #e040fb; } :root .theme-app6 .dark .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(224, 64, 251, 0.54); } :root .theme-app6 .dark .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #e040fb; } :root .theme-app6 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #e040fb; } :root .theme-app6 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(224, 64, 251, 0.54); } :root .theme-app6 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #e040fb; } :root .theme-app6 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #ff5722; } :root .theme-app6 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 87, 34, 0.54); } :root .theme-app6 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #ff5722; } :root .theme-app6 .dark .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: white; } :root .theme-app6 .dark .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #bdbdbd; } :root .theme-app6 .dark .mat-slide-toggle-bar { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app6 .dark .mat-slider.mat-primary .mat-slider-track-fill, :root .theme-app6 .dark .mat-slider.mat-primary .mat-slider-thumb, :root .theme-app6 .dark .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #e040fb; } :root .theme-app6 .dark .mat-slider.mat-primary .mat-slider-thumb-label-text { color: white; } :root .theme-app6 .dark .mat-slider.mat-primary .mat-slider-focus-ring { background-color: rgba(224, 64, 251, 0.2); } :root .theme-app6 .dark .mat-slider.mat-accent .mat-slider-track-fill, :root .theme-app6 .dark .mat-slider.mat-accent .mat-slider-thumb, :root .theme-app6 .dark .mat-slider.mat-accent .mat-slider-thumb-label { background-color: #e040fb; } :root .theme-app6 .dark .mat-slider.mat-accent .mat-slider-thumb-label-text { color: white; } :root .theme-app6 .dark .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(224, 64, 251, 0.2); } :root .theme-app6 .dark .mat-slider.mat-warn .mat-slider-track-fill, :root .theme-app6 .dark .mat-slider.mat-warn .mat-slider-thumb, :root .theme-app6 .dark .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #ff5722; } :root .theme-app6 .dark .mat-slider.mat-warn .mat-slider-thumb-label-text { color: white; } :root .theme-app6 .dark .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(255, 87, 34, 0.2); } :root .theme-app6 .dark .mat-slider:hover .mat-slider-track-background, :root .theme-app6 .dark .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app6 .dark .mat-slider.mat-slider-disabled .mat-slider-track-background, :root .theme-app6 .dark .mat-slider.mat-slider-disabled .mat-slider-track-fill, :root .theme-app6 .dark .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app6 .dark .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app6 .dark .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app6 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, :root .theme-app6 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: white; } :root .theme-app6 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, :root .theme-app6 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app6 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); background-color: transparent; } :root .theme-app6 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, :root .theme-app6 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app6 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, :root .theme-app6 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app6 .dark .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app6 .dark .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } :root .theme-app6 .dark .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } :root .theme-app6 .dark .mat-step-header.cdk-keyboard-focused, :root .theme-app6 .dark .mat-step-header.cdk-program-focused, :root .theme-app6 .dark .mat-step-header:hover:not([aria-disabled]), :root .theme-app6 .dark .mat-step-header:hover[aria-disabled=false] { background-color: rgba(255, 255, 255, 0.04); } :root .theme-app6 .dark .mat-step-header:hover[aria-disabled=true] { cursor: default; } @media (hover: none) { :root .theme-app6 .dark .mat-step-header:hover { background: none; } } :root .theme-app6 .dark .mat-step-header .mat-step-label, :root .theme-app6 .dark .mat-step-header .mat-step-optional { color: rgba(255, 255, 255, 0.7); } :root .theme-app6 .dark .mat-step-header .mat-step-icon { background-color: rgba(255, 255, 255, 0.7); color: white; } :root .theme-app6 .dark .mat-step-header .mat-step-icon-selected, :root .theme-app6 .dark .mat-step-header .mat-step-icon-state-done, :root .theme-app6 .dark .mat-step-header .mat-step-icon-state-edit { background-color: #e040fb; color: white; } :root .theme-app6 .dark .mat-step-header.mat-accent .mat-step-icon { color: white; } :root .theme-app6 .dark .mat-step-header.mat-accent .mat-step-icon-selected, :root .theme-app6 .dark .mat-step-header.mat-accent .mat-step-icon-state-done, :root .theme-app6 .dark .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #e040fb; color: white; } :root .theme-app6 .dark .mat-step-header.mat-warn .mat-step-icon { color: white; } :root .theme-app6 .dark .mat-step-header.mat-warn .mat-step-icon-selected, :root .theme-app6 .dark .mat-step-header.mat-warn .mat-step-icon-state-done, :root .theme-app6 .dark .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #ff5722; color: white; } :root .theme-app6 .dark .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #ff5722; } :root .theme-app6 .dark .mat-step-header .mat-step-label.mat-step-label-active { color: white; } :root .theme-app6 .dark .mat-step-header .mat-step-label.mat-step-label-error { color: #ff5722; } :root .theme-app6 .dark .mat-stepper-horizontal, :root .theme-app6 .dark .mat-stepper-vertical { background-color: #424242; } :root .theme-app6 .dark .mat-stepper-vertical-line::before { border-left-color: rgba(255, 255, 255, 0.12); } :root .theme-app6 .dark .mat-horizontal-stepper-header::before, :root .theme-app6 .dark .mat-horizontal-stepper-header::after, :root .theme-app6 .dark .mat-stepper-horizontal-line { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app6 .dark .mat-sort-header-arrow { color: #c6c6c6; } :root .theme-app6 .dark .mat-tab-nav-bar, :root .theme-app6 .dark .mat-tab-header { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } :root .theme-app6 .dark .mat-tab-group-inverted-header .mat-tab-nav-bar, :root .theme-app6 .dark .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(255, 255, 255, 0.12); border-bottom: none; } :root .theme-app6 .dark .mat-tab-label, :root .theme-app6 .dark .mat-tab-link { color: white; } :root .theme-app6 .dark .mat-tab-label.mat-tab-disabled, :root .theme-app6 .dark .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-tab-header-pagination-chevron { border-color: white; } :root .theme-app6 .dark .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app6 .dark .mat-tab-group[class*=mat-background-] > .mat-tab-header, :root .theme-app6 .dark .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } :root .theme-app6 .dark .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(234, 128, 252, 0.3); } :root .theme-app6 .dark .mat-tab-group.mat-primary .mat-ink-bar, :root .theme-app6 .dark .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #e040fb; } :root .theme-app6 .dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app6 .dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, :root .theme-app6 .dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app6 .dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: white; } :root .theme-app6 .dark .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(234, 128, 252, 0.3); } :root .theme-app6 .dark .mat-tab-group.mat-accent .mat-ink-bar, :root .theme-app6 .dark .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #e040fb; } :root .theme-app6 .dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app6 .dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, :root .theme-app6 .dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app6 .dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: white; } :root .theme-app6 .dark .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app6 .dark .mat-tab-group.mat-warn .mat-ink-bar, :root .theme-app6 .dark .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #ff5722; } :root .theme-app6 .dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app6 .dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, :root .theme-app6 .dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app6 .dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: white; } :root .theme-app6 .dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(234, 128, 252, 0.3); } :root .theme-app6 .dark .mat-tab-group.mat-background-primary > .mat-tab-header, :root .theme-app6 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container, :root .theme-app6 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #e040fb; } :root .theme-app6 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app6 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: white; } :root .theme-app6 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app6 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } :root .theme-app6 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app6 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app6 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app6 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: white; } :root .theme-app6 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app6 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } :root .theme-app6 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app6 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app6 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } :root .theme-app6 .dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(234, 128, 252, 0.3); } :root .theme-app6 .dark .mat-tab-group.mat-background-accent > .mat-tab-header, :root .theme-app6 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container, :root .theme-app6 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #e040fb; } :root .theme-app6 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app6 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: white; } :root .theme-app6 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app6 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } :root .theme-app6 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app6 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app6 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app6 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: white; } :root .theme-app6 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app6 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } :root .theme-app6 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app6 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app6 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } :root .theme-app6 .dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app6 .dark .mat-tab-group.mat-background-warn > .mat-tab-header, :root .theme-app6 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container, :root .theme-app6 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #ff5722; } :root .theme-app6 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app6 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: white; } :root .theme-app6 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app6 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } :root .theme-app6 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app6 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app6 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app6 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: white; } :root .theme-app6 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app6 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } :root .theme-app6 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app6 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app6 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app6 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } :root .theme-app6 .dark .mat-toolbar { background: #212121; color: white; } :root .theme-app6 .dark .mat-toolbar.mat-primary { background: #e040fb; color: white; } :root .theme-app6 .dark .mat-toolbar.mat-accent { background: #e040fb; color: white; } :root .theme-app6 .dark .mat-toolbar.mat-warn { background: #ff5722; color: white; } :root .theme-app6 .dark .mat-toolbar .mat-form-field-underline, :root .theme-app6 .dark .mat-toolbar .mat-form-field-ripple, :root .theme-app6 .dark .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } :root .theme-app6 .dark .mat-toolbar .mat-form-field-label, :root .theme-app6 .dark .mat-toolbar .mat-focused .mat-form-field-label, :root .theme-app6 .dark .mat-toolbar .mat-select-value, :root .theme-app6 .dark .mat-toolbar .mat-select-arrow, :root .theme-app6 .dark .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } :root .theme-app6 .dark .mat-toolbar .mat-input-element { caret-color: currentColor; } :root .theme-app6 .dark .mat-tooltip { background: rgba(97, 97, 97, 0.9); } :root .theme-app6 .dark .mat-tree { background: #424242; } :root .theme-app6 .dark .mat-tree-node, :root .theme-app6 .dark .mat-nested-tree-node { color: white; } :root .theme-app6 .dark .mat-snack-bar-container { color: rgba(0, 0, 0, 0.87); background: #fafafa; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .dark .mat-simple-snackbar-action { color: inherit; } :root .theme-app6 .light { --primary: rgb(253, 253, 253); --secondary: #C7C7CC; --secondaryBase: #fff; --accent: #A211FF; --secondaryDark: rgb(42, 53, 68); --accentLight: rgba(255, 255, 255, 0.15); --accentBackground:rgba(255, 255, 255, 0.05); --accentDark: rgb(106, 43, 39); --borderColor: rgba(233,236,239, 0.8); --accentHover: rgba(255,70,64, 0.1); --iconColor: #5aa1bf; --primaryText: #73777c; --secondaryText: #8E8E93; --accentText: #A211FF; --secondaryBaseText: #EFEFF4; --accentLightText: #2D3035; --accentDarkText: #00000; --ion-background-color: var(--primary); } :root .theme-app6 .light .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app6 .light .mat-option { color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-option:hover:not(.mat-option-disabled), :root .theme-app6 .light .mat-option:focus:not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } :root .theme-app6 .light .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } :root .theme-app6 .light .mat-option.mat-active { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-option.mat-option-disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app6 .light .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #ce93d8; } :root .theme-app6 .light .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #ce93d8; } :root .theme-app6 .light .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #ffab91; } :root .theme-app6 .light .mat-optgroup-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app6 .light .mat-optgroup-disabled .mat-optgroup-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app6 .light .mat-pseudo-checkbox { color: rgba(0, 0, 0, 0.54); } :root .theme-app6 .light .mat-pseudo-checkbox::after { color: #fafafa; } :root .theme-app6 .light .mat-pseudo-checkbox-disabled { color: #b0b0b0; } :root .theme-app6 .light .mat-primary .mat-pseudo-checkbox-checked, :root .theme-app6 .light .mat-primary .mat-pseudo-checkbox-indeterminate { background: #ce93d8; } :root .theme-app6 .light .mat-pseudo-checkbox-checked, :root .theme-app6 .light .mat-pseudo-checkbox-indeterminate, :root .theme-app6 .light .mat-accent .mat-pseudo-checkbox-checked, :root .theme-app6 .light .mat-accent .mat-pseudo-checkbox-indeterminate { background: #ce93d8; } :root .theme-app6 .light .mat-warn .mat-pseudo-checkbox-checked, :root .theme-app6 .light .mat-warn .mat-pseudo-checkbox-indeterminate { background: #ffab91; } :root .theme-app6 .light .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, :root .theme-app6 .light .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #b0b0b0; } :root .theme-app6 .light .mat-app-background, :root .theme-app6 .light.mat-app-background { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } :root .theme-app6 .light .mat-autocomplete-panel { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: white; } :root .theme-app6 .light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-badge { position: relative; } :root .theme-app6 .light .mat-badge.mat-badge { overflow: visible; } :root .theme-app6 .light .mat-badge-hidden .mat-badge-content { display: none; } :root .theme-app6 .light .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } :root .theme-app6 .light .ng-animate-disabled .mat-badge-content, :root .theme-app6 .light .mat-badge-content._mat-animation-noopable { transition: none; } :root .theme-app6 .light .mat-badge-content.mat-badge-active { transform: none; } :root .theme-app6 .light .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } :root .theme-app6 .light .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } :root .theme-app6 .light .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } :root .theme-app6 .light .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] :root .theme-app6 .light .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } :root .theme-app6 .light .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] :root .theme-app6 .light .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } :root .theme-app6 .light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] :root .theme-app6 .light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } :root .theme-app6 .light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] :root .theme-app6 .light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } :root .theme-app6 .light .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } :root .theme-app6 .light .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } :root .theme-app6 .light .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } :root .theme-app6 .light .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] :root .theme-app6 .light .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } :root .theme-app6 .light .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] :root .theme-app6 .light .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } :root .theme-app6 .light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] :root .theme-app6 .light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } :root .theme-app6 .light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] :root .theme-app6 .light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } :root .theme-app6 .light .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } :root .theme-app6 .light .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } :root .theme-app6 .light .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } :root .theme-app6 .light .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] :root .theme-app6 .light .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } :root .theme-app6 .light .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] :root .theme-app6 .light .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } :root .theme-app6 .light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] :root .theme-app6 .light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } :root .theme-app6 .light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] :root .theme-app6 .light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } :root .theme-app6 .light .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #ce93d8; } .cdk-high-contrast-active :root .theme-app6 .light .mat-badge-content { outline: solid 1px; border-radius: 0; } :root .theme-app6 .light .mat-badge-accent .mat-badge-content { background: #ce93d8; color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-badge-warn .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #ffab91; } :root .theme-app6 .light .mat-badge-disabled .mat-badge-content { background: #b9b9b9; color: rgba(0, 0, 0, 0.38); } :root .theme-app6 .light .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-button, :root .theme-app6 .light .mat-icon-button, :root .theme-app6 .light .mat-stroked-button { color: inherit; background: transparent; } :root .theme-app6 .light .mat-button.mat-primary, :root .theme-app6 .light .mat-icon-button.mat-primary, :root .theme-app6 .light .mat-stroked-button.mat-primary { color: #ce93d8; } :root .theme-app6 .light .mat-button.mat-accent, :root .theme-app6 .light .mat-icon-button.mat-accent, :root .theme-app6 .light .mat-stroked-button.mat-accent { color: #ce93d8; } :root .theme-app6 .light .mat-button.mat-warn, :root .theme-app6 .light .mat-icon-button.mat-warn, :root .theme-app6 .light .mat-stroked-button.mat-warn { color: #ffab91; } :root .theme-app6 .light .mat-button.mat-primary.mat-button-disabled, :root .theme-app6 .light .mat-button.mat-accent.mat-button-disabled, :root .theme-app6 .light .mat-button.mat-warn.mat-button-disabled, :root .theme-app6 .light .mat-button.mat-button-disabled.mat-button-disabled, :root .theme-app6 .light .mat-icon-button.mat-primary.mat-button-disabled, :root .theme-app6 .light .mat-icon-button.mat-accent.mat-button-disabled, :root .theme-app6 .light .mat-icon-button.mat-warn.mat-button-disabled, :root .theme-app6 .light .mat-icon-button.mat-button-disabled.mat-button-disabled, :root .theme-app6 .light .mat-stroked-button.mat-primary.mat-button-disabled, :root .theme-app6 .light .mat-stroked-button.mat-accent.mat-button-disabled, :root .theme-app6 .light .mat-stroked-button.mat-warn.mat-button-disabled, :root .theme-app6 .light .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } :root .theme-app6 .light .mat-button.mat-primary .mat-button-focus-overlay, :root .theme-app6 .light .mat-icon-button.mat-primary .mat-button-focus-overlay, :root .theme-app6 .light .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #ce93d8; } :root .theme-app6 .light .mat-button.mat-accent .mat-button-focus-overlay, :root .theme-app6 .light .mat-icon-button.mat-accent .mat-button-focus-overlay, :root .theme-app6 .light .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #ce93d8; } :root .theme-app6 .light .mat-button.mat-warn .mat-button-focus-overlay, :root .theme-app6 .light .mat-icon-button.mat-warn .mat-button-focus-overlay, :root .theme-app6 .light .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #ffab91; } :root .theme-app6 .light .mat-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app6 .light .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app6 .light .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } :root .theme-app6 .light .mat-button .mat-ripple-element, :root .theme-app6 .light .mat-icon-button .mat-ripple-element, :root .theme-app6 .light .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } :root .theme-app6 .light .mat-button-focus-overlay { background: black; } :root .theme-app6 .light .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-flat-button, :root .theme-app6 .light .mat-raised-button, :root .theme-app6 .light .mat-fab, :root .theme-app6 .light .mat-mini-fab { color: rgba(0, 0, 0, 0.87); background-color: white; } :root .theme-app6 .light .mat-flat-button.mat-primary, :root .theme-app6 .light .mat-raised-button.mat-primary, :root .theme-app6 .light .mat-fab.mat-primary, :root .theme-app6 .light .mat-mini-fab.mat-primary { color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-flat-button.mat-accent, :root .theme-app6 .light .mat-raised-button.mat-accent, :root .theme-app6 .light .mat-fab.mat-accent, :root .theme-app6 .light .mat-mini-fab.mat-accent { color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-flat-button.mat-warn, :root .theme-app6 .light .mat-raised-button.mat-warn, :root .theme-app6 .light .mat-fab.mat-warn, :root .theme-app6 .light .mat-mini-fab.mat-warn { color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app6 .light .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app6 .light .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app6 .light .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app6 .light .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app6 .light .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app6 .light .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app6 .light .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app6 .light .mat-fab.mat-primary.mat-button-disabled, :root .theme-app6 .light .mat-fab.mat-accent.mat-button-disabled, :root .theme-app6 .light .mat-fab.mat-warn.mat-button-disabled, :root .theme-app6 .light .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app6 .light .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app6 .light .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app6 .light .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app6 .light .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } :root .theme-app6 .light .mat-flat-button.mat-primary, :root .theme-app6 .light .mat-raised-button.mat-primary, :root .theme-app6 .light .mat-fab.mat-primary, :root .theme-app6 .light .mat-mini-fab.mat-primary { background-color: #ce93d8; } :root .theme-app6 .light .mat-flat-button.mat-accent, :root .theme-app6 .light .mat-raised-button.mat-accent, :root .theme-app6 .light .mat-fab.mat-accent, :root .theme-app6 .light .mat-mini-fab.mat-accent { background-color: #ce93d8; } :root .theme-app6 .light .mat-flat-button.mat-warn, :root .theme-app6 .light .mat-raised-button.mat-warn, :root .theme-app6 .light .mat-fab.mat-warn, :root .theme-app6 .light .mat-mini-fab.mat-warn { background-color: #ffab91; } :root .theme-app6 .light .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app6 .light .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app6 .light .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app6 .light .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app6 .light .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app6 .light .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app6 .light .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app6 .light .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app6 .light .mat-fab.mat-primary.mat-button-disabled, :root .theme-app6 .light .mat-fab.mat-accent.mat-button-disabled, :root .theme-app6 .light .mat-fab.mat-warn.mat-button-disabled, :root .theme-app6 .light .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app6 .light .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app6 .light .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app6 .light .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app6 .light .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-flat-button.mat-primary .mat-ripple-element, :root .theme-app6 .light .mat-raised-button.mat-primary .mat-ripple-element, :root .theme-app6 .light .mat-fab.mat-primary .mat-ripple-element, :root .theme-app6 .light .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app6 .light .mat-flat-button.mat-accent .mat-ripple-element, :root .theme-app6 .light .mat-raised-button.mat-accent .mat-ripple-element, :root .theme-app6 .light .mat-fab.mat-accent .mat-ripple-element, :root .theme-app6 .light .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app6 .light .mat-flat-button.mat-warn .mat-ripple-element, :root .theme-app6 .light .mat-raised-button.mat-warn .mat-ripple-element, :root .theme-app6 .light .mat-fab.mat-warn .mat-ripple-element, :root .theme-app6 .light .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app6 .light .mat-stroked-button:not([class*=mat-elevation-z]), :root .theme-app6 .light .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-fab:not([class*=mat-elevation-z]), :root .theme-app6 .light .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), :root .theme-app6 .light .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), :root .theme-app6 .light .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-button-toggle-standalone:not([class*=mat-elevation-z]), :root .theme-app6 .light .mat-button-toggle-group:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), :root .theme-app6 .light .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) { box-shadow: none; } :root .theme-app6 .light .mat-button-toggle { color: rgba(0, 0, 0, 0.38); } :root .theme-app6 .light .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); background: white; } :root .theme-app6 .light .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: black; } :root .theme-app6 .light .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px #e0e0e0; } :root .theme-app6 .light [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px #e0e0e0; } :root .theme-app6 .light .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px #e0e0e0; } :root .theme-app6 .light .mat-button-toggle-checked { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.54); } :root .theme-app6 .light .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-button-toggle-disabled { color: rgba(0, 0, 0, 0.26); background-color: #eeeeee; } :root .theme-app6 .light .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: white; } :root .theme-app6 .light .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #bdbdbd; } :root .theme-app6 .light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, :root .theme-app6 .light .mat-button-toggle-group-appearance-standard { border: solid 1px #e0e0e0; } :root .theme-app6 .light .mat-card { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-card-subtitle { color: rgba(0, 0, 0, 0.54); } :root .theme-app6 .light .mat-checkbox-frame { border-color: rgba(0, 0, 0, 0.54); } :root .theme-app6 .light .mat-checkbox-checkmark { fill: #fafafa; } :root .theme-app6 .light .mat-checkbox-checkmark-path { stroke: #fafafa !important; } :root .theme-app6 .light .mat-checkbox-mixedmark { background-color: #fafafa; } :root .theme-app6 .light .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, :root .theme-app6 .light .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #ce93d8; } :root .theme-app6 .light .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, :root .theme-app6 .light .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #ce93d8; } :root .theme-app6 .light .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, :root .theme-app6 .light .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #ffab91; } :root .theme-app6 .light .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, :root .theme-app6 .light .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #b0b0b0; } :root .theme-app6 .light .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #b0b0b0; } :root .theme-app6 .light .mat-checkbox-disabled .mat-checkbox-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app6 .light .mat-checkbox .mat-ripple-element { background-color: black; } :root .theme-app6 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, :root .theme-app6 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #ce93d8; } :root .theme-app6 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, :root .theme-app6 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #ce93d8; } :root .theme-app6 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, :root .theme-app6 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #ffab91; } :root .theme-app6 .light .mat-chip.mat-standard-chip { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-chip.mat-standard-chip .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app6 .light .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } :root .theme-app6 .light .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } :root .theme-app6 .light .mat-chip.mat-standard-chip::after { background: black; } :root .theme-app6 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #ce93d8; color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app6 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app6 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app6 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app6 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #ce93d8; color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app6 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app6 .light .mat-table { background: white; } :root .theme-app6 .light .mat-table thead, :root .theme-app6 .light .mat-table tbody, :root .theme-app6 .light .mat-table tfoot, :root .theme-app6 .light mat-header-row, :root .theme-app6 .light mat-row, :root .theme-app6 .light mat-footer-row, :root .theme-app6 .light [mat-header-row], :root .theme-app6 .light [mat-row], :root .theme-app6 .light [mat-footer-row], :root .theme-app6 .light .mat-table-sticky { background: inherit; } :root .theme-app6 .light mat-row, :root .theme-app6 .light mat-header-row, :root .theme-app6 .light mat-footer-row, :root .theme-app6 .light th.mat-header-cell, :root .theme-app6 .light td.mat-cell, :root .theme-app6 .light td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-header-cell { color: rgba(0, 0, 0, 0.54); } :root .theme-app6 .light .mat-cell, :root .theme-app6 .light .mat-footer-cell { color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-calendar-arrow { fill: rgba(0, 0, 0, 0.54); } :root .theme-app6 .light .mat-datepicker-toggle, :root .theme-app6 .light .mat-datepicker-content .mat-calendar-next-button, :root .theme-app6 .light .mat-datepicker-content .mat-calendar-previous-button { color: rgba(0, 0, 0, 0.54); } :root .theme-app6 .light .mat-calendar-table-header-divider::after { background: rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-calendar-table-header, :root .theme-app6 .light .mat-calendar-body-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app6 .light .mat-calendar-body-cell-content, :root .theme-app6 .light .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.87); border-color: transparent; } :root .theme-app6 .light .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(0, 0, 0, 0.38); } :root .theme-app6 .light .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.38); } :root .theme-app6 .light .mat-calendar-body-in-preview { color: rgba(0, 0, 0, 0.24); } :root .theme-app6 .light .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app6 .light .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.18); } :root .theme-app6 .light .mat-calendar-body-in-range::before { background: rgba(206, 147, 216, 0.2); } :root .theme-app6 .light .mat-calendar-body-comparison-identical, :root .theme-app6 .light .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app6 .light .mat-calendar-body-comparison-bridge-start::before, :root .theme-app6 .light [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(206, 147, 216, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app6 .light .mat-calendar-body-comparison-bridge-end::before, :root .theme-app6 .light [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(206, 147, 216, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app6 .light .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app6 .light .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app6 .light .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app6 .light .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app6 .light .mat-calendar-body-selected { background-color: #ce93d8; color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(206, 147, 216, 0.4); } :root .theme-app6 .light .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app6 .light .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(206, 147, 216, 0.3); } @media (hover: hover) { :root .theme-app6 .light .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(206, 147, 216, 0.3); } } :root .theme-app6 .light .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(206, 147, 216, 0.2); } :root .theme-app6 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, :root .theme-app6 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app6 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, :root .theme-app6 .light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(206, 147, 216, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app6 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, :root .theme-app6 .light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(206, 147, 216, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app6 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app6 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app6 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app6 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app6 .light .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #ce93d8; color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(206, 147, 216, 0.4); } :root .theme-app6 .light .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app6 .light .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(206, 147, 216, 0.3); } @media (hover: hover) { :root .theme-app6 .light .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(206, 147, 216, 0.3); } } :root .theme-app6 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(255, 171, 145, 0.2); } :root .theme-app6 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, :root .theme-app6 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app6 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, :root .theme-app6 .light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 171, 145, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app6 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, :root .theme-app6 .light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 171, 145, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app6 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app6 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app6 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app6 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app6 .light .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 171, 145, 0.4); } :root .theme-app6 .light .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app6 .light .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 171, 145, 0.3); } @media (hover: hover) { :root .theme-app6 .light .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 171, 145, 0.3); } } :root .theme-app6 .light .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-datepicker-toggle-active { color: #ce93d8; } :root .theme-app6 .light .mat-datepicker-toggle-active.mat-accent { color: #ce93d8; } :root .theme-app6 .light .mat-datepicker-toggle-active.mat-warn { color: #ffab91; } :root .theme-app6 .light .mat-date-range-input-inner[disabled] { color: rgba(0, 0, 0, 0.38); } :root .theme-app6 .light .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-divider { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-divider-vertical { border-right-color: rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-expansion-panel { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-action-row { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), :root .theme-app6 .light .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), :root .theme-app6 .light .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(0, 0, 0, 0.04); } @media (hover: none) { :root .theme-app6 .light .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: white; } } :root .theme-app6 .light .mat-expansion-panel-header-title { color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-expansion-panel-header-description, :root .theme-app6 .light .mat-expansion-indicator::after { color: rgba(0, 0, 0, 0.54); } :root .theme-app6 .light .mat-expansion-panel-header[aria-disabled=true] { color: rgba(0, 0, 0, 0.26); } :root .theme-app6 .light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, :root .theme-app6 .light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } :root .theme-app6 .light .mat-form-field-label { color: rgba(0, 0, 0, 0.6); } :root .theme-app6 .light .mat-hint { color: rgba(0, 0, 0, 0.6); } :root .theme-app6 .light .mat-form-field.mat-focused .mat-form-field-label { color: #ce93d8; } :root .theme-app6 .light .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #ce93d8; } :root .theme-app6 .light .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #ffab91; } :root .theme-app6 .light .mat-focused .mat-form-field-required-marker { color: #ce93d8; } :root .theme-app6 .light .mat-form-field-ripple { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #ce93d8; } :root .theme-app6 .light .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #ce93d8; } :root .theme-app6 .light .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #ffab91; } :root .theme-app6 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #ce93d8; } :root .theme-app6 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #ce93d8; } :root .theme-app6 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #ffab91; } :root .theme-app6 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #ffab91; } :root .theme-app6 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, :root .theme-app6 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #ffab91; } :root .theme-app6 .light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, :root .theme-app6 .light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #ffab91; } :root .theme-app6 .light .mat-error { color: #ffab91; } :root .theme-app6 .light .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app6 .light .mat-form-field-appearance-legacy .mat-hint { color: rgba(0, 0, 0, 0.54); } :root .theme-app6 .light .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app6 .light .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app6 .light .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app6 .light .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app6 .light .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.04); } :root .theme-app6 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.02); } :root .theme-app6 .light .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app6 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app6 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } :root .theme-app6 .light .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #ce93d8; } :root .theme-app6 .light .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #ce93d8; } :root .theme-app6 .light .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #ffab91; } :root .theme-app6 .light .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #ffab91; } :root .theme-app6 .light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app6 .light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(0, 0, 0, 0.06); } :root .theme-app6 .light .mat-icon.mat-primary { color: #ce93d8; } :root .theme-app6 .light .mat-icon.mat-accent { color: #ce93d8; } :root .theme-app6 .light .mat-icon.mat-warn { color: #ffab91; } :root .theme-app6 .light .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.54); } :root .theme-app6 .light .mat-input-element:disabled, :root .theme-app6 .light .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.38); } :root .theme-app6 .light .mat-input-element { caret-color: #ce93d8; } :root .theme-app6 .light .mat-input-element::placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app6 .light .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app6 .light .mat-input-element::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app6 .light .mat-input-element:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app6 .light .mat-form-field.mat-accent .mat-input-element { caret-color: #ce93d8; } :root .theme-app6 .light .mat-form-field.mat-warn .mat-input-element, :root .theme-app6 .light .mat-form-field-invalid .mat-input-element { caret-color: #ffab91; } :root .theme-app6 .light .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #ffab91; } :root .theme-app6 .light .mat-list-base .mat-list-item { color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-list-base .mat-list-option { color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-list-base .mat-subheader { color: rgba(0, 0, 0, 0.54); } :root .theme-app6 .light .mat-list-base .mat-list-item-disabled { background-color: #eeeeee; color: rgba(0, 0, 0, 0.38); } :root .theme-app6 .light .mat-list-option:hover, :root .theme-app6 .light .mat-list-option:focus, :root .theme-app6 .light .mat-nav-list .mat-list-item:hover, :root .theme-app6 .light .mat-nav-list .mat-list-item:focus, :root .theme-app6 .light .mat-action-list .mat-list-item:hover, :root .theme-app6 .light .mat-action-list .mat-list-item:focus { background: rgba(0, 0, 0, 0.04); } :root .theme-app6 .light .mat-list-single-selected-option, :root .theme-app6 .light .mat-list-single-selected-option:hover, :root .theme-app6 .light .mat-list-single-selected-option:focus { background: rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-menu-panel { background: white; } :root .theme-app6 .light .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-menu-item { background: transparent; color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-menu-item[disabled], :root .theme-app6 .light .mat-menu-item[disabled] .mat-menu-submenu-icon, :root .theme-app6 .light .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(0, 0, 0, 0.38); } :root .theme-app6 .light .mat-menu-item .mat-icon-no-color, :root .theme-app6 .light .mat-menu-submenu-icon { color: rgba(0, 0, 0, 0.54); } :root .theme-app6 .light .mat-menu-item:hover:not([disabled]), :root .theme-app6 .light .mat-menu-item.cdk-program-focused:not([disabled]), :root .theme-app6 .light .mat-menu-item.cdk-keyboard-focused:not([disabled]), :root .theme-app6 .light .mat-menu-item-highlighted:not([disabled]) { background: rgba(0, 0, 0, 0.04); } :root .theme-app6 .light .mat-paginator { background: white; } :root .theme-app6 .light .mat-paginator, :root .theme-app6 .light .mat-paginator-page-size .mat-select-trigger { color: rgba(0, 0, 0, 0.54); } :root .theme-app6 .light .mat-paginator-decrement, :root .theme-app6 .light .mat-paginator-increment { border-top: 2px solid rgba(0, 0, 0, 0.54); border-right: 2px solid rgba(0, 0, 0, 0.54); } :root .theme-app6 .light .mat-paginator-first, :root .theme-app6 .light .mat-paginator-last { border-top: 2px solid rgba(0, 0, 0, 0.54); } :root .theme-app6 .light .mat-icon-button[disabled] .mat-paginator-decrement, :root .theme-app6 .light .mat-icon-button[disabled] .mat-paginator-increment, :root .theme-app6 .light .mat-icon-button[disabled] .mat-paginator-first, :root .theme-app6 .light .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app6 .light .mat-progress-bar-background { fill: #efe0f2; } :root .theme-app6 .light .mat-progress-bar-buffer { background-color: #efe0f2; } :root .theme-app6 .light .mat-progress-bar-fill::after { background-color: #ce93d8; } :root .theme-app6 .light .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #efe0f2; } :root .theme-app6 .light .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #efe0f2; } :root .theme-app6 .light .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #ce93d8; } :root .theme-app6 .light .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #fbe6e0; } :root .theme-app6 .light .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #fbe6e0; } :root .theme-app6 .light .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #ffab91; } :root .theme-app6 .light .mat-progress-spinner circle, :root .theme-app6 .light .mat-spinner circle { stroke: #ce93d8; } :root .theme-app6 .light .mat-progress-spinner.mat-accent circle, :root .theme-app6 .light .mat-spinner.mat-accent circle { stroke: #ce93d8; } :root .theme-app6 .light .mat-progress-spinner.mat-warn circle, :root .theme-app6 .light .mat-spinner.mat-warn circle { stroke: #ffab91; } :root .theme-app6 .light .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.54); } :root .theme-app6 .light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #ce93d8; } :root .theme-app6 .light .mat-radio-button.mat-primary .mat-radio-inner-circle, :root .theme-app6 .light .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app6 .light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app6 .light .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #ce93d8; } :root .theme-app6 .light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #ce93d8; } :root .theme-app6 .light .mat-radio-button.mat-accent .mat-radio-inner-circle, :root .theme-app6 .light .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app6 .light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app6 .light .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #ce93d8; } :root .theme-app6 .light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #ffab91; } :root .theme-app6 .light .mat-radio-button.mat-warn .mat-radio-inner-circle, :root .theme-app6 .light .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app6 .light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app6 .light .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #ffab91; } :root .theme-app6 .light .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, :root .theme-app6 .light .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app6 .light .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, :root .theme-app6 .light .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app6 .light .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(0, 0, 0, 0.38); } :root .theme-app6 .light .mat-radio-button .mat-ripple-element { background-color: black; } :root .theme-app6 .light .mat-select-value { color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-select-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app6 .light .mat-select-disabled .mat-select-value { color: rgba(0, 0, 0, 0.38); } :root .theme-app6 .light .mat-select-arrow { color: rgba(0, 0, 0, 0.54); } :root .theme-app6 .light .mat-select-panel { background: white; } :root .theme-app6 .light .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #ce93d8; } :root .theme-app6 .light .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #ce93d8; } :root .theme-app6 .light .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #ffab91; } :root .theme-app6 .light .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #ffab91; } :root .theme-app6 .light .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(0, 0, 0, 0.38); } :root .theme-app6 .light .mat-drawer-container { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-drawer { background-color: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-drawer.mat-drawer-push { background-color: white; } :root .theme-app6 .light .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-drawer-side { border-right: solid 1px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } :root .theme-app6 .light [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } :root .theme-app6 .light [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(0, 0, 0, 0.6); } :root .theme-app6 .light .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #ce93d8; } :root .theme-app6 .light .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(206, 147, 216, 0.54); } :root .theme-app6 .light .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #ce93d8; } :root .theme-app6 .light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #ce93d8; } :root .theme-app6 .light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(206, 147, 216, 0.54); } :root .theme-app6 .light .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #ce93d8; } :root .theme-app6 .light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #ffab91; } :root .theme-app6 .light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 171, 145, 0.54); } :root .theme-app6 .light .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #ffab91; } :root .theme-app6 .light .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: black; } :root .theme-app6 .light .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #fafafa; } :root .theme-app6 .light .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app6 .light .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app6 .light .mat-slider.mat-primary .mat-slider-track-fill, :root .theme-app6 .light .mat-slider.mat-primary .mat-slider-thumb, :root .theme-app6 .light .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #ce93d8; } :root .theme-app6 .light .mat-slider.mat-primary .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-slider.mat-primary .mat-slider-focus-ring { background-color: rgba(206, 147, 216, 0.2); } :root .theme-app6 .light .mat-slider.mat-accent .mat-slider-track-fill, :root .theme-app6 .light .mat-slider.mat-accent .mat-slider-thumb, :root .theme-app6 .light .mat-slider.mat-accent .mat-slider-thumb-label { background-color: #ce93d8; } :root .theme-app6 .light .mat-slider.mat-accent .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(206, 147, 216, 0.2); } :root .theme-app6 .light .mat-slider.mat-warn .mat-slider-track-fill, :root .theme-app6 .light .mat-slider.mat-warn .mat-slider-thumb, :root .theme-app6 .light .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #ffab91; } :root .theme-app6 .light .mat-slider.mat-warn .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(255, 171, 145, 0.2); } :root .theme-app6 .light .mat-slider:hover .mat-slider-track-background, :root .theme-app6 .light .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app6 .light .mat-slider.mat-slider-disabled .mat-slider-track-background, :root .theme-app6 .light .mat-slider.mat-slider-disabled .mat-slider-track-fill, :root .theme-app6 .light .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app6 .light .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app6 .light .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, :root .theme-app6 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, :root .theme-app6 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app6 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); background-color: transparent; } :root .theme-app6 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, :root .theme-app6 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app6 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, :root .theme-app6 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); } :root .theme-app6 .light .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(0, 0, 0, 0.7); } :root .theme-app6 .light .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } :root .theme-app6 .light .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } :root .theme-app6 .light .mat-step-header.cdk-keyboard-focused, :root .theme-app6 .light .mat-step-header.cdk-program-focused, :root .theme-app6 .light .mat-step-header:hover:not([aria-disabled]), :root .theme-app6 .light .mat-step-header:hover[aria-disabled=false] { background-color: rgba(0, 0, 0, 0.04); } :root .theme-app6 .light .mat-step-header:hover[aria-disabled=true] { cursor: default; } @media (hover: none) { :root .theme-app6 .light .mat-step-header:hover { background: none; } } :root .theme-app6 .light .mat-step-header .mat-step-label, :root .theme-app6 .light .mat-step-header .mat-step-optional { color: rgba(0, 0, 0, 0.54); } :root .theme-app6 .light .mat-step-header .mat-step-icon { background-color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-step-header .mat-step-icon-selected, :root .theme-app6 .light .mat-step-header .mat-step-icon-state-done, :root .theme-app6 .light .mat-step-header .mat-step-icon-state-edit { background-color: #ce93d8; color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-step-header.mat-accent .mat-step-icon { color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-step-header.mat-accent .mat-step-icon-selected, :root .theme-app6 .light .mat-step-header.mat-accent .mat-step-icon-state-done, :root .theme-app6 .light .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #ce93d8; color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-step-header.mat-warn .mat-step-icon { color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-step-header.mat-warn .mat-step-icon-selected, :root .theme-app6 .light .mat-step-header.mat-warn .mat-step-icon-state-done, :root .theme-app6 .light .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #ffab91; } :root .theme-app6 .light .mat-step-header .mat-step-label.mat-step-label-active { color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-step-header .mat-step-label.mat-step-label-error { color: #ffab91; } :root .theme-app6 .light .mat-stepper-horizontal, :root .theme-app6 .light .mat-stepper-vertical { background-color: white; } :root .theme-app6 .light .mat-stepper-vertical-line::before { border-left-color: rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-horizontal-stepper-header::before, :root .theme-app6 .light .mat-horizontal-stepper-header::after, :root .theme-app6 .light .mat-stepper-horizontal-line { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-sort-header-arrow { color: #757575; } :root .theme-app6 .light .mat-tab-nav-bar, :root .theme-app6 .light .mat-tab-header { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-tab-group-inverted-header .mat-tab-nav-bar, :root .theme-app6 .light .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: none; } :root .theme-app6 .light .mat-tab-label, :root .theme-app6 .light .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-tab-label.mat-tab-disabled, :root .theme-app6 .light .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app6 .light .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app6 .light .mat-tab-group[class*=mat-background-] > .mat-tab-header, :root .theme-app6 .light .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } :root .theme-app6 .light .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(156, 39, 176, 0.3); } :root .theme-app6 .light .mat-tab-group.mat-primary .mat-ink-bar, :root .theme-app6 .light .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #ce93d8; } :root .theme-app6 .light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app6 .light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, :root .theme-app6 .light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app6 .light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(225, 190, 231, 0.3); } :root .theme-app6 .light .mat-tab-group.mat-accent .mat-ink-bar, :root .theme-app6 .light .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #ce93d8; } :root .theme-app6 .light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app6 .light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, :root .theme-app6 .light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app6 .light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app6 .light .mat-tab-group.mat-warn .mat-ink-bar, :root .theme-app6 .light .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #ffab91; } :root .theme-app6 .light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app6 .light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, :root .theme-app6 .light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app6 .light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(156, 39, 176, 0.3); } :root .theme-app6 .light .mat-tab-group.mat-background-primary > .mat-tab-header, :root .theme-app6 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container, :root .theme-app6 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #ce93d8; } :root .theme-app6 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app6 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app6 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app6 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app6 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app6 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app6 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app6 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app6 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app6 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app6 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app6 .light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(225, 190, 231, 0.3); } :root .theme-app6 .light .mat-tab-group.mat-background-accent > .mat-tab-header, :root .theme-app6 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container, :root .theme-app6 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #ce93d8; } :root .theme-app6 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app6 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app6 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app6 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app6 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app6 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app6 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app6 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app6 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app6 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app6 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app6 .light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app6 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app6 .light .mat-tab-group.mat-background-warn > .mat-tab-header, :root .theme-app6 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container, :root .theme-app6 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #ffab91; } :root .theme-app6 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app6 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app6 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app6 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app6 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app6 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app6 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app6 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app6 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app6 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app6 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app6 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app6 .light .mat-toolbar { background: whitesmoke; color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-toolbar.mat-primary { background: #ce93d8; color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-toolbar.mat-accent { background: #ce93d8; color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-toolbar.mat-warn { background: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-toolbar .mat-form-field-underline, :root .theme-app6 .light .mat-toolbar .mat-form-field-ripple, :root .theme-app6 .light .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } :root .theme-app6 .light .mat-toolbar .mat-form-field-label, :root .theme-app6 .light .mat-toolbar .mat-focused .mat-form-field-label, :root .theme-app6 .light .mat-toolbar .mat-select-value, :root .theme-app6 .light .mat-toolbar .mat-select-arrow, :root .theme-app6 .light .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } :root .theme-app6 .light .mat-toolbar .mat-input-element { caret-color: currentColor; } :root .theme-app6 .light .mat-tooltip { background: rgba(97, 97, 97, 0.9); } :root .theme-app6 .light .mat-tree { background: white; } :root .theme-app6 .light .mat-tree-node, :root .theme-app6 .light .mat-nested-tree-node { color: rgba(0, 0, 0, 0.87); } :root .theme-app6 .light .mat-snack-bar-container { color: rgba(255, 255, 255, 0.7); background: #323232; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app6 .light .mat-simple-snackbar-action { color: #ce93d8; } :root .theme-app6 body { -webkit-user-select: text; user-select: text; } :root .theme-app6 ion-label { -webkit-user-select: text; user-select: text; } :root .theme-app6 ion-item { background-color: var(--ion-background-color); border-bottom: 1px solid var(--secondary); } :root .theme-app6 .file-button { margin: 20px; background: transparent !important; color: var(--primaryText); font-size: 17px !important; font-weight: 300 !important; height: 44px !important; } :root .theme-app6 .file-button::-webkit-file-upload-button { background: transparent !important; margin-right: 10px !important; color: var(--accent); border-width: 2px; border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; font-weight: 300 !important; height: 44px !important; box-shadow: none !important; border-radius: 8px !important; } :root .theme-app6 main-menu .item-inner { margin-left: 6px !important; } :root .theme-app6 ion-split-pane { --side-max-width: 280px; --side-min-width: 280px; } :root .theme-app6 #leftMenu { border-color: var(--borderColor) !important; background-color: var(--primary); } :root .theme-app6 .dark .menuLogo { margin-top: 15px; margin-bottom: 15px; background-image: url('logo-dark.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app6 .dark .menuLogoIos { margin-top: 55px; margin-bottom: 15px; background-image: url('logo-dark.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app6 .light .menuLogo { margin-top: 15px; margin-bottom: 15px; background-image: url('logo-light.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app6 .light .menuLogoIos { margin-top: 45px; margin-bottom: 15px; background-image: url('logo-light.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app6 .menuIcon { color: var(--iconColor) !important; } :root .theme-app6 .padded-divider { padding: 3px; margin-bottom: 10px; width: 100%; border-bottom: 3px solid var(--accent) !important; } :root .theme-app6 ion-radio { --color-checked: var(--accent); --color: var(--accent); width: 20px; height: 20px; } :root .theme-app6 ion-button { --background: var(--accentBackground); color: var(--accent); --border-width: 2px; --border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app6 .button-style { --background: var(--accentBackground); color: var(--accent); --border-width: 2px; --border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app6 .button-style:hover { cursor: pointer; } :root .theme-app6 .button-cancel { color: red; border: none !important; --border-width: 0px !important; } :root .theme-app6 .small-button { height: 20px; font-size: 10px !important; margin: 3px; color: var(--accent); } :root .theme-app6 .medium-button { height: 25px; font-size: 15px !important; margin-top: 10px; margin-bottom: 10px; color: var(--accent); } :root .theme-app6 .default-h1 { font-size: 24px; color: var(--primaryText); font-weight: 300; } :root .theme-app6 .default-h2 { font-size: 24px; color: var(--primaryText); font-weight: 300; } :root .theme-app6 .default-h3 { font-size: 22px; color: var(--primaryText); font-weight: 400; } :root .theme-app6 .default-h4 { font-size: 17px; color: var(--primaryText); font-weight: 300; } :root .theme-app6 .default-h5 { font-size: 15px; color: var(--primaryText); font-weight: 200; } :root .theme-app6 .default-h6 { font-size: 14px; color: var(--primaryText); font-weight: 100; } :root .theme-app6 .default-p { font-size: 14px; color: var(--primaryText); font-weight: 300; } :root .theme-app6 .default-small { font-size: 12px; color: var(--primaryText); font-weight: 1; } :root .theme-app6 ion-header { background-color: var(--primary); } :root .theme-app6 ion-header [class^=icon-]:before, :root .theme-app6 ion-header [class*=" icon-"]:before { width: auto !important; margin-left: 0 !important; } :root .theme-app6 ion-footer { background-color: var(--primary); } :root .theme-app6 .header-md::after { background-image: none !important; } :root .theme-app6 ion-toolbar { color: var(--accent); } :root .theme-app6 .toolbar { background-color: var(--primary); --background: var(--primary); } :root .theme-app6 .toolbar .toolbar-title { font-weight: 400; } :root .theme-app6 .toolbar ion-title { font-size: larger; } :root .theme-app6 .toolbar ion-title, :root .theme-app6 .toolbar ion-title-ios, :root .theme-app6 .toolbar ion-back-button, :root .theme-app6 .toolbar ion-butto, :root .theme-app6 .toolbar ion-icon, :root .theme-app6 .toolbar ion-menu-button { color: var(--accentText); } :root .theme-app6 .toolbar-icon { color: var(--accentText); } :root .theme-app6 .alert-controller-withTheme { overflow: hidden; --background:var(--primary); color: var(--primaryText) !important; } :root .theme-app6 .alert-controller-withTheme .alert-wrapper { border-radius: 15px !important; background: var(--primary); border-color: var(--accent) !important; } :root .theme-app6 .alert-controller-withTheme .alert-head .alert-title { color: var(--primaryText); } :root .theme-app6 .alert-controller-withTheme .alert-message { color: var(--primaryText); } :root .theme-app6 .alert-controller-withTheme .alert-message strong { color: var(--ion-color-danger); } :root .theme-app6 .alert-controller-withTheme .alert-button-group #cancel-button.alert-button .alert-button-inner { color: var(--secondaryText); } :root .theme-app6 .alert-controller-withTheme .alert-button-group #confirm-button.alert-button .alert-button-inner { font-weight: bold; color: var(--ion-color-danger); } :root .theme-app6 .alert-controller-withTheme .alert-button-group #confirm-button-good.alert-button .alert-button-inner { font-weight: bold; color: var(--primaryText); } :root .theme-app6 ion-input { border-radius: 10px !important; margin-top: 5px; margin-bottom: 5px; margin-left: 10px; margin-right: 10px; font-size: 0.9em; color: var(--primaryText); --background: rgba(219,219,219, .03) !important; /* height: 10%; */ /* width: 41%; */ } :root .theme-app6 .withTheme { border: 2px solid var(--borderColor); margin: 10px; padding: 0px !important; border-radius: 15px; overflow: hidden; color: var(--primaryText) !important; } :root .theme-app6 .withTheme ion-card-title, :root .theme-app6 .withTheme ion-card-content, :root .theme-app6 .withTheme ion-label, :root .theme-app6 .withTheme mat-list-item { color: var(--primaryText) !important; } :root .theme-app6 .withTheme span { color: var(--primaryText) !important; } :root .theme-app6 .withTheme ion-img { --border-radius: 8px; } :root .theme-app6 .withTheme ion-thumbnail { --border-radius: 8px; } :root .theme-app6 .withTheme ion-item:hover { border-left: 8px solid var(--borderColor); transition: border-width 0.1s ease-in-out; } :root .theme-app6 .withTheme ion-item.nohover:hover { border-left: none; } :root .theme-app6 .withTheme ion-card-subtitle { color: var(--secondaryText) !important; } :root .theme-app6 .withTheme div.small-distance { margin: 2px; color: var(--primaryText); border: 1px solid var(--borderColor); font-size: 10px; padding-top: 3px; padding-left: 5px; padding-right: 5px; border-radius: 7px; height: 20px; } :root .theme-app6 .withTheme .aligned-with-icon { position: relative; font-size: 8px; top: 11px; margin-left: -25px; /* optional */ margin-right: 8px; } :root .theme-app6 .thumbnail-rounded { border-radius: 6px !important; } :root .theme-app6 .leftMenuColor ion-icon { color: var(--accent); font-family: Montserrat, sans-serif; } :root .theme-app6 .leftMenuColor ion-label { color: var(--primaryText); font-family: Montserrat, sans-serif; font-weight: thin !important; } :root .theme-app6 .leftMenuColor ion-toggle { --background: #3c3e42; --background-checked: #3c3e42; --handle-background: var(--accent); --handle-background-checked: var(--accent); } :root .theme-app6 .floatInput ion-label { color: var(--primaryText); } :root .theme-app6 .floatInput ion-input { color: var(--primaryText); } :root .theme-app6 .breakline-space { margin: 10px; border: 1px solid var(--borderColor) !important; } :root .theme-app6 ion-badge { border-radius: 10px !important; padding: 10px 10px !important; margin: 10px; border: 1px solid var(--borderColor) !important; } :root .theme-app6 ion-badge.failure { border: 1px solid red !important; } :root .theme-app6 ion-badge.success { border: 1px solid white !important; } :root .theme-app6 .row-is-selected { background-color: rgba(211, 211, 211, 0.8); } :root .theme-app6 .alertClass { color: white; background-color: rgba(200, 200, 200, 0.2); } :root .theme-app6 .alertClass .alert-title { font-weight: bolder; } :root .theme-app6 .alertClassActionButton { border: white; border: 2px solid var(--borderColor); border-radius: 7px; } :root .theme-app6 .alert-sub-title.sc-ion-alert-md, :root .theme-app6 .alert-title.sc-ion-alert-md, :root .theme-app6 .alert-message, :root .theme-app6 .sc-ion-alert-md { color: #e0e0e0; } :root .theme-app6 .toastError { --background: red; --color: black; } :root .theme-app6 .custom-options { --placeholder-opacity: 1; color: var(--primaryText); --placeholder-color: var(--primaryText); } :root .theme-app6 .custom-options ion-select::part(text) { color: var(--primaryText); } :root .theme-app6 .custom-options .select-interface-option { --color: var(--primaryText); color: var(--primaryText); } :root .theme-app6 .primaryText { color: var(--primaryText); } :root .theme-app6 .selectClass { min-width: 70%; color: white !important; } :root .theme-app6 .selectClass ion-select { max-width: 70% !important; } :root .theme-app6 .selectClass .sc-ion-alert-md { color: white; } :root .theme-app6 .selectClass .alert-radio-inner.sc-ion-alert-md { background-color: white !important; } :root .theme-app6 .selectClass .alert-radio-label.sc-ion-alert-md { color: white; font-weight: bold; } :root .theme-app6 .selectClass .alert-button.alert-button-inner { color: white; } :root .theme-app6 .selectClass .popover-content { min-width: 90% !important; } :root .theme-app6 .dateRanger { color: var(--ion-color-danger); font-weight: bold; font-size: large; } :root .theme-app6 .eventFloater { color: white; font-weight: bold; padding: 10px; border-radius: 10px; font-size: large; background-color: var(--ion-color-danger); } :root .theme-app6 .chatContainer ion-card-subtitle { padding-top: 3px; } :root .theme-app6 .chatContainer::after { content: ""; clear: both; display: table; } :root .theme-app6 .chatMessageOtherUser { color: white; float: left; } :root .theme-app6 .chatMessageLoggedInUser { color: white; float: right; } :root .theme-app6 .chatUsername { font-weight: bolder; } :root .theme-app6 .ion-icon { color: var(--accentText); } :root .theme-app6 .numberCard ion-card-header { color: white !important; } :root .theme-app6 .numberCard ion-card-header ion-card-subtitle { color: white !important; font-weight: bold; font-size: 20px !important; } :root .theme-app6 .numberCard ion-card-header ion-card-subtitle ion-icon { font-size: 30px !important; color: var(--borderColor); } :root .theme-app6 .numberCard ion-card-header ion-card-title { color: var(--primary) !important; font-weight: bold; padding: 10px; background: var(--accent); border-radius: 10px; float: right; } :root .theme-app6 .numberCard ion-card-content ion-button { margin-top: 10px; } :root .theme-app6 .numberCard ion-card-content div.leftBound { margin-top: 10px; padding: 5px; border-left: 2px solid var(--borderColor); border-bottom: 2px solid var(--borderColor); border-bottom-left-radius: 10px; } :root .theme-app6 .numberCard ion-card-content div.leftBound:hover { border-left: 8px solid var(--borderColor); transition: border-width 0.1s ease-in-out; } :root .theme-app6 .qrCodeStyle { display: flex; align-items: center; justify-content: center; opacity: 1; } :root .theme-app6 .qrCodeStyle img { border-radius: 25px; } :root .theme-app6 .matt-tree-styling { background-color: transparent; padding-top: 20px; margin-top: 20px; } :root .theme-app6 .matt-tree-styling .tree-nested-node { padding-left: 30px; margin-left: 10px; padding-left: 40px; } :root .theme-app6 .matt-tree-styling mat-tree { margin-left: 40px !important; background-color: transparent; } :root .theme-app6 .matt-tree-styling .mat-tree-hover:hover { background-color: var(--accentHover) !important; border-radius: 5px; } :root .theme-app6 .matt-tree-styling .mat-tree-node { padding: 3px; background-color: transparent; } :root .theme-app6 .matt-tree-styling .mat-nested-tree-node { top: -24px !important; background-color: transparent; } :root .theme-app6 .matt-tree-styling ul, :root .theme-app6 .matt-tree-styling li { list-style: none; margin: 0; padding: 0; background-color: transparent; } :root .theme-app6 .matt-tree-styling li.tree-container { border-bottom: 0; background-color: transparent; } :root .theme-app6 .matt-tree-styling li { padding-left: 40px; border-left: 1px dotted grey !important; border-bottom: 1px dotted grey !important; border-bottom-left-radius: 10px; border-width: 0 0 1px 1px; position: relative; top: -24px; background-color: transparent; } :root .theme-app6 .matt-tree-styling li.mat-tree-node, :root .theme-app6 .matt-tree-styling li div { margin: 0; position: relative; top: 15px !important; background-color: transparent; } :root .theme-app6 .matt-tree-styling li ul { padding-right: 80px !important; background-color: transparent; } :root .theme-app6 .popover_style ion-backdrop { --backdrop-opacity: 0.9; } :root .theme-app6 .full-modal-cover { --border-radius: 15px; --min-height: 85% !important; --min-width: 85% !important; --padding:10px !important; } :root .theme-app6 .full-modal-cover .modal-wrapper { height: 30%; width: 90%; border-radius: 10px; } :root .theme-app6 .full-modal-cover-narrow { --border-radius: 15px; --min-height: 85% !important; --min-width: 450px !important; --padding:10px !important; } :root .theme-app6 .full-modal-cover-narrow .modal-wrapper { height: 30%; width: 90%; border-radius: 10px; } :root .theme-app6 .small-modal-cover .modal-wrapper { border-radius: 15px; padding: 10px; } :root .theme-app6 .no-background-modal .modal-wrapper { --min-height: 95% !important; --min-width: 75% !important; --background: rgba(46, 46, 46, 0); --border-style: none; --box-shadow:none; --border-radius:none; --border-style:none; --border-color:none; --border-width:0px; } :root .theme-app6 .small-no-background-modal .modal-wrapper { --background: rgba(46, 46, 46, 0) !important; --border-style: none !important; --box-shadow:none !important; --border-radius:none !important; --border-style:none !important; --border-color:none !important; --border-width:0px !important; } :root .theme-app6 .firmware-chain { font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app6 .fab-close { font-size: large !important; font-weight: bold !important; border-color: var(--accent) !important; border-radius: 18px !important; } :root .theme-app6 .fab-close:hover { background-color: var(--accent) !important; } :root .theme-app6 ::-webkit-scrollbar { width: 10px; } :root .theme-app6 ::-webkit-scrollbar-track { background: none; } :root .theme-app6 ::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 5px; } :root .theme-app6 ::-webkit-scrollbar-thumb:hover { background: #555; } :root .theme-app6 .deck-tooltip { border-radius: 7px; } :root .theme-app6 .map-control-panel { position: absolute; top: 0; left: 0; display: flex; } :root .theme-app6 .map-control-panel ion-card { margin: 20px; padding: 10px; border-radius: 10px; } :root .theme-app6 .map-control-panel ion-item { color: var(--primaryText); } :root .theme-app6 .map-control-panel ion-item ion-button { padding-top: 3px; padding-bottom: 3px; } :root .theme-app6 .map-control-panel ion-thumbnail { --border-radius: 5px; } :root .theme-app6 .map-control-panel .ion-label-title { font-weight: 500; } :root .theme-app6 .map-control-panel .ion-label-body { font-weight: lighter; } :root .theme-app6 .scanCheckBox { float: right; font-size: small; } :root .theme-app6 .scanCheckBox ion-checkbox { margin-left: 4px; margin-bottom: -4px; --border-color: var(--borderColor); --border-color-checked: var(--borderColor); --checkmark-color: var(--borderColor); } :root .theme-app6 .accentText { color: var(--accentText); } :root .theme-app6 a { color: var(--accentDarkText); } :root .theme-app6 .layerLabel { text-transform: capitalize; color: var(--primaryText); } :root .theme-app6 .mini-profile { border: 2px solid var(--borderColor); display: inline-block; color: var(--accentText) !important; margin: 10px; padding: 8 30px; height: 30px; font-size: 16px; line-height: 25px; border-radius: 25px; } :root .theme-app6 .mini-profile img { float: left; margin-left: 10px; height: 25px; background-color: white; border-radius: 50%; padding-top: 1px; padding-right: 2px; } :root .theme-app6 .searchbar-input { background: white !important; font-size: 1.25em !important; border: 1px solid transparent; border-radius: 10px !important; height: 30px !important; } :root .theme-app6 .searchbar-search-icon.sc-ion-searchbar-md { top: 6px; } :root .theme-app6 .sc-ion-searchbar-ios-h { padding-bottom: 0 !important; } :root .theme-app6 .badgeAsSelection { --background:var(--accent) !important; color: var(--secondaryBaseText); cursor: pointer; } :root .theme-app6 .badgeAsOptions { --background:none !important; color: var(--accentText); border: 2px solid var(--borderColor); cursor: pointer; } :root .theme-app6 .badgeAsOptions { --background:none !important; color: var(--accentText); border: 2px solid var(--borderColor); cursor: pointer; } :root .theme-app6 .clearOptions { --background:none !important; color: red !important; border: 1px solid red !important; cursor: pointer; } :root .theme-app6 .ng-star-inserted { color: var(--primaryText) !important; } :root .theme-app6 .apexcharts-xaxis-label { fill: var(--primaryText) !important; } :root .theme-app6 .apexcharts-xaxis text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app6 .apexcharts-yaxis-label { fill: var(--primaryText) !important; color: var(--primaryText) !important; } :root .theme-app6 .apexcharts-yaxis text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app6 .apexcharts-title-text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app6 .apexcharts-tooltip { background: #f3f3f3 !important; color: black !important; fill: black !important; } :root .theme-app6 .apexcharts-tooltip span { color: black !important; fill: black !important; } :root .theme-app6 .apexcharts-tooltip-text { color: black !important; fill: black !important; } :root .theme-app6 .apexcharts-tooltip-text-y-label { color: black !important; fill: black !important; } :root .theme-app6 .apexcharts-tooltip-y-group span { color: black !important; fill: black !important; } :root .theme-app6 .area-custom-gradient { fill: linear-gradient(to bottom, #FF5733, #FFCC00); } :root .theme-app6 ion-item-divider { border-color: var(--secondary); } :root .theme-app6 ion-item-divider ion-label { --border-color: var(--secondary) !important; /* Replace with your desired color */ border-color: var(--secondary); } :root .theme-app6 .btn-prev-next { border: 1px solid lightgray; background-color: transparent; color: var(--primaryText); width: 30px; font-size: large; } :root .theme-app6 ion-accordion-group ion-accordion .ion-accordion-toggle-icon { color: var(--primaryText); } :root .theme-app6 .device-status-box { border: 2px solid var(--secondary); /* Set the border color to your desired color */ box-shadow: none; /* Set the box shadow color */ } :root .theme-app6 .counts { color: var(--primaryText); text-align: center; } :root .theme-app6 gridster-item { background-color: var(--ion-background-color) !important; } :root .theme-app6 gridster { background-color: var(--ion-background-color) !important; } :root .theme-app6 ion-fab ion-fab-button { --background: var(--accent); color: white; } :root .theme-app6 #chart path.apexcharts-area { fill: #ff5733; /* Set the fill color to your desired color */ } :root .theme-app6 #chart path.apexcharts-area:hover { fill: #ff33cc; /* Set the hover fill color to your desired color */ } :root .theme-app6 .card-indent { margin-left: 100px !important; } :root .theme-app6 .card-indent:before { content: ""; position: absolute; top: 50%; left: 111px; /* Adjust this value to position the arrow */ width: 0; height: 0; border-style: solid; border-width: 5px 7px 0 7px; border-color: #000 transparent transparent transparent; /* Change color if needed */ transform: translateY(-50%) rotate(45deg); } :root .theme-app6 .valid-alert { --background: green; /* Set the background color to green */ /* You can add more custom styles here */ } :root .theme-app6 .invlid-alert { --background: red; /* Set the background color to red */ /* You can add more custom styles here */ } :root .theme-app6 .mat-tabs .mat-ink-bar { background-color: var(--accent) !important; } :root .theme-app6 .mat-table { overflow-x: scroll; } :root .theme-app6 .mat-cell, :root .theme-app6 .mat-header-cell { word-wrap: initial; display: table-cell; padding: 0px 10px; line-break: unset; width: 100%; white-space: nowrap; overflow: hidden; vertical-align: middle; } :root .theme-app6 .mat-row, :root .theme-app6 .mat-header-row { display: table-row; } :root .theme-app6 .mat-tab-label { padding: 5px; background-color: transparent; color: var(--accent); font-weight: 700; } :root .theme-app6 .mat-tab-label.mat-tab-label-active { padding: 5px; background-color: transparent; color: var(--accent); font-weight: 700; } :root .theme-app6 .mat-ink-bar { background-color: var(--accent); } :root .theme-app6 mat-label { color: var(--primaryText); } :root .theme-app6 mat-form-field { color: var(--primaryText); } :root .theme-app6 mat-form-field input { color: var(--primaryText); } :root .theme-app6 .mat-icon { color: var(--primaryText); } :root .mat-badge-content { font-weight: 600; font-size: 12px; font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-badge-small .mat-badge-content { font-size: 9px; } :root .mat-badge-large .mat-badge-content { font-size: 24px; } :root .mat-h1, :root .mat-headline, :root .mat-typography .mat-h1, :root .mat-typography .mat-headline, :root .mat-typography h1 { font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h2, :root .mat-title, :root .mat-typography .mat-h2, :root .mat-typography .mat-title, :root .mat-typography h2 { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h3, :root .mat-subheading-2, :root .mat-typography .mat-h3, :root .mat-typography .mat-subheading-2, :root .mat-typography h3 { font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h4, :root .mat-subheading-1, :root .mat-typography .mat-h4, :root .mat-typography .mat-subheading-1, :root .mat-typography h4 { font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h5, :root .mat-typography .mat-h5, :root .mat-typography h5 { font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } :root .mat-h6, :root .mat-typography .mat-h6, :root .mat-typography h6 { font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } :root .mat-body-strong, :root .mat-body-2, :root .mat-typography .mat-body-strong, :root .mat-typography .mat-body-2 { font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-body, :root .mat-body-1, :root .mat-typography .mat-body, :root .mat-typography .mat-body-1, :root .mat-typography { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-body p, :root .mat-body-1 p, :root .mat-typography .mat-body p, :root .mat-typography .mat-body-1 p, :root .mat-typography p { margin: 0 0 12px; } :root .mat-small, :root .mat-caption, :root .mat-typography .mat-small, :root .mat-typography .mat-caption { font: 400 12px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-display-4, :root .mat-typography .mat-display-4 { font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.05em; margin: 0 0 56px; } :root .mat-display-3, :root .mat-typography .mat-display-3 { font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.02em; margin: 0 0 64px; } :root .mat-display-2, :root .mat-typography .mat-display-2 { font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.005em; margin: 0 0 64px; } :root .mat-display-1, :root .mat-typography .mat-display-1 { font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 64px; } :root .mat-bottom-sheet-container { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-button, :root .mat-raised-button, :root .mat-icon-button, :root .mat-stroked-button, :root .mat-flat-button, :root .mat-fab, :root .mat-mini-fab { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-button-toggle { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-card { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-card-title { font-size: 24px; font-weight: 500; } :root .mat-card-header .mat-card-title { font-size: 20px; } :root .mat-card-subtitle, :root .mat-card-content { font-size: 14px; } :root .mat-checkbox { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-checkbox-layout .mat-checkbox-label { line-height: 24px; } :root .mat-chip { font-size: 14px; font-weight: 500; } :root .mat-chip .mat-chip-trailing-icon.mat-icon, :root .mat-chip .mat-chip-remove.mat-icon { font-size: 18px; } :root .mat-table { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-header-cell { font-size: 12px; font-weight: 500; } :root .mat-cell, :root .mat-footer-cell { font-size: 14px; } :root .mat-calendar { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-calendar-body { font-size: 13px; } :root .mat-calendar-body-label, :root .mat-calendar-period-button { font-size: 14px; font-weight: 500; } :root .mat-calendar-table-header th { font-size: 11px; font-weight: 400; } :root .mat-dialog-title { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-expansion-panel-header { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 15px; font-weight: 400; } :root .mat-expansion-panel-content { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-form-field { font-size: inherit; font-weight: 400; line-height: 1.125; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-form-field-wrapper { padding-bottom: 1.34375em; } :root .mat-form-field-prefix .mat-icon, :root .mat-form-field-suffix .mat-icon { font-size: 150%; line-height: 1.125; } :root .mat-form-field-prefix .mat-icon-button, :root .mat-form-field-suffix .mat-icon-button { height: 1.5em; width: 1.5em; } :root .mat-form-field-prefix .mat-icon-button .mat-icon, :root .mat-form-field-suffix .mat-icon-button .mat-icon { height: 1.125em; line-height: 1.125; } :root .mat-form-field-infix { padding: 0.5em 0; border-top: 0.84375em solid transparent; } :root .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34369em) scale(0.75); width: 133.3333933333%; } :root .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34368em) scale(0.75); width: 133.3334033333%; } :root .mat-form-field-label-wrapper { top: -0.84375em; padding-top: 0.84375em; } :root .mat-form-field-label { top: 1.34375em; } :root .mat-form-field-underline { bottom: 1.34375em; } :root .mat-form-field-subscript-wrapper { font-size: 75%; margin-top: 0.6666666667em; top: calc(100% - 1.7916666667em); } :root .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 1.25em; } :root .mat-form-field-appearance-legacy .mat-form-field-infix { padding: 0.4375em 0; } :root .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00118px); width: 133.3335133333%; } :root .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 { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00119px); width: 133.3335233333%; } :root .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 { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.0012px); width: 133.3335333333%; } :root .mat-form-field-appearance-legacy .mat-form-field-label { top: 1.28125em; } :root .mat-form-field-appearance-legacy .mat-form-field-underline { bottom: 1.25em; } :root .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { margin-top: 0.5416666667em; top: calc(100% - 1.6666666667em); } @media print { :root .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28104em) scale(0.75); } :root .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 { transform: translateY(-1.28103em) scale(0.75); } :root .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 { transform: translateY(-1.28102em) scale(0.75); } } :root .mat-form-field-appearance-fill .mat-form-field-infix { padding: 0.25em 0 0.75em 0; } :root .mat-form-field-appearance-fill .mat-form-field-label { top: 1.09375em; margin-top: -0.5em; } :root .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59369em) scale(0.75); width: 133.3333933333%; } :root .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 { transform: translateY(-0.59368em) scale(0.75); width: 133.3334033333%; } :root .mat-form-field-appearance-outline .mat-form-field-infix { padding: 1em 0 1em 0; } :root .mat-form-field-appearance-outline .mat-form-field-label { top: 1.84375em; margin-top: -0.25em; } :root .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59369em) scale(0.75); width: 133.3333933333%; } :root .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 { transform: translateY(-1.59368em) scale(0.75); width: 133.3334033333%; } :root .mat-grid-tile-header, :root .mat-grid-tile-footer { font-size: 14px; } :root .mat-grid-tile-header .mat-line, :root .mat-grid-tile-footer .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-grid-tile-header .mat-line:nth-child(n+2), :root .mat-grid-tile-footer .mat-line:nth-child(n+2) { font-size: 12px; } :root input.mat-input-element { margin-top: -0.0625em; } :root .mat-menu-item { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 400; } :root .mat-paginator, :root .mat-paginator-page-size .mat-select-trigger { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; } :root .mat-radio-button { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-select { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-select-trigger { height: 1.125em; } :root .mat-slide-toggle-content { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-slider-thumb-label-text { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } :root .mat-stepper-vertical, :root .mat-stepper-horizontal { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-step-label { font-size: 14px; font-weight: 400; } :root .mat-step-sub-label-error { font-weight: normal; } :root .mat-step-label-error { font-size: 14px; } :root .mat-step-label-selected { font-size: 14px; font-weight: 500; } :root .mat-tab-group { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-tab-label, :root .mat-tab-link { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-toolbar, :root .mat-toolbar h1, :root .mat-toolbar h2, :root .mat-toolbar h3, :root .mat-toolbar h4, :root .mat-toolbar h5, :root .mat-toolbar h6 { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0; } :root .mat-tooltip { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 10px; padding-top: 6px; padding-bottom: 6px; } :root .mat-tooltip-handset { font-size: 14px; padding-top: 8px; padding-bottom: 8px; } :root .mat-list-item { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-list-option { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-list-base .mat-list-item { font-size: 16px; } :root .mat-list-base .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base .mat-list-item .mat-line:nth-child(n+2) { font-size: 14px; } :root .mat-list-base .mat-list-option { font-size: 16px; } :root .mat-list-base .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base .mat-list-option .mat-line:nth-child(n+2) { font-size: 14px; } :root .mat-list-base .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-list-base[dense] .mat-list-item { font-size: 12px; } :root .mat-list-base[dense] .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) { font-size: 12px; } :root .mat-list-base[dense] .mat-list-option { font-size: 12px; } :root .mat-list-base[dense] .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) { font-size: 12px; } :root .mat-list-base[dense] .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } :root .mat-option { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 16px; } :root .mat-optgroup-label { font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-simple-snackbar { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; } :root .mat-simple-snackbar-action { line-height: 1; font-family: inherit; font-size: inherit; font-weight: 500; } :root .mat-tree { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-tree-node, :root .mat-nested-tree-node { font-weight: 400; font-size: 14px; } :root .mat-ripple { overflow: hidden; position: relative; } :root .mat-ripple:not(:empty) { transform: translateZ(0); } :root .mat-ripple.mat-ripple-unbounded { overflow: visible; } :root .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale(0); } .cdk-high-contrast-active :root .mat-ripple-element { display: none; } :root .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; outline: 0; -webkit-appearance: none; -moz-appearance: none; left: 0; } [dir=rtl] :root .cdk-visually-hidden { left: auto; right: 0; } :root .cdk-overlay-container, :root .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } :root .cdk-overlay-container { position: fixed; z-index: 1000; } :root .cdk-overlay-container:empty { display: none; } :root .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } :root .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } :root .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } :root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } .cdk-high-contrast-active :root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } :root .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } :root .cdk-overlay-transparent-backdrop { transition: visibility 1ms linear, opacity 1ms linear; visibility: hidden; opacity: 1; } :root .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; visibility: visible; } :root .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } :root .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } :root textarea.cdk-textarea-autosize { resize: none; } :root textarea.cdk-textarea-autosize-measuring { padding: 2px 0 !important; box-sizing: content-box !important; height: auto !important; overflow: hidden !important; } :root textarea.cdk-textarea-autosize-measuring-firefox { padding: 2px 0 !important; box-sizing: content-box !important; height: 0 !important; } @keyframes cdk-text-field-autofill-start { /*!*/ } @keyframes cdk-text-field-autofill-end { /*!*/ } :root .cdk-text-field-autofill-monitored:-webkit-autofill { animation: cdk-text-field-autofill-start 0s 1ms; } :root .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { animation: cdk-text-field-autofill-end 0s 1ms; } :root .mat-focus-indicator { position: relative; } :root .mat-mdc-focus-indicator { position: relative; } :root .theme-app8 { /* Track */ /* Handle */ /* Handle on hover */ /* Style the area path element when hovering (optional) */ /* active tab */ /* Styles for the active tab label */ /* Styles for the ink bar */ } :root .theme-app8 .dark { --primary: #1f1f1f; --secondary: #c7c7cc; --secondaryBase: #fff; --accent: #60c3e2; --secondaryDark: rgb(42, 53, 68); --accentLight: #edfbff; --accentBackground: rgb(156, 218, 127, 0.1); --accentDark: rgb(160, 88, 83); --borderColor: #60c3e2; --primaryText: rgb(227, 227, 227); --secondaryText: #8e8e93; --accentText: #60c3e2; --secondaryBaseText: #efeff4; --accentLightText: #2d3035; --accentDarkText: #00000; --ion-background-color: var(--primary); } :root .theme-app8 .dark .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app8 .dark .mat-option { color: white; } :root .theme-app8 .dark .mat-option:hover:not(.mat-option-disabled), :root .theme-app8 .dark .mat-option:focus:not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } :root .theme-app8 .dark .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } :root .theme-app8 .dark .mat-option.mat-active { background: rgba(255, 255, 255, 0.04); color: white; } :root .theme-app8 .dark .mat-option.mat-option-disabled { color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #ffeb3b; } :root .theme-app8 .dark .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: yellow; } :root .theme-app8 .dark .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #ff5722; } :root .theme-app8 .dark .mat-optgroup-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app8 .dark .mat-optgroup-disabled .mat-optgroup-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-pseudo-checkbox { color: rgba(255, 255, 255, 0.7); } :root .theme-app8 .dark .mat-pseudo-checkbox::after { color: #303030; } :root .theme-app8 .dark .mat-pseudo-checkbox-disabled { color: #686868; } :root .theme-app8 .dark .mat-primary .mat-pseudo-checkbox-checked, :root .theme-app8 .dark .mat-primary .mat-pseudo-checkbox-indeterminate { background: #ffeb3b; } :root .theme-app8 .dark .mat-pseudo-checkbox-checked, :root .theme-app8 .dark .mat-pseudo-checkbox-indeterminate, :root .theme-app8 .dark .mat-accent .mat-pseudo-checkbox-checked, :root .theme-app8 .dark .mat-accent .mat-pseudo-checkbox-indeterminate { background: yellow; } :root .theme-app8 .dark .mat-warn .mat-pseudo-checkbox-checked, :root .theme-app8 .dark .mat-warn .mat-pseudo-checkbox-indeterminate { background: #ff5722; } :root .theme-app8 .dark .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, :root .theme-app8 .dark .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #686868; } :root .theme-app8 .dark .mat-app-background, :root .theme-app8 .dark.mat-app-background { background-color: #303030; color: white; } :root .theme-app8 .dark .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } :root .theme-app8 .dark .mat-autocomplete-panel { background: #424242; color: white; } :root .theme-app8 .dark .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: #424242; } :root .theme-app8 .dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: white; } :root .theme-app8 .dark .mat-badge { position: relative; } :root .theme-app8 .dark .mat-badge.mat-badge { overflow: visible; } :root .theme-app8 .dark .mat-badge-hidden .mat-badge-content { display: none; } :root .theme-app8 .dark .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } :root .theme-app8 .dark .ng-animate-disabled .mat-badge-content, :root .theme-app8 .dark .mat-badge-content._mat-animation-noopable { transition: none; } :root .theme-app8 .dark .mat-badge-content.mat-badge-active { transform: none; } :root .theme-app8 .dark .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } :root .theme-app8 .dark .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } :root .theme-app8 .dark .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } :root .theme-app8 .dark .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] :root .theme-app8 .dark .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } :root .theme-app8 .dark .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] :root .theme-app8 .dark .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } :root .theme-app8 .dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] :root .theme-app8 .dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } :root .theme-app8 .dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] :root .theme-app8 .dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } :root .theme-app8 .dark .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } :root .theme-app8 .dark .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } :root .theme-app8 .dark .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } :root .theme-app8 .dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] :root .theme-app8 .dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } :root .theme-app8 .dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] :root .theme-app8 .dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } :root .theme-app8 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] :root .theme-app8 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } :root .theme-app8 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] :root .theme-app8 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } :root .theme-app8 .dark .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } :root .theme-app8 .dark .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } :root .theme-app8 .dark .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } :root .theme-app8 .dark .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] :root .theme-app8 .dark .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } :root .theme-app8 .dark .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] :root .theme-app8 .dark .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } :root .theme-app8 .dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] :root .theme-app8 .dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } :root .theme-app8 .dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] :root .theme-app8 .dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } :root .theme-app8 .dark .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #ffeb3b; } .cdk-high-contrast-active :root .theme-app8 .dark .mat-badge-content { outline: solid 1px; border-radius: 0; } :root .theme-app8 .dark .mat-badge-accent .mat-badge-content { background: yellow; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .dark .mat-badge-warn .mat-badge-content { color: white; background: #ff5722; } :root .theme-app8 .dark .mat-badge-disabled .mat-badge-content { background: #6e6e6e; color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: #424242; color: white; } :root .theme-app8 .dark .mat-button, :root .theme-app8 .dark .mat-icon-button, :root .theme-app8 .dark .mat-stroked-button { color: inherit; background: transparent; } :root .theme-app8 .dark .mat-button.mat-primary, :root .theme-app8 .dark .mat-icon-button.mat-primary, :root .theme-app8 .dark .mat-stroked-button.mat-primary { color: #ffeb3b; } :root .theme-app8 .dark .mat-button.mat-accent, :root .theme-app8 .dark .mat-icon-button.mat-accent, :root .theme-app8 .dark .mat-stroked-button.mat-accent { color: yellow; } :root .theme-app8 .dark .mat-button.mat-warn, :root .theme-app8 .dark .mat-icon-button.mat-warn, :root .theme-app8 .dark .mat-stroked-button.mat-warn { color: #ff5722; } :root .theme-app8 .dark .mat-button.mat-primary.mat-button-disabled, :root .theme-app8 .dark .mat-button.mat-accent.mat-button-disabled, :root .theme-app8 .dark .mat-button.mat-warn.mat-button-disabled, :root .theme-app8 .dark .mat-button.mat-button-disabled.mat-button-disabled, :root .theme-app8 .dark .mat-icon-button.mat-primary.mat-button-disabled, :root .theme-app8 .dark .mat-icon-button.mat-accent.mat-button-disabled, :root .theme-app8 .dark .mat-icon-button.mat-warn.mat-button-disabled, :root .theme-app8 .dark .mat-icon-button.mat-button-disabled.mat-button-disabled, :root .theme-app8 .dark .mat-stroked-button.mat-primary.mat-button-disabled, :root .theme-app8 .dark .mat-stroked-button.mat-accent.mat-button-disabled, :root .theme-app8 .dark .mat-stroked-button.mat-warn.mat-button-disabled, :root .theme-app8 .dark .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } :root .theme-app8 .dark .mat-button.mat-primary .mat-button-focus-overlay, :root .theme-app8 .dark .mat-icon-button.mat-primary .mat-button-focus-overlay, :root .theme-app8 .dark .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #ffeb3b; } :root .theme-app8 .dark .mat-button.mat-accent .mat-button-focus-overlay, :root .theme-app8 .dark .mat-icon-button.mat-accent .mat-button-focus-overlay, :root .theme-app8 .dark .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: yellow; } :root .theme-app8 .dark .mat-button.mat-warn .mat-button-focus-overlay, :root .theme-app8 .dark .mat-icon-button.mat-warn .mat-button-focus-overlay, :root .theme-app8 .dark .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #ff5722; } :root .theme-app8 .dark .mat-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app8 .dark .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app8 .dark .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } :root .theme-app8 .dark .mat-button .mat-ripple-element, :root .theme-app8 .dark .mat-icon-button .mat-ripple-element, :root .theme-app8 .dark .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } :root .theme-app8 .dark .mat-button-focus-overlay { background: white; } :root .theme-app8 .dark .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(255, 255, 255, 0.12); } :root .theme-app8 .dark .mat-flat-button, :root .theme-app8 .dark .mat-raised-button, :root .theme-app8 .dark .mat-fab, :root .theme-app8 .dark .mat-mini-fab { color: white; background-color: #424242; } :root .theme-app8 .dark .mat-flat-button.mat-primary, :root .theme-app8 .dark .mat-raised-button.mat-primary, :root .theme-app8 .dark .mat-fab.mat-primary, :root .theme-app8 .dark .mat-mini-fab.mat-primary { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .dark .mat-flat-button.mat-accent, :root .theme-app8 .dark .mat-raised-button.mat-accent, :root .theme-app8 .dark .mat-fab.mat-accent, :root .theme-app8 .dark .mat-mini-fab.mat-accent { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .dark .mat-flat-button.mat-warn, :root .theme-app8 .dark .mat-raised-button.mat-warn, :root .theme-app8 .dark .mat-fab.mat-warn, :root .theme-app8 .dark .mat-mini-fab.mat-warn { color: white; } :root .theme-app8 .dark .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app8 .dark .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app8 .dark .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app8 .dark .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app8 .dark .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app8 .dark .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app8 .dark .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app8 .dark .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app8 .dark .mat-fab.mat-primary.mat-button-disabled, :root .theme-app8 .dark .mat-fab.mat-accent.mat-button-disabled, :root .theme-app8 .dark .mat-fab.mat-warn.mat-button-disabled, :root .theme-app8 .dark .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app8 .dark .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app8 .dark .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app8 .dark .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app8 .dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } :root .theme-app8 .dark .mat-flat-button.mat-primary, :root .theme-app8 .dark .mat-raised-button.mat-primary, :root .theme-app8 .dark .mat-fab.mat-primary, :root .theme-app8 .dark .mat-mini-fab.mat-primary { background-color: #ffeb3b; } :root .theme-app8 .dark .mat-flat-button.mat-accent, :root .theme-app8 .dark .mat-raised-button.mat-accent, :root .theme-app8 .dark .mat-fab.mat-accent, :root .theme-app8 .dark .mat-mini-fab.mat-accent { background-color: yellow; } :root .theme-app8 .dark .mat-flat-button.mat-warn, :root .theme-app8 .dark .mat-raised-button.mat-warn, :root .theme-app8 .dark .mat-fab.mat-warn, :root .theme-app8 .dark .mat-mini-fab.mat-warn { background-color: #ff5722; } :root .theme-app8 .dark .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app8 .dark .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app8 .dark .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app8 .dark .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app8 .dark .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app8 .dark .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app8 .dark .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app8 .dark .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app8 .dark .mat-fab.mat-primary.mat-button-disabled, :root .theme-app8 .dark .mat-fab.mat-accent.mat-button-disabled, :root .theme-app8 .dark .mat-fab.mat-warn.mat-button-disabled, :root .theme-app8 .dark .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app8 .dark .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app8 .dark .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app8 .dark .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app8 .dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app8 .dark .mat-flat-button.mat-primary .mat-ripple-element, :root .theme-app8 .dark .mat-raised-button.mat-primary .mat-ripple-element, :root .theme-app8 .dark .mat-fab.mat-primary .mat-ripple-element, :root .theme-app8 .dark .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app8 .dark .mat-flat-button.mat-accent .mat-ripple-element, :root .theme-app8 .dark .mat-raised-button.mat-accent .mat-ripple-element, :root .theme-app8 .dark .mat-fab.mat-accent .mat-ripple-element, :root .theme-app8 .dark .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app8 .dark .mat-flat-button.mat-warn .mat-ripple-element, :root .theme-app8 .dark .mat-raised-button.mat-warn .mat-ripple-element, :root .theme-app8 .dark .mat-fab.mat-warn .mat-ripple-element, :root .theme-app8 .dark .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app8 .dark .mat-stroked-button:not([class*=mat-elevation-z]), :root .theme-app8 .dark .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-fab:not([class*=mat-elevation-z]), :root .theme-app8 .dark .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), :root .theme-app8 .dark .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), :root .theme-app8 .dark .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-button-toggle-standalone:not([class*=mat-elevation-z]), :root .theme-app8 .dark .mat-button-toggle-group:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), :root .theme-app8 .dark .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) { box-shadow: none; } :root .theme-app8 .dark .mat-button-toggle { color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app8 .dark .mat-button-toggle-appearance-standard { color: white; background: #424242; } :root .theme-app8 .dark .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: white; } :root .theme-app8 .dark .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px #595959; } :root .theme-app8 .dark [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px #595959; } :root .theme-app8 .dark .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px #595959; } :root .theme-app8 .dark .mat-button-toggle-checked { background-color: #212121; color: rgba(255, 255, 255, 0.7); } :root .theme-app8 .dark .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: white; } :root .theme-app8 .dark .mat-button-toggle-disabled { color: rgba(255, 255, 255, 0.3); background-color: black; } :root .theme-app8 .dark .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: #424242; } :root .theme-app8 .dark .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #424242; } :root .theme-app8 .dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, :root .theme-app8 .dark .mat-button-toggle-group-appearance-standard { border: solid 1px #595959; } :root .theme-app8 .dark .mat-card { background: #424242; color: white; } :root .theme-app8 .dark .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-card-subtitle { color: rgba(255, 255, 255, 0.7); } :root .theme-app8 .dark .mat-checkbox-frame { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app8 .dark .mat-checkbox-checkmark { fill: #303030; } :root .theme-app8 .dark .mat-checkbox-checkmark-path { stroke: #303030 !important; } :root .theme-app8 .dark .mat-checkbox-mixedmark { background-color: #303030; } :root .theme-app8 .dark .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, :root .theme-app8 .dark .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #ffeb3b; } :root .theme-app8 .dark .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, :root .theme-app8 .dark .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: yellow; } :root .theme-app8 .dark .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, :root .theme-app8 .dark .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #ff5722; } :root .theme-app8 .dark .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, :root .theme-app8 .dark .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #686868; } :root .theme-app8 .dark .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #686868; } :root .theme-app8 .dark .mat-checkbox-disabled .mat-checkbox-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-checkbox .mat-ripple-element { background-color: white; } :root .theme-app8 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, :root .theme-app8 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #ffeb3b; } :root .theme-app8 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, :root .theme-app8 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: yellow; } :root .theme-app8 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, :root .theme-app8 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #ff5722; } :root .theme-app8 .dark .mat-chip.mat-standard-chip { background-color: #616161; color: white; } :root .theme-app8 .dark .mat-chip.mat-standard-chip .mat-chip-remove { color: white; opacity: 0.4; } :root .theme-app8 .dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } :root .theme-app8 .dark .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } :root .theme-app8 .dark .mat-chip.mat-standard-chip::after { background: white; } :root .theme-app8 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #ffeb3b; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app8 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app8 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #ff5722; color: white; } :root .theme-app8 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } :root .theme-app8 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app8 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: yellow; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app8 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app8 .dark .mat-table { background: #424242; } :root .theme-app8 .dark .mat-table thead, :root .theme-app8 .dark .mat-table tbody, :root .theme-app8 .dark .mat-table tfoot, :root .theme-app8 .dark mat-header-row, :root .theme-app8 .dark mat-row, :root .theme-app8 .dark mat-footer-row, :root .theme-app8 .dark [mat-header-row], :root .theme-app8 .dark [mat-row], :root .theme-app8 .dark [mat-footer-row], :root .theme-app8 .dark .mat-table-sticky { background: inherit; } :root .theme-app8 .dark mat-row, :root .theme-app8 .dark mat-header-row, :root .theme-app8 .dark mat-footer-row, :root .theme-app8 .dark th.mat-header-cell, :root .theme-app8 .dark td.mat-cell, :root .theme-app8 .dark td.mat-footer-cell { border-bottom-color: rgba(255, 255, 255, 0.12); } :root .theme-app8 .dark .mat-header-cell { color: rgba(255, 255, 255, 0.7); } :root .theme-app8 .dark .mat-cell, :root .theme-app8 .dark .mat-footer-cell { color: white; } :root .theme-app8 .dark .mat-calendar-arrow { fill: white; } :root .theme-app8 .dark .mat-datepicker-toggle, :root .theme-app8 .dark .mat-datepicker-content .mat-calendar-next-button, :root .theme-app8 .dark .mat-datepicker-content .mat-calendar-previous-button { color: white; } :root .theme-app8 .dark .mat-calendar-table-header-divider::after { background: rgba(255, 255, 255, 0.12); } :root .theme-app8 .dark .mat-calendar-table-header, :root .theme-app8 .dark .mat-calendar-body-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app8 .dark .mat-calendar-body-cell-content, :root .theme-app8 .dark .mat-date-range-input-separator { color: white; border-color: transparent; } :root .theme-app8 .dark .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-calendar-body-in-preview { color: rgba(255, 255, 255, 0.24); } :root .theme-app8 .dark .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app8 .dark .mat-calendar-body-in-range::before { background: rgba(255, 235, 59, 0.2); } :root .theme-app8 .dark .mat-calendar-body-comparison-identical, :root .theme-app8 .dark .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app8 .dark .mat-calendar-body-comparison-bridge-start::before, :root .theme-app8 .dark [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 235, 59, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app8 .dark .mat-calendar-body-comparison-bridge-end::before, :root .theme-app8 .dark [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 235, 59, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app8 .dark .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app8 .dark .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app8 .dark .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app8 .dark .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app8 .dark .mat-calendar-body-selected { background-color: #ffeb3b; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .dark .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 235, 59, 0.4); } :root .theme-app8 .dark .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app8 .dark .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app8 .dark .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 235, 59, 0.3); } @media (hover: hover) { :root .theme-app8 .dark .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 235, 59, 0.3); } } :root .theme-app8 .dark .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: #424242; color: white; } :root .theme-app8 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(255, 255, 0, 0.2); } :root .theme-app8 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, :root .theme-app8 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app8 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, :root .theme-app8 .dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 255, 0, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app8 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, :root .theme-app8 .dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 255, 0, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app8 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app8 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app8 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app8 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app8 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: yellow; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 255, 0, 0.4); } :root .theme-app8 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app8 .dark .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app8 .dark .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 255, 0, 0.3); } @media (hover: hover) { :root .theme-app8 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 255, 0, 0.3); } } :root .theme-app8 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(255, 87, 34, 0.2); } :root .theme-app8 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, :root .theme-app8 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app8 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, :root .theme-app8 .dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 87, 34, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app8 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, :root .theme-app8 .dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 87, 34, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app8 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app8 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app8 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app8 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app8 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #ff5722; color: white; } :root .theme-app8 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 87, 34, 0.4); } :root .theme-app8 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } :root .theme-app8 .dark .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app8 .dark .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 87, 34, 0.3); } @media (hover: hover) { :root .theme-app8 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 87, 34, 0.3); } } :root .theme-app8 .dark .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-datepicker-toggle-active { color: #ffeb3b; } :root .theme-app8 .dark .mat-datepicker-toggle-active.mat-accent { color: yellow; } :root .theme-app8 .dark .mat-datepicker-toggle-active.mat-warn { color: #ff5722; } :root .theme-app8 .dark .mat-date-range-input-inner[disabled] { color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: #424242; color: white; } :root .theme-app8 .dark .mat-divider { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app8 .dark .mat-divider-vertical { border-right-color: rgba(255, 255, 255, 0.12); } :root .theme-app8 .dark .mat-expansion-panel { background: #424242; color: white; } :root .theme-app8 .dark .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-action-row { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app8 .dark .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), :root .theme-app8 .dark .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), :root .theme-app8 .dark .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(255, 255, 255, 0.04); } @media (hover: none) { :root .theme-app8 .dark .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: #424242; } } :root .theme-app8 .dark .mat-expansion-panel-header-title { color: white; } :root .theme-app8 .dark .mat-expansion-panel-header-description, :root .theme-app8 .dark .mat-expansion-indicator::after { color: rgba(255, 255, 255, 0.7); } :root .theme-app8 .dark .mat-expansion-panel-header[aria-disabled=true] { color: rgba(255, 255, 255, 0.3); } :root .theme-app8 .dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, :root .theme-app8 .dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } :root .theme-app8 .dark .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app8 .dark .mat-hint { color: rgba(255, 255, 255, 0.7); } :root .theme-app8 .dark .mat-form-field.mat-focused .mat-form-field-label { color: #ffeb3b; } :root .theme-app8 .dark .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: yellow; } :root .theme-app8 .dark .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #ff5722; } :root .theme-app8 .dark .mat-focused .mat-form-field-required-marker { color: yellow; } :root .theme-app8 .dark .mat-form-field-ripple { background-color: white; } :root .theme-app8 .dark .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #ffeb3b; } :root .theme-app8 .dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: yellow; } :root .theme-app8 .dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #ff5722; } :root .theme-app8 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #ffeb3b; } :root .theme-app8 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: yellow; } :root .theme-app8 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #ff5722; } :root .theme-app8 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #ff5722; } :root .theme-app8 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, :root .theme-app8 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #ff5722; } :root .theme-app8 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, :root .theme-app8 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #ff5722; } :root .theme-app8 .dark .mat-error { color: #ff5722; } :root .theme-app8 .dark .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app8 .dark .mat-form-field-appearance-legacy .mat-hint { color: rgba(255, 255, 255, 0.7); } :root .theme-app8 .dark .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } :root .theme-app8 .dark .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app8 .dark .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } :root .theme-app8 .dark .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app8 .dark .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app8 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.05); } :root .theme-app8 .dark .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } :root .theme-app8 .dark .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(255, 255, 255, 0.3); } :root .theme-app8 .dark .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: white; } :root .theme-app8 .dark .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #ffeb3b; } :root .theme-app8 .dark .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: yellow; } :root .theme-app8 .dark .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #ff5722; } :root .theme-app8 .dark .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #ff5722; } :root .theme-app8 .dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(255, 255, 255, 0.15); } :root .theme-app8 .dark .mat-icon.mat-primary { color: #ffeb3b; } :root .theme-app8 .dark .mat-icon.mat-accent { color: yellow; } :root .theme-app8 .dark .mat-icon.mat-warn { color: #ff5722; } :root .theme-app8 .dark .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.7); } :root .theme-app8 .dark .mat-input-element:disabled, :root .theme-app8 .dark .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-input-element { caret-color: #ffeb3b; } :root .theme-app8 .dark .mat-input-element::placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-input-element::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-input-element::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-input-element:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-input-element:not(.mat-native-select-inline) option { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .dark .mat-input-element:not(.mat-native-select-inline) option:disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app8 .dark .mat-form-field.mat-accent .mat-input-element { caret-color: yellow; } :root .theme-app8 .dark .mat-form-field.mat-warn .mat-input-element, :root .theme-app8 .dark .mat-form-field-invalid .mat-input-element { caret-color: #ff5722; } :root .theme-app8 .dark .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #ff5722; } :root .theme-app8 .dark .mat-list-base .mat-list-item { color: white; } :root .theme-app8 .dark .mat-list-base .mat-list-option { color: white; } :root .theme-app8 .dark .mat-list-base .mat-subheader { color: rgba(255, 255, 255, 0.7); } :root .theme-app8 .dark .mat-list-base .mat-list-item-disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-list-option:hover, :root .theme-app8 .dark .mat-list-option:focus, :root .theme-app8 .dark .mat-nav-list .mat-list-item:hover, :root .theme-app8 .dark .mat-nav-list .mat-list-item:focus, :root .theme-app8 .dark .mat-action-list .mat-list-item:hover, :root .theme-app8 .dark .mat-action-list .mat-list-item:focus { background: rgba(255, 255, 255, 0.04); } :root .theme-app8 .dark .mat-list-single-selected-option, :root .theme-app8 .dark .mat-list-single-selected-option:hover, :root .theme-app8 .dark .mat-list-single-selected-option:focus { background: rgba(255, 255, 255, 0.12); } :root .theme-app8 .dark .mat-menu-panel { background: #424242; } :root .theme-app8 .dark .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-menu-item { background: transparent; color: white; } :root .theme-app8 .dark .mat-menu-item[disabled], :root .theme-app8 .dark .mat-menu-item[disabled] .mat-menu-submenu-icon, :root .theme-app8 .dark .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-menu-item .mat-icon-no-color, :root .theme-app8 .dark .mat-menu-submenu-icon { color: white; } :root .theme-app8 .dark .mat-menu-item:hover:not([disabled]), :root .theme-app8 .dark .mat-menu-item.cdk-program-focused:not([disabled]), :root .theme-app8 .dark .mat-menu-item.cdk-keyboard-focused:not([disabled]), :root .theme-app8 .dark .mat-menu-item-highlighted:not([disabled]) { background: rgba(255, 255, 255, 0.04); } :root .theme-app8 .dark .mat-paginator { background: #424242; } :root .theme-app8 .dark .mat-paginator, :root .theme-app8 .dark .mat-paginator-page-size .mat-select-trigger { color: rgba(255, 255, 255, 0.7); } :root .theme-app8 .dark .mat-paginator-decrement, :root .theme-app8 .dark .mat-paginator-increment { border-top: 2px solid white; border-right: 2px solid white; } :root .theme-app8 .dark .mat-paginator-first, :root .theme-app8 .dark .mat-paginator-last { border-top: 2px solid white; } :root .theme-app8 .dark .mat-icon-button[disabled] .mat-paginator-decrement, :root .theme-app8 .dark .mat-icon-button[disabled] .mat-paginator-increment, :root .theme-app8 .dark .mat-icon-button[disabled] .mat-paginator-first, :root .theme-app8 .dark .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-progress-bar-background { fill: #645f33; } :root .theme-app8 .dark .mat-progress-bar-buffer { background-color: #645f33; } :root .theme-app8 .dark .mat-progress-bar-fill::after { background-color: #ffeb3b; } :root .theme-app8 .dark .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #646424; } :root .theme-app8 .dark .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #646424; } :root .theme-app8 .dark .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: yellow; } :root .theme-app8 .dark .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #643a2d; } :root .theme-app8 .dark .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #643a2d; } :root .theme-app8 .dark .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #ff5722; } :root .theme-app8 .dark .mat-progress-spinner circle, :root .theme-app8 .dark .mat-spinner circle { stroke: #ffeb3b; } :root .theme-app8 .dark .mat-progress-spinner.mat-accent circle, :root .theme-app8 .dark .mat-spinner.mat-accent circle { stroke: yellow; } :root .theme-app8 .dark .mat-progress-spinner.mat-warn circle, :root .theme-app8 .dark .mat-spinner.mat-warn circle { stroke: #ff5722; } :root .theme-app8 .dark .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app8 .dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #ffeb3b; } :root .theme-app8 .dark .mat-radio-button.mat-primary .mat-radio-inner-circle, :root .theme-app8 .dark .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app8 .dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app8 .dark .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #ffeb3b; } :root .theme-app8 .dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: yellow; } :root .theme-app8 .dark .mat-radio-button.mat-accent .mat-radio-inner-circle, :root .theme-app8 .dark .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app8 .dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app8 .dark .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: yellow; } :root .theme-app8 .dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #ff5722; } :root .theme-app8 .dark .mat-radio-button.mat-warn .mat-radio-inner-circle, :root .theme-app8 .dark .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app8 .dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app8 .dark .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #ff5722; } :root .theme-app8 .dark .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, :root .theme-app8 .dark .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, :root .theme-app8 .dark .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-radio-button .mat-ripple-element { background-color: white; } :root .theme-app8 .dark .mat-select-value { color: white; } :root .theme-app8 .dark .mat-select-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-select-disabled .mat-select-value { color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-select-arrow { color: rgba(255, 255, 255, 0.7); } :root .theme-app8 .dark .mat-select-panel { background: #424242; } :root .theme-app8 .dark .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(255, 255, 255, 0.12); } :root .theme-app8 .dark .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #ffeb3b; } :root .theme-app8 .dark .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: yellow; } :root .theme-app8 .dark .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #ff5722; } :root .theme-app8 .dark .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #ff5722; } :root .theme-app8 .dark .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-drawer-container { background-color: #303030; color: white; } :root .theme-app8 .dark .mat-drawer { background-color: #424242; color: white; } :root .theme-app8 .dark .mat-drawer.mat-drawer-push { background-color: #424242; } :root .theme-app8 .dark .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-drawer-side { border-right: solid 1px rgba(255, 255, 255, 0.12); } :root .theme-app8 .dark .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } :root .theme-app8 .dark [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } :root .theme-app8 .dark [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(255, 255, 255, 0.12); } :root .theme-app8 .dark .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(189, 189, 189, 0.6); } :root .theme-app8 .dark .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: yellow; } :root .theme-app8 .dark .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 255, 0, 0.54); } :root .theme-app8 .dark .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: yellow; } :root .theme-app8 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #ffeb3b; } :root .theme-app8 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 235, 59, 0.54); } :root .theme-app8 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #ffeb3b; } :root .theme-app8 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #ff5722; } :root .theme-app8 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 87, 34, 0.54); } :root .theme-app8 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #ff5722; } :root .theme-app8 .dark .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: white; } :root .theme-app8 .dark .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #bdbdbd; } :root .theme-app8 .dark .mat-slide-toggle-bar { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app8 .dark .mat-slider.mat-primary .mat-slider-track-fill, :root .theme-app8 .dark .mat-slider.mat-primary .mat-slider-thumb, :root .theme-app8 .dark .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #ffeb3b; } :root .theme-app8 .dark .mat-slider.mat-primary .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .dark .mat-slider.mat-primary .mat-slider-focus-ring { background-color: rgba(255, 235, 59, 0.2); } :root .theme-app8 .dark .mat-slider.mat-accent .mat-slider-track-fill, :root .theme-app8 .dark .mat-slider.mat-accent .mat-slider-thumb, :root .theme-app8 .dark .mat-slider.mat-accent .mat-slider-thumb-label { background-color: yellow; } :root .theme-app8 .dark .mat-slider.mat-accent .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .dark .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(255, 255, 0, 0.2); } :root .theme-app8 .dark .mat-slider.mat-warn .mat-slider-track-fill, :root .theme-app8 .dark .mat-slider.mat-warn .mat-slider-thumb, :root .theme-app8 .dark .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #ff5722; } :root .theme-app8 .dark .mat-slider.mat-warn .mat-slider-thumb-label-text { color: white; } :root .theme-app8 .dark .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(255, 87, 34, 0.2); } :root .theme-app8 .dark .mat-slider:hover .mat-slider-track-background, :root .theme-app8 .dark .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app8 .dark .mat-slider.mat-slider-disabled .mat-slider-track-background, :root .theme-app8 .dark .mat-slider.mat-slider-disabled .mat-slider-track-fill, :root .theme-app8 .dark .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app8 .dark .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app8 .dark .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app8 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, :root .theme-app8 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: white; } :root .theme-app8 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, :root .theme-app8 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app8 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); background-color: transparent; } :root .theme-app8 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, :root .theme-app8 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app8 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, :root .theme-app8 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app8 .dark .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app8 .dark .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } :root .theme-app8 .dark .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } :root .theme-app8 .dark .mat-step-header.cdk-keyboard-focused, :root .theme-app8 .dark .mat-step-header.cdk-program-focused, :root .theme-app8 .dark .mat-step-header:hover:not([aria-disabled]), :root .theme-app8 .dark .mat-step-header:hover[aria-disabled=false] { background-color: rgba(255, 255, 255, 0.04); } :root .theme-app8 .dark .mat-step-header:hover[aria-disabled=true] { cursor: default; } @media (hover: none) { :root .theme-app8 .dark .mat-step-header:hover { background: none; } } :root .theme-app8 .dark .mat-step-header .mat-step-label, :root .theme-app8 .dark .mat-step-header .mat-step-optional { color: rgba(255, 255, 255, 0.7); } :root .theme-app8 .dark .mat-step-header .mat-step-icon { background-color: rgba(255, 255, 255, 0.7); color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .dark .mat-step-header .mat-step-icon-selected, :root .theme-app8 .dark .mat-step-header .mat-step-icon-state-done, :root .theme-app8 .dark .mat-step-header .mat-step-icon-state-edit { background-color: #ffeb3b; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .dark .mat-step-header.mat-accent .mat-step-icon { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .dark .mat-step-header.mat-accent .mat-step-icon-selected, :root .theme-app8 .dark .mat-step-header.mat-accent .mat-step-icon-state-done, :root .theme-app8 .dark .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: yellow; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .dark .mat-step-header.mat-warn .mat-step-icon { color: white; } :root .theme-app8 .dark .mat-step-header.mat-warn .mat-step-icon-selected, :root .theme-app8 .dark .mat-step-header.mat-warn .mat-step-icon-state-done, :root .theme-app8 .dark .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #ff5722; color: white; } :root .theme-app8 .dark .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #ff5722; } :root .theme-app8 .dark .mat-step-header .mat-step-label.mat-step-label-active { color: white; } :root .theme-app8 .dark .mat-step-header .mat-step-label.mat-step-label-error { color: #ff5722; } :root .theme-app8 .dark .mat-stepper-horizontal, :root .theme-app8 .dark .mat-stepper-vertical { background-color: #424242; } :root .theme-app8 .dark .mat-stepper-vertical-line::before { border-left-color: rgba(255, 255, 255, 0.12); } :root .theme-app8 .dark .mat-horizontal-stepper-header::before, :root .theme-app8 .dark .mat-horizontal-stepper-header::after, :root .theme-app8 .dark .mat-stepper-horizontal-line { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app8 .dark .mat-sort-header-arrow { color: #c6c6c6; } :root .theme-app8 .dark .mat-tab-nav-bar, :root .theme-app8 .dark .mat-tab-header { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } :root .theme-app8 .dark .mat-tab-group-inverted-header .mat-tab-nav-bar, :root .theme-app8 .dark .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(255, 255, 255, 0.12); border-bottom: none; } :root .theme-app8 .dark .mat-tab-label, :root .theme-app8 .dark .mat-tab-link { color: white; } :root .theme-app8 .dark .mat-tab-label.mat-tab-disabled, :root .theme-app8 .dark .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-tab-header-pagination-chevron { border-color: white; } :root .theme-app8 .dark .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app8 .dark .mat-tab-group[class*=mat-background-] > .mat-tab-header, :root .theme-app8 .dark .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } :root .theme-app8 .dark .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 249, 196, 0.3); } :root .theme-app8 .dark .mat-tab-group.mat-primary .mat-ink-bar, :root .theme-app8 .dark .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #ffeb3b; } :root .theme-app8 .dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app8 .dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, :root .theme-app8 .dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app8 .dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .dark .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 255, 141, 0.3); } :root .theme-app8 .dark .mat-tab-group.mat-accent .mat-ink-bar, :root .theme-app8 .dark .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: yellow; } :root .theme-app8 .dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app8 .dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, :root .theme-app8 .dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app8 .dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .dark .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app8 .dark .mat-tab-group.mat-warn .mat-ink-bar, :root .theme-app8 .dark .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #ff5722; } :root .theme-app8 .dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app8 .dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, :root .theme-app8 .dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app8 .dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: white; } :root .theme-app8 .dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 249, 196, 0.3); } :root .theme-app8 .dark .mat-tab-group.mat-background-primary > .mat-tab-header, :root .theme-app8 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container, :root .theme-app8 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #ffeb3b; } :root .theme-app8 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app8 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app8 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app8 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app8 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app8 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app8 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app8 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app8 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app8 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app8 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app8 .dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 255, 141, 0.3); } :root .theme-app8 .dark .mat-tab-group.mat-background-accent > .mat-tab-header, :root .theme-app8 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container, :root .theme-app8 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: yellow; } :root .theme-app8 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app8 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app8 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app8 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app8 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app8 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app8 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app8 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app8 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app8 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app8 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app8 .dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app8 .dark .mat-tab-group.mat-background-warn > .mat-tab-header, :root .theme-app8 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container, :root .theme-app8 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #ff5722; } :root .theme-app8 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app8 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: white; } :root .theme-app8 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app8 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } :root .theme-app8 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app8 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app8 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app8 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: white; } :root .theme-app8 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app8 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } :root .theme-app8 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app8 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app8 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app8 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } :root .theme-app8 .dark .mat-toolbar { background: #212121; color: white; } :root .theme-app8 .dark .mat-toolbar.mat-primary { background: #ffeb3b; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .dark .mat-toolbar.mat-accent { background: yellow; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .dark .mat-toolbar.mat-warn { background: #ff5722; color: white; } :root .theme-app8 .dark .mat-toolbar .mat-form-field-underline, :root .theme-app8 .dark .mat-toolbar .mat-form-field-ripple, :root .theme-app8 .dark .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } :root .theme-app8 .dark .mat-toolbar .mat-form-field-label, :root .theme-app8 .dark .mat-toolbar .mat-focused .mat-form-field-label, :root .theme-app8 .dark .mat-toolbar .mat-select-value, :root .theme-app8 .dark .mat-toolbar .mat-select-arrow, :root .theme-app8 .dark .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } :root .theme-app8 .dark .mat-toolbar .mat-input-element { caret-color: currentColor; } :root .theme-app8 .dark .mat-tooltip { background: rgba(97, 97, 97, 0.9); } :root .theme-app8 .dark .mat-tree { background: #424242; } :root .theme-app8 .dark .mat-tree-node, :root .theme-app8 .dark .mat-nested-tree-node { color: white; } :root .theme-app8 .dark .mat-snack-bar-container { color: rgba(0, 0, 0, 0.87); background: #fafafa; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .dark .mat-simple-snackbar-action { color: inherit; } :root .theme-app8 .light { --primary: rgb(253, 253, 253); --secondary: #c7c7cc; --secondaryBase: #fff; --accent: #60c3e2; --secondaryDark: rgb(42, 53, 68); --accentLight: #60c3e2; --accentBackground: rgb(237,251,255, 0.1); --accentDark: rgb(237,251,255); --borderColor: rgb(237,251,255, 0.5); --primaryText: rgb(29, 29, 29); --secondaryText: #8e8e93; --accentText: #60c3e2; --secondaryBaseText: #efeff4; --accentLightText: #2d3035; --accentDarkText: #00000; /** primary **/ --ion-color-primary: #2d3035; --ion-color-primary-rgb: 45, 48, 53; --ion-color-primary-contrast: #ffffff; --ion-color-primary-contrast-rgb: 255, 255, 255; --ion-color-primary-shade: #3171e0; --ion-color-primary-tint: #4c8dff; /** secondary **/ --ion-color-secondary: #c7c7cc; --ion-color-secondary-rgb: 199, 199, 204; --ion-color-secondary-contrast: #ffffff; --ion-color-secondary-contrast-rgb: 255, 255, 255; --ion-color-secondary-shade: #0bb8cc; --ion-color-secondary-tint: #24d6ea; /** tertiary **/ --ion-color-tertiary: #7044ff; --ion-color-tertiary-rgb: 112, 68, 255; --ion-color-tertiary-contrast: #ffffff; --ion-color-tertiary-contrast-rgb: 255, 255, 255; --ion-color-tertiary-shade: #633ce0; --ion-color-tertiary-tint: #7e57ff; /** success **/ --ion-color-success: #10dc60; --ion-color-success-rgb: 16, 220, 96; --ion-color-success-contrast: #ffffff; --ion-color-success-contrast-rgb: 255, 255, 255; --ion-color-success-shade: #0ec254; --ion-color-success-tint: #28e070; /** warning **/ --ion-color-warning: #ffce00; --ion-color-warning-rgb: 255, 206, 0; --ion-color-warning-contrast: #ffffff; --ion-color-warning-contrast-rgb: 255, 255, 255; --ion-color-warning-shade: #e0b500; --ion-color-warning-tint: #ffd31a; /** danger **/ --ion-color-danger: #f04141; --ion-color-danger-rgb: 245, 61, 61; --ion-color-danger-contrast: #ffffff; --ion-color-danger-contrast-rgb: 255, 255, 255; --ion-color-danger-shade: #d33939; --ion-color-danger-tint: #f25454; /** dark **/ --ion-color-dark: #222428; --ion-color-dark-rgb: 34, 34, 34; --ion-color-dark-contrast: #ffffff; --ion-color-dark-contrast-rgb: 255, 255, 255; --ion-color-dark-shade: #1e2023; --ion-color-dark-tint: #383a3e; /** medium **/ --ion-color-medium: #989aa2; --ion-color-medium-rgb: 152, 154, 162; --ion-color-medium-contrast: #ffffff; --ion-color-medium-contrast-rgb: 255, 255, 255; --ion-color-medium-shade: #86888f; --ion-color-medium-tint: #a2a4ab; /** light **/ --ion-color-light: #f4f5f8; --ion-color-light-rgb: 244, 244, 244; --ion-color-light-contrast: #000000; --ion-color-light-contrast-rgb: 0, 0, 0; --ion-color-light-shade: #d7d8da; --ion-color-light-tint: #f5f6f9; --ion-background-color: var(--primary); } :root .theme-app8 .light .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app8 .light .mat-option { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-option:hover:not(.mat-option-disabled), :root .theme-app8 .light .mat-option:focus:not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } :root .theme-app8 .light .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } :root .theme-app8 .light .mat-option.mat-active { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-option.mat-option-disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app8 .light .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #ef9a9a; } :root .theme-app8 .light .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #ef9a9a; } :root .theme-app8 .light .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #ffab91; } :root .theme-app8 .light .mat-optgroup-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app8 .light .mat-optgroup-disabled .mat-optgroup-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app8 .light .mat-pseudo-checkbox { color: rgba(0, 0, 0, 0.54); } :root .theme-app8 .light .mat-pseudo-checkbox::after { color: #fafafa; } :root .theme-app8 .light .mat-pseudo-checkbox-disabled { color: #b0b0b0; } :root .theme-app8 .light .mat-primary .mat-pseudo-checkbox-checked, :root .theme-app8 .light .mat-primary .mat-pseudo-checkbox-indeterminate { background: #ef9a9a; } :root .theme-app8 .light .mat-pseudo-checkbox-checked, :root .theme-app8 .light .mat-pseudo-checkbox-indeterminate, :root .theme-app8 .light .mat-accent .mat-pseudo-checkbox-checked, :root .theme-app8 .light .mat-accent .mat-pseudo-checkbox-indeterminate { background: #ef9a9a; } :root .theme-app8 .light .mat-warn .mat-pseudo-checkbox-checked, :root .theme-app8 .light .mat-warn .mat-pseudo-checkbox-indeterminate { background: #ffab91; } :root .theme-app8 .light .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, :root .theme-app8 .light .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #b0b0b0; } :root .theme-app8 .light .mat-app-background, :root .theme-app8 .light.mat-app-background { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } :root .theme-app8 .light .mat-autocomplete-panel { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: white; } :root .theme-app8 .light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-badge { position: relative; } :root .theme-app8 .light .mat-badge.mat-badge { overflow: visible; } :root .theme-app8 .light .mat-badge-hidden .mat-badge-content { display: none; } :root .theme-app8 .light .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } :root .theme-app8 .light .ng-animate-disabled .mat-badge-content, :root .theme-app8 .light .mat-badge-content._mat-animation-noopable { transition: none; } :root .theme-app8 .light .mat-badge-content.mat-badge-active { transform: none; } :root .theme-app8 .light .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } :root .theme-app8 .light .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } :root .theme-app8 .light .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } :root .theme-app8 .light .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] :root .theme-app8 .light .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } :root .theme-app8 .light .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] :root .theme-app8 .light .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } :root .theme-app8 .light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] :root .theme-app8 .light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } :root .theme-app8 .light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] :root .theme-app8 .light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } :root .theme-app8 .light .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } :root .theme-app8 .light .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } :root .theme-app8 .light .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } :root .theme-app8 .light .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] :root .theme-app8 .light .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } :root .theme-app8 .light .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] :root .theme-app8 .light .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } :root .theme-app8 .light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] :root .theme-app8 .light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } :root .theme-app8 .light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] :root .theme-app8 .light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } :root .theme-app8 .light .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } :root .theme-app8 .light .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } :root .theme-app8 .light .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } :root .theme-app8 .light .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] :root .theme-app8 .light .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } :root .theme-app8 .light .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] :root .theme-app8 .light .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } :root .theme-app8 .light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] :root .theme-app8 .light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } :root .theme-app8 .light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] :root .theme-app8 .light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } :root .theme-app8 .light .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #ef9a9a; } .cdk-high-contrast-active :root .theme-app8 .light .mat-badge-content { outline: solid 1px; border-radius: 0; } :root .theme-app8 .light .mat-badge-accent .mat-badge-content { background: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-badge-warn .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #ffab91; } :root .theme-app8 .light .mat-badge-disabled .mat-badge-content { background: #b9b9b9; color: rgba(0, 0, 0, 0.38); } :root .theme-app8 .light .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-button, :root .theme-app8 .light .mat-icon-button, :root .theme-app8 .light .mat-stroked-button { color: inherit; background: transparent; } :root .theme-app8 .light .mat-button.mat-primary, :root .theme-app8 .light .mat-icon-button.mat-primary, :root .theme-app8 .light .mat-stroked-button.mat-primary { color: #ef9a9a; } :root .theme-app8 .light .mat-button.mat-accent, :root .theme-app8 .light .mat-icon-button.mat-accent, :root .theme-app8 .light .mat-stroked-button.mat-accent { color: #ef9a9a; } :root .theme-app8 .light .mat-button.mat-warn, :root .theme-app8 .light .mat-icon-button.mat-warn, :root .theme-app8 .light .mat-stroked-button.mat-warn { color: #ffab91; } :root .theme-app8 .light .mat-button.mat-primary.mat-button-disabled, :root .theme-app8 .light .mat-button.mat-accent.mat-button-disabled, :root .theme-app8 .light .mat-button.mat-warn.mat-button-disabled, :root .theme-app8 .light .mat-button.mat-button-disabled.mat-button-disabled, :root .theme-app8 .light .mat-icon-button.mat-primary.mat-button-disabled, :root .theme-app8 .light .mat-icon-button.mat-accent.mat-button-disabled, :root .theme-app8 .light .mat-icon-button.mat-warn.mat-button-disabled, :root .theme-app8 .light .mat-icon-button.mat-button-disabled.mat-button-disabled, :root .theme-app8 .light .mat-stroked-button.mat-primary.mat-button-disabled, :root .theme-app8 .light .mat-stroked-button.mat-accent.mat-button-disabled, :root .theme-app8 .light .mat-stroked-button.mat-warn.mat-button-disabled, :root .theme-app8 .light .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } :root .theme-app8 .light .mat-button.mat-primary .mat-button-focus-overlay, :root .theme-app8 .light .mat-icon-button.mat-primary .mat-button-focus-overlay, :root .theme-app8 .light .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #ef9a9a; } :root .theme-app8 .light .mat-button.mat-accent .mat-button-focus-overlay, :root .theme-app8 .light .mat-icon-button.mat-accent .mat-button-focus-overlay, :root .theme-app8 .light .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #ef9a9a; } :root .theme-app8 .light .mat-button.mat-warn .mat-button-focus-overlay, :root .theme-app8 .light .mat-icon-button.mat-warn .mat-button-focus-overlay, :root .theme-app8 .light .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #ffab91; } :root .theme-app8 .light .mat-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app8 .light .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app8 .light .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } :root .theme-app8 .light .mat-button .mat-ripple-element, :root .theme-app8 .light .mat-icon-button .mat-ripple-element, :root .theme-app8 .light .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } :root .theme-app8 .light .mat-button-focus-overlay { background: black; } :root .theme-app8 .light .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-flat-button, :root .theme-app8 .light .mat-raised-button, :root .theme-app8 .light .mat-fab, :root .theme-app8 .light .mat-mini-fab { color: rgba(0, 0, 0, 0.87); background-color: white; } :root .theme-app8 .light .mat-flat-button.mat-primary, :root .theme-app8 .light .mat-raised-button.mat-primary, :root .theme-app8 .light .mat-fab.mat-primary, :root .theme-app8 .light .mat-mini-fab.mat-primary { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-flat-button.mat-accent, :root .theme-app8 .light .mat-raised-button.mat-accent, :root .theme-app8 .light .mat-fab.mat-accent, :root .theme-app8 .light .mat-mini-fab.mat-accent { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-flat-button.mat-warn, :root .theme-app8 .light .mat-raised-button.mat-warn, :root .theme-app8 .light .mat-fab.mat-warn, :root .theme-app8 .light .mat-mini-fab.mat-warn { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app8 .light .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app8 .light .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app8 .light .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app8 .light .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app8 .light .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app8 .light .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app8 .light .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app8 .light .mat-fab.mat-primary.mat-button-disabled, :root .theme-app8 .light .mat-fab.mat-accent.mat-button-disabled, :root .theme-app8 .light .mat-fab.mat-warn.mat-button-disabled, :root .theme-app8 .light .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app8 .light .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app8 .light .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app8 .light .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app8 .light .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } :root .theme-app8 .light .mat-flat-button.mat-primary, :root .theme-app8 .light .mat-raised-button.mat-primary, :root .theme-app8 .light .mat-fab.mat-primary, :root .theme-app8 .light .mat-mini-fab.mat-primary { background-color: #ef9a9a; } :root .theme-app8 .light .mat-flat-button.mat-accent, :root .theme-app8 .light .mat-raised-button.mat-accent, :root .theme-app8 .light .mat-fab.mat-accent, :root .theme-app8 .light .mat-mini-fab.mat-accent { background-color: #ef9a9a; } :root .theme-app8 .light .mat-flat-button.mat-warn, :root .theme-app8 .light .mat-raised-button.mat-warn, :root .theme-app8 .light .mat-fab.mat-warn, :root .theme-app8 .light .mat-mini-fab.mat-warn { background-color: #ffab91; } :root .theme-app8 .light .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app8 .light .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app8 .light .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app8 .light .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app8 .light .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app8 .light .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app8 .light .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app8 .light .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app8 .light .mat-fab.mat-primary.mat-button-disabled, :root .theme-app8 .light .mat-fab.mat-accent.mat-button-disabled, :root .theme-app8 .light .mat-fab.mat-warn.mat-button-disabled, :root .theme-app8 .light .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app8 .light .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app8 .light .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app8 .light .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app8 .light .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-flat-button.mat-primary .mat-ripple-element, :root .theme-app8 .light .mat-raised-button.mat-primary .mat-ripple-element, :root .theme-app8 .light .mat-fab.mat-primary .mat-ripple-element, :root .theme-app8 .light .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app8 .light .mat-flat-button.mat-accent .mat-ripple-element, :root .theme-app8 .light .mat-raised-button.mat-accent .mat-ripple-element, :root .theme-app8 .light .mat-fab.mat-accent .mat-ripple-element, :root .theme-app8 .light .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app8 .light .mat-flat-button.mat-warn .mat-ripple-element, :root .theme-app8 .light .mat-raised-button.mat-warn .mat-ripple-element, :root .theme-app8 .light .mat-fab.mat-warn .mat-ripple-element, :root .theme-app8 .light .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app8 .light .mat-stroked-button:not([class*=mat-elevation-z]), :root .theme-app8 .light .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-fab:not([class*=mat-elevation-z]), :root .theme-app8 .light .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), :root .theme-app8 .light .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), :root .theme-app8 .light .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-button-toggle-standalone:not([class*=mat-elevation-z]), :root .theme-app8 .light .mat-button-toggle-group:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), :root .theme-app8 .light .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) { box-shadow: none; } :root .theme-app8 .light .mat-button-toggle { color: rgba(0, 0, 0, 0.38); } :root .theme-app8 .light .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); background: white; } :root .theme-app8 .light .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: black; } :root .theme-app8 .light .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px #e0e0e0; } :root .theme-app8 .light [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px #e0e0e0; } :root .theme-app8 .light .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px #e0e0e0; } :root .theme-app8 .light .mat-button-toggle-checked { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.54); } :root .theme-app8 .light .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-button-toggle-disabled { color: rgba(0, 0, 0, 0.26); background-color: #eeeeee; } :root .theme-app8 .light .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: white; } :root .theme-app8 .light .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #bdbdbd; } :root .theme-app8 .light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, :root .theme-app8 .light .mat-button-toggle-group-appearance-standard { border: solid 1px #e0e0e0; } :root .theme-app8 .light .mat-card { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-card-subtitle { color: rgba(0, 0, 0, 0.54); } :root .theme-app8 .light .mat-checkbox-frame { border-color: rgba(0, 0, 0, 0.54); } :root .theme-app8 .light .mat-checkbox-checkmark { fill: #fafafa; } :root .theme-app8 .light .mat-checkbox-checkmark-path { stroke: #fafafa !important; } :root .theme-app8 .light .mat-checkbox-mixedmark { background-color: #fafafa; } :root .theme-app8 .light .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, :root .theme-app8 .light .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #ef9a9a; } :root .theme-app8 .light .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, :root .theme-app8 .light .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #ef9a9a; } :root .theme-app8 .light .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, :root .theme-app8 .light .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #ffab91; } :root .theme-app8 .light .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, :root .theme-app8 .light .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #b0b0b0; } :root .theme-app8 .light .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #b0b0b0; } :root .theme-app8 .light .mat-checkbox-disabled .mat-checkbox-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app8 .light .mat-checkbox .mat-ripple-element { background-color: black; } :root .theme-app8 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, :root .theme-app8 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #ef9a9a; } :root .theme-app8 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, :root .theme-app8 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #ef9a9a; } :root .theme-app8 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, :root .theme-app8 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #ffab91; } :root .theme-app8 .light .mat-chip.mat-standard-chip { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-chip.mat-standard-chip .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app8 .light .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } :root .theme-app8 .light .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } :root .theme-app8 .light .mat-chip.mat-standard-chip::after { background: black; } :root .theme-app8 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app8 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app8 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app8 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app8 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app8 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app8 .light .mat-table { background: white; } :root .theme-app8 .light .mat-table thead, :root .theme-app8 .light .mat-table tbody, :root .theme-app8 .light .mat-table tfoot, :root .theme-app8 .light mat-header-row, :root .theme-app8 .light mat-row, :root .theme-app8 .light mat-footer-row, :root .theme-app8 .light [mat-header-row], :root .theme-app8 .light [mat-row], :root .theme-app8 .light [mat-footer-row], :root .theme-app8 .light .mat-table-sticky { background: inherit; } :root .theme-app8 .light mat-row, :root .theme-app8 .light mat-header-row, :root .theme-app8 .light mat-footer-row, :root .theme-app8 .light th.mat-header-cell, :root .theme-app8 .light td.mat-cell, :root .theme-app8 .light td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-header-cell { color: rgba(0, 0, 0, 0.54); } :root .theme-app8 .light .mat-cell, :root .theme-app8 .light .mat-footer-cell { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-calendar-arrow { fill: rgba(0, 0, 0, 0.54); } :root .theme-app8 .light .mat-datepicker-toggle, :root .theme-app8 .light .mat-datepicker-content .mat-calendar-next-button, :root .theme-app8 .light .mat-datepicker-content .mat-calendar-previous-button { color: rgba(0, 0, 0, 0.54); } :root .theme-app8 .light .mat-calendar-table-header-divider::after { background: rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-calendar-table-header, :root .theme-app8 .light .mat-calendar-body-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app8 .light .mat-calendar-body-cell-content, :root .theme-app8 .light .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.87); border-color: transparent; } :root .theme-app8 .light .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(0, 0, 0, 0.38); } :root .theme-app8 .light .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.38); } :root .theme-app8 .light .mat-calendar-body-in-preview { color: rgba(0, 0, 0, 0.24); } :root .theme-app8 .light .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app8 .light .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.18); } :root .theme-app8 .light .mat-calendar-body-in-range::before { background: rgba(239, 154, 154, 0.2); } :root .theme-app8 .light .mat-calendar-body-comparison-identical, :root .theme-app8 .light .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app8 .light .mat-calendar-body-comparison-bridge-start::before, :root .theme-app8 .light [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(239, 154, 154, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app8 .light .mat-calendar-body-comparison-bridge-end::before, :root .theme-app8 .light [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(239, 154, 154, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app8 .light .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app8 .light .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app8 .light .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app8 .light .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app8 .light .mat-calendar-body-selected { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(239, 154, 154, 0.4); } :root .theme-app8 .light .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app8 .light .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(239, 154, 154, 0.3); } @media (hover: hover) { :root .theme-app8 .light .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(239, 154, 154, 0.3); } } :root .theme-app8 .light .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(239, 154, 154, 0.2); } :root .theme-app8 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, :root .theme-app8 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app8 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, :root .theme-app8 .light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(239, 154, 154, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app8 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, :root .theme-app8 .light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(239, 154, 154, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app8 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app8 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app8 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app8 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app8 .light .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(239, 154, 154, 0.4); } :root .theme-app8 .light .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app8 .light .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(239, 154, 154, 0.3); } @media (hover: hover) { :root .theme-app8 .light .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(239, 154, 154, 0.3); } } :root .theme-app8 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(255, 171, 145, 0.2); } :root .theme-app8 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, :root .theme-app8 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app8 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, :root .theme-app8 .light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 171, 145, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app8 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, :root .theme-app8 .light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 171, 145, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app8 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app8 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app8 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app8 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app8 .light .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 171, 145, 0.4); } :root .theme-app8 .light .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app8 .light .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 171, 145, 0.3); } @media (hover: hover) { :root .theme-app8 .light .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 171, 145, 0.3); } } :root .theme-app8 .light .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-datepicker-toggle-active { color: #ef9a9a; } :root .theme-app8 .light .mat-datepicker-toggle-active.mat-accent { color: #ef9a9a; } :root .theme-app8 .light .mat-datepicker-toggle-active.mat-warn { color: #ffab91; } :root .theme-app8 .light .mat-date-range-input-inner[disabled] { color: rgba(0, 0, 0, 0.38); } :root .theme-app8 .light .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-divider { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-divider-vertical { border-right-color: rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-expansion-panel { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-action-row { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), :root .theme-app8 .light .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), :root .theme-app8 .light .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(0, 0, 0, 0.04); } @media (hover: none) { :root .theme-app8 .light .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: white; } } :root .theme-app8 .light .mat-expansion-panel-header-title { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-expansion-panel-header-description, :root .theme-app8 .light .mat-expansion-indicator::after { color: rgba(0, 0, 0, 0.54); } :root .theme-app8 .light .mat-expansion-panel-header[aria-disabled=true] { color: rgba(0, 0, 0, 0.26); } :root .theme-app8 .light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, :root .theme-app8 .light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } :root .theme-app8 .light .mat-form-field-label { color: rgba(0, 0, 0, 0.6); } :root .theme-app8 .light .mat-hint { color: rgba(0, 0, 0, 0.6); } :root .theme-app8 .light .mat-form-field.mat-focused .mat-form-field-label { color: #ef9a9a; } :root .theme-app8 .light .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #ef9a9a; } :root .theme-app8 .light .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #ffab91; } :root .theme-app8 .light .mat-focused .mat-form-field-required-marker { color: #ef9a9a; } :root .theme-app8 .light .mat-form-field-ripple { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #ef9a9a; } :root .theme-app8 .light .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #ef9a9a; } :root .theme-app8 .light .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #ffab91; } :root .theme-app8 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #ef9a9a; } :root .theme-app8 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #ef9a9a; } :root .theme-app8 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #ffab91; } :root .theme-app8 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #ffab91; } :root .theme-app8 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, :root .theme-app8 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #ffab91; } :root .theme-app8 .light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, :root .theme-app8 .light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #ffab91; } :root .theme-app8 .light .mat-error { color: #ffab91; } :root .theme-app8 .light .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app8 .light .mat-form-field-appearance-legacy .mat-hint { color: rgba(0, 0, 0, 0.54); } :root .theme-app8 .light .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app8 .light .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app8 .light .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app8 .light .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app8 .light .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.04); } :root .theme-app8 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.02); } :root .theme-app8 .light .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app8 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app8 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } :root .theme-app8 .light .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #ef9a9a; } :root .theme-app8 .light .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #ef9a9a; } :root .theme-app8 .light .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #ffab91; } :root .theme-app8 .light .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #ffab91; } :root .theme-app8 .light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app8 .light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(0, 0, 0, 0.06); } :root .theme-app8 .light .mat-icon.mat-primary { color: #ef9a9a; } :root .theme-app8 .light .mat-icon.mat-accent { color: #ef9a9a; } :root .theme-app8 .light .mat-icon.mat-warn { color: #ffab91; } :root .theme-app8 .light .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.54); } :root .theme-app8 .light .mat-input-element:disabled, :root .theme-app8 .light .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.38); } :root .theme-app8 .light .mat-input-element { caret-color: #ef9a9a; } :root .theme-app8 .light .mat-input-element::placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app8 .light .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app8 .light .mat-input-element::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app8 .light .mat-input-element:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app8 .light .mat-form-field.mat-accent .mat-input-element { caret-color: #ef9a9a; } :root .theme-app8 .light .mat-form-field.mat-warn .mat-input-element, :root .theme-app8 .light .mat-form-field-invalid .mat-input-element { caret-color: #ffab91; } :root .theme-app8 .light .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #ffab91; } :root .theme-app8 .light .mat-list-base .mat-list-item { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-list-base .mat-list-option { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-list-base .mat-subheader { color: rgba(0, 0, 0, 0.54); } :root .theme-app8 .light .mat-list-base .mat-list-item-disabled { background-color: #eeeeee; color: rgba(0, 0, 0, 0.38); } :root .theme-app8 .light .mat-list-option:hover, :root .theme-app8 .light .mat-list-option:focus, :root .theme-app8 .light .mat-nav-list .mat-list-item:hover, :root .theme-app8 .light .mat-nav-list .mat-list-item:focus, :root .theme-app8 .light .mat-action-list .mat-list-item:hover, :root .theme-app8 .light .mat-action-list .mat-list-item:focus { background: rgba(0, 0, 0, 0.04); } :root .theme-app8 .light .mat-list-single-selected-option, :root .theme-app8 .light .mat-list-single-selected-option:hover, :root .theme-app8 .light .mat-list-single-selected-option:focus { background: rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-menu-panel { background: white; } :root .theme-app8 .light .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-menu-item { background: transparent; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-menu-item[disabled], :root .theme-app8 .light .mat-menu-item[disabled] .mat-menu-submenu-icon, :root .theme-app8 .light .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(0, 0, 0, 0.38); } :root .theme-app8 .light .mat-menu-item .mat-icon-no-color, :root .theme-app8 .light .mat-menu-submenu-icon { color: rgba(0, 0, 0, 0.54); } :root .theme-app8 .light .mat-menu-item:hover:not([disabled]), :root .theme-app8 .light .mat-menu-item.cdk-program-focused:not([disabled]), :root .theme-app8 .light .mat-menu-item.cdk-keyboard-focused:not([disabled]), :root .theme-app8 .light .mat-menu-item-highlighted:not([disabled]) { background: rgba(0, 0, 0, 0.04); } :root .theme-app8 .light .mat-paginator { background: white; } :root .theme-app8 .light .mat-paginator, :root .theme-app8 .light .mat-paginator-page-size .mat-select-trigger { color: rgba(0, 0, 0, 0.54); } :root .theme-app8 .light .mat-paginator-decrement, :root .theme-app8 .light .mat-paginator-increment { border-top: 2px solid rgba(0, 0, 0, 0.54); border-right: 2px solid rgba(0, 0, 0, 0.54); } :root .theme-app8 .light .mat-paginator-first, :root .theme-app8 .light .mat-paginator-last { border-top: 2px solid rgba(0, 0, 0, 0.54); } :root .theme-app8 .light .mat-icon-button[disabled] .mat-paginator-decrement, :root .theme-app8 .light .mat-icon-button[disabled] .mat-paginator-increment, :root .theme-app8 .light .mat-icon-button[disabled] .mat-paginator-first, :root .theme-app8 .light .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app8 .light .mat-progress-bar-background { fill: #f7e2e2; } :root .theme-app8 .light .mat-progress-bar-buffer { background-color: #f7e2e2; } :root .theme-app8 .light .mat-progress-bar-fill::after { background-color: #ef9a9a; } :root .theme-app8 .light .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #f7e2e2; } :root .theme-app8 .light .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #f7e2e2; } :root .theme-app8 .light .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #ef9a9a; } :root .theme-app8 .light .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #fbe6e0; } :root .theme-app8 .light .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #fbe6e0; } :root .theme-app8 .light .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #ffab91; } :root .theme-app8 .light .mat-progress-spinner circle, :root .theme-app8 .light .mat-spinner circle { stroke: #ef9a9a; } :root .theme-app8 .light .mat-progress-spinner.mat-accent circle, :root .theme-app8 .light .mat-spinner.mat-accent circle { stroke: #ef9a9a; } :root .theme-app8 .light .mat-progress-spinner.mat-warn circle, :root .theme-app8 .light .mat-spinner.mat-warn circle { stroke: #ffab91; } :root .theme-app8 .light .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.54); } :root .theme-app8 .light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #ef9a9a; } :root .theme-app8 .light .mat-radio-button.mat-primary .mat-radio-inner-circle, :root .theme-app8 .light .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app8 .light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app8 .light .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #ef9a9a; } :root .theme-app8 .light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #ef9a9a; } :root .theme-app8 .light .mat-radio-button.mat-accent .mat-radio-inner-circle, :root .theme-app8 .light .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app8 .light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app8 .light .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #ef9a9a; } :root .theme-app8 .light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #ffab91; } :root .theme-app8 .light .mat-radio-button.mat-warn .mat-radio-inner-circle, :root .theme-app8 .light .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app8 .light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app8 .light .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #ffab91; } :root .theme-app8 .light .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, :root .theme-app8 .light .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app8 .light .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, :root .theme-app8 .light .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app8 .light .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(0, 0, 0, 0.38); } :root .theme-app8 .light .mat-radio-button .mat-ripple-element { background-color: black; } :root .theme-app8 .light .mat-select-value { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-select-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app8 .light .mat-select-disabled .mat-select-value { color: rgba(0, 0, 0, 0.38); } :root .theme-app8 .light .mat-select-arrow { color: rgba(0, 0, 0, 0.54); } :root .theme-app8 .light .mat-select-panel { background: white; } :root .theme-app8 .light .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #ef9a9a; } :root .theme-app8 .light .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #ef9a9a; } :root .theme-app8 .light .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #ffab91; } :root .theme-app8 .light .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #ffab91; } :root .theme-app8 .light .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(0, 0, 0, 0.38); } :root .theme-app8 .light .mat-drawer-container { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-drawer { background-color: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-drawer.mat-drawer-push { background-color: white; } :root .theme-app8 .light .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-drawer-side { border-right: solid 1px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } :root .theme-app8 .light [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } :root .theme-app8 .light [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(0, 0, 0, 0.6); } :root .theme-app8 .light .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #ef9a9a; } :root .theme-app8 .light .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(239, 154, 154, 0.54); } :root .theme-app8 .light .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #ef9a9a; } :root .theme-app8 .light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #ef9a9a; } :root .theme-app8 .light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(239, 154, 154, 0.54); } :root .theme-app8 .light .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #ef9a9a; } :root .theme-app8 .light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #ffab91; } :root .theme-app8 .light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 171, 145, 0.54); } :root .theme-app8 .light .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #ffab91; } :root .theme-app8 .light .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: black; } :root .theme-app8 .light .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #fafafa; } :root .theme-app8 .light .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app8 .light .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app8 .light .mat-slider.mat-primary .mat-slider-track-fill, :root .theme-app8 .light .mat-slider.mat-primary .mat-slider-thumb, :root .theme-app8 .light .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #ef9a9a; } :root .theme-app8 .light .mat-slider.mat-primary .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-slider.mat-primary .mat-slider-focus-ring { background-color: rgba(239, 154, 154, 0.2); } :root .theme-app8 .light .mat-slider.mat-accent .mat-slider-track-fill, :root .theme-app8 .light .mat-slider.mat-accent .mat-slider-thumb, :root .theme-app8 .light .mat-slider.mat-accent .mat-slider-thumb-label { background-color: #ef9a9a; } :root .theme-app8 .light .mat-slider.mat-accent .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(239, 154, 154, 0.2); } :root .theme-app8 .light .mat-slider.mat-warn .mat-slider-track-fill, :root .theme-app8 .light .mat-slider.mat-warn .mat-slider-thumb, :root .theme-app8 .light .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #ffab91; } :root .theme-app8 .light .mat-slider.mat-warn .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(255, 171, 145, 0.2); } :root .theme-app8 .light .mat-slider:hover .mat-slider-track-background, :root .theme-app8 .light .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app8 .light .mat-slider.mat-slider-disabled .mat-slider-track-background, :root .theme-app8 .light .mat-slider.mat-slider-disabled .mat-slider-track-fill, :root .theme-app8 .light .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app8 .light .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app8 .light .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, :root .theme-app8 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, :root .theme-app8 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app8 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); background-color: transparent; } :root .theme-app8 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, :root .theme-app8 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app8 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, :root .theme-app8 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); } :root .theme-app8 .light .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(0, 0, 0, 0.7); } :root .theme-app8 .light .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } :root .theme-app8 .light .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } :root .theme-app8 .light .mat-step-header.cdk-keyboard-focused, :root .theme-app8 .light .mat-step-header.cdk-program-focused, :root .theme-app8 .light .mat-step-header:hover:not([aria-disabled]), :root .theme-app8 .light .mat-step-header:hover[aria-disabled=false] { background-color: rgba(0, 0, 0, 0.04); } :root .theme-app8 .light .mat-step-header:hover[aria-disabled=true] { cursor: default; } @media (hover: none) { :root .theme-app8 .light .mat-step-header:hover { background: none; } } :root .theme-app8 .light .mat-step-header .mat-step-label, :root .theme-app8 .light .mat-step-header .mat-step-optional { color: rgba(0, 0, 0, 0.54); } :root .theme-app8 .light .mat-step-header .mat-step-icon { background-color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-step-header .mat-step-icon-selected, :root .theme-app8 .light .mat-step-header .mat-step-icon-state-done, :root .theme-app8 .light .mat-step-header .mat-step-icon-state-edit { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-step-header.mat-accent .mat-step-icon { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-step-header.mat-accent .mat-step-icon-selected, :root .theme-app8 .light .mat-step-header.mat-accent .mat-step-icon-state-done, :root .theme-app8 .light .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-step-header.mat-warn .mat-step-icon { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-step-header.mat-warn .mat-step-icon-selected, :root .theme-app8 .light .mat-step-header.mat-warn .mat-step-icon-state-done, :root .theme-app8 .light .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #ffab91; } :root .theme-app8 .light .mat-step-header .mat-step-label.mat-step-label-active { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-step-header .mat-step-label.mat-step-label-error { color: #ffab91; } :root .theme-app8 .light .mat-stepper-horizontal, :root .theme-app8 .light .mat-stepper-vertical { background-color: white; } :root .theme-app8 .light .mat-stepper-vertical-line::before { border-left-color: rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-horizontal-stepper-header::before, :root .theme-app8 .light .mat-horizontal-stepper-header::after, :root .theme-app8 .light .mat-stepper-horizontal-line { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-sort-header-arrow { color: #757575; } :root .theme-app8 .light .mat-tab-nav-bar, :root .theme-app8 .light .mat-tab-header { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-tab-group-inverted-header .mat-tab-nav-bar, :root .theme-app8 .light .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: none; } :root .theme-app8 .light .mat-tab-label, :root .theme-app8 .light .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-tab-label.mat-tab-disabled, :root .theme-app8 .light .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app8 .light .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app8 .light .mat-tab-group[class*=mat-background-] > .mat-tab-header, :root .theme-app8 .light .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } :root .theme-app8 .light .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(244, 67, 54, 0.3); } :root .theme-app8 .light .mat-tab-group.mat-primary .mat-ink-bar, :root .theme-app8 .light .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #ef9a9a; } :root .theme-app8 .light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app8 .light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, :root .theme-app8 .light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app8 .light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } :root .theme-app8 .light .mat-tab-group.mat-accent .mat-ink-bar, :root .theme-app8 .light .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #ef9a9a; } :root .theme-app8 .light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app8 .light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, :root .theme-app8 .light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app8 .light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app8 .light .mat-tab-group.mat-warn .mat-ink-bar, :root .theme-app8 .light .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #ffab91; } :root .theme-app8 .light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app8 .light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, :root .theme-app8 .light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app8 .light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(244, 67, 54, 0.3); } :root .theme-app8 .light .mat-tab-group.mat-background-primary > .mat-tab-header, :root .theme-app8 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container, :root .theme-app8 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #ef9a9a; } :root .theme-app8 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app8 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app8 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app8 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app8 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app8 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app8 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app8 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app8 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app8 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app8 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app8 .light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } :root .theme-app8 .light .mat-tab-group.mat-background-accent > .mat-tab-header, :root .theme-app8 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container, :root .theme-app8 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #ef9a9a; } :root .theme-app8 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app8 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app8 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app8 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app8 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app8 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app8 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app8 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app8 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app8 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app8 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app8 .light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app8 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app8 .light .mat-tab-group.mat-background-warn > .mat-tab-header, :root .theme-app8 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container, :root .theme-app8 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #ffab91; } :root .theme-app8 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app8 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app8 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app8 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app8 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app8 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app8 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app8 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app8 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app8 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app8 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app8 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app8 .light .mat-toolbar { background: whitesmoke; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-toolbar.mat-primary { background: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-toolbar.mat-accent { background: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-toolbar.mat-warn { background: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-toolbar .mat-form-field-underline, :root .theme-app8 .light .mat-toolbar .mat-form-field-ripple, :root .theme-app8 .light .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } :root .theme-app8 .light .mat-toolbar .mat-form-field-label, :root .theme-app8 .light .mat-toolbar .mat-focused .mat-form-field-label, :root .theme-app8 .light .mat-toolbar .mat-select-value, :root .theme-app8 .light .mat-toolbar .mat-select-arrow, :root .theme-app8 .light .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } :root .theme-app8 .light .mat-toolbar .mat-input-element { caret-color: currentColor; } :root .theme-app8 .light .mat-tooltip { background: rgba(97, 97, 97, 0.9); } :root .theme-app8 .light .mat-tree { background: white; } :root .theme-app8 .light .mat-tree-node, :root .theme-app8 .light .mat-nested-tree-node { color: rgba(0, 0, 0, 0.87); } :root .theme-app8 .light .mat-snack-bar-container { color: rgba(255, 255, 255, 0.7); background: #323232; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app8 .light .mat-simple-snackbar-action { color: #ef9a9a; } :root .theme-app8 body { -webkit-user-select: text; user-select: text; } :root .theme-app8 ion-label { -webkit-user-select: text; user-select: text; } :root .theme-app8 ion-item { background-color: var(--ion-background-color); border-bottom: 1px solid var(--secondary); } :root .theme-app8 .file-button { margin: 20px; background: transparent !important; color: var(--primaryText); font-size: 17px !important; font-weight: 300 !important; height: 44px !important; } :root .theme-app8 .file-button::-webkit-file-upload-button { background: transparent !important; margin-right: 10px !important; color: var(--accent); border-width: 2px; border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; font-weight: 300 !important; height: 44px !important; box-shadow: none !important; border-radius: 8px !important; } :root .theme-app8 main-menu .item-inner { margin-left: 6px !important; } :root .theme-app8 ion-split-pane { --side-max-width: 280px; --side-min-width: 280px; } :root .theme-app8 #leftMenu { border-color: var(--borderColor) !important; background-color: var(--primary); } :root .theme-app8 .dark .menuLogo { margin-top: 15px; margin-bottom: 15px; background-image: url('logo-dark.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app8 .dark .menuLogoIos { margin-top: 55px; margin-bottom: 15px; background-image: url('logo-dark.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app8 .light .menuLogo { margin-top: 15px; margin-bottom: 15px; background-image: url('logo-light.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app8 .light .menuLogoIos { margin-top: 45px; margin-bottom: 15px; background-image: url('logo-light.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app8 .menuIcon { color: var(--iconColor) !important; } :root .theme-app8 .padded-divider { padding: 3px; margin-bottom: 10px; width: 100%; border-bottom: 3px solid var(--accent) !important; } :root .theme-app8 ion-radio { --color-checked: var(--accent); --color: var(--accent); width: 20px; height: 20px; } :root .theme-app8 ion-button { --background: var(--accentBackground); color: var(--accent); --border-width: 2px; --border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app8 .button-style { --background: var(--accentBackground); color: var(--accent); --border-width: 2px; --border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app8 .button-style:hover { cursor: pointer; } :root .theme-app8 .button-cancel { color: red; border: none !important; --border-width: 0px !important; } :root .theme-app8 .small-button { height: 20px; font-size: 10px !important; margin: 3px; color: var(--accent); } :root .theme-app8 .medium-button { height: 25px; font-size: 15px !important; margin-top: 10px; margin-bottom: 10px; color: var(--accent); } :root .theme-app8 .default-h1 { font-size: 24px; color: var(--primaryText); font-weight: 300; } :root .theme-app8 .default-h2 { font-size: 24px; color: var(--primaryText); font-weight: 300; } :root .theme-app8 .default-h3 { font-size: 22px; color: var(--primaryText); font-weight: 400; } :root .theme-app8 .default-h4 { font-size: 17px; color: var(--primaryText); font-weight: 300; } :root .theme-app8 .default-h5 { font-size: 15px; color: var(--primaryText); font-weight: 200; } :root .theme-app8 .default-h6 { font-size: 14px; color: var(--primaryText); font-weight: 100; } :root .theme-app8 .default-p { font-size: 14px; color: var(--primaryText); font-weight: 300; } :root .theme-app8 .default-small { font-size: 12px; color: var(--primaryText); font-weight: 1; } :root .theme-app8 ion-header { background-color: var(--primary); } :root .theme-app8 ion-header [class^=icon-]:before, :root .theme-app8 ion-header [class*=" icon-"]:before { width: auto !important; margin-left: 0 !important; } :root .theme-app8 ion-footer { background-color: var(--primary); } :root .theme-app8 .header-md::after { background-image: none !important; } :root .theme-app8 ion-toolbar { color: var(--accent); } :root .theme-app8 .toolbar { background-color: var(--primary); --background: var(--primary); } :root .theme-app8 .toolbar .toolbar-title { font-weight: 400; } :root .theme-app8 .toolbar ion-title { font-size: larger; } :root .theme-app8 .toolbar ion-title, :root .theme-app8 .toolbar ion-title-ios, :root .theme-app8 .toolbar ion-back-button, :root .theme-app8 .toolbar ion-butto, :root .theme-app8 .toolbar ion-icon, :root .theme-app8 .toolbar ion-menu-button { color: var(--accentText); } :root .theme-app8 .toolbar-icon { color: var(--accentText); } :root .theme-app8 .alert-controller-withTheme { overflow: hidden; --background:var(--primary); color: var(--primaryText) !important; } :root .theme-app8 .alert-controller-withTheme .alert-wrapper { border-radius: 15px !important; background: var(--primary); border-color: var(--accent) !important; } :root .theme-app8 .alert-controller-withTheme .alert-head .alert-title { color: var(--primaryText); } :root .theme-app8 .alert-controller-withTheme .alert-message { color: var(--primaryText); } :root .theme-app8 .alert-controller-withTheme .alert-message strong { color: var(--ion-color-danger); } :root .theme-app8 .alert-controller-withTheme .alert-button-group #cancel-button.alert-button .alert-button-inner { color: var(--secondaryText); } :root .theme-app8 .alert-controller-withTheme .alert-button-group #confirm-button.alert-button .alert-button-inner { font-weight: bold; color: var(--ion-color-danger); } :root .theme-app8 .alert-controller-withTheme .alert-button-group #confirm-button-good.alert-button .alert-button-inner { font-weight: bold; color: var(--primaryText); } :root .theme-app8 ion-input { border-radius: 10px !important; margin-top: 5px; margin-bottom: 5px; margin-left: 10px; margin-right: 10px; font-size: 0.9em; color: var(--primaryText); --background: rgba(219,219,219, .03) !important; /* height: 10%; */ /* width: 41%; */ } :root .theme-app8 .withTheme { border: 2px solid var(--borderColor); margin: 10px; padding: 0px !important; border-radius: 15px; overflow: hidden; color: var(--primaryText) !important; } :root .theme-app8 .withTheme ion-card-title, :root .theme-app8 .withTheme ion-card-content, :root .theme-app8 .withTheme ion-label, :root .theme-app8 .withTheme mat-list-item { color: var(--primaryText) !important; } :root .theme-app8 .withTheme span { color: var(--primaryText) !important; } :root .theme-app8 .withTheme ion-img { --border-radius: 8px; } :root .theme-app8 .withTheme ion-thumbnail { --border-radius: 8px; } :root .theme-app8 .withTheme ion-item:hover { border-left: 8px solid var(--borderColor); transition: border-width 0.1s ease-in-out; } :root .theme-app8 .withTheme ion-item.nohover:hover { border-left: none; } :root .theme-app8 .withTheme ion-card-subtitle { color: var(--secondaryText) !important; } :root .theme-app8 .withTheme div.small-distance { margin: 2px; color: var(--primaryText); border: 1px solid var(--borderColor); font-size: 10px; padding-top: 3px; padding-left: 5px; padding-right: 5px; border-radius: 7px; height: 20px; } :root .theme-app8 .withTheme .aligned-with-icon { position: relative; font-size: 8px; top: 11px; margin-left: -25px; /* optional */ margin-right: 8px; } :root .theme-app8 .thumbnail-rounded { border-radius: 6px !important; } :root .theme-app8 .leftMenuColor ion-icon { color: var(--accent); font-family: Montserrat, sans-serif; } :root .theme-app8 .leftMenuColor ion-label { color: var(--primaryText); font-family: Montserrat, sans-serif; font-weight: thin !important; } :root .theme-app8 .leftMenuColor ion-toggle { --background: #3c3e42; --background-checked: #3c3e42; --handle-background: var(--accent); --handle-background-checked: var(--accent); } :root .theme-app8 .floatInput ion-label { color: var(--primaryText); } :root .theme-app8 .floatInput ion-input { color: var(--primaryText); } :root .theme-app8 .breakline-space { margin: 10px; border: 1px solid var(--borderColor) !important; } :root .theme-app8 ion-badge { border-radius: 10px !important; padding: 10px 10px !important; margin: 10px; border: 1px solid var(--borderColor) !important; } :root .theme-app8 ion-badge.failure { border: 1px solid red !important; } :root .theme-app8 ion-badge.success { border: 1px solid white !important; } :root .theme-app8 .row-is-selected { background-color: rgba(211, 211, 211, 0.8); } :root .theme-app8 .alertClass { color: white; background-color: rgba(200, 200, 200, 0.2); } :root .theme-app8 .alertClass .alert-title { font-weight: bolder; } :root .theme-app8 .alertClassActionButton { border: white; border: 2px solid var(--borderColor); border-radius: 7px; } :root .theme-app8 .alert-sub-title.sc-ion-alert-md, :root .theme-app8 .alert-title.sc-ion-alert-md, :root .theme-app8 .alert-message, :root .theme-app8 .sc-ion-alert-md { color: #e0e0e0; } :root .theme-app8 .toastError { --background: red; --color: black; } :root .theme-app8 .custom-options { --placeholder-opacity: 1; color: var(--primaryText); --placeholder-color: var(--primaryText); } :root .theme-app8 .custom-options ion-select::part(text) { color: var(--primaryText); } :root .theme-app8 .custom-options .select-interface-option { --color: var(--primaryText); color: var(--primaryText); } :root .theme-app8 .primaryText { color: var(--primaryText); } :root .theme-app8 .selectClass { min-width: 70%; color: white !important; } :root .theme-app8 .selectClass ion-select { max-width: 70% !important; } :root .theme-app8 .selectClass .sc-ion-alert-md { color: white; } :root .theme-app8 .selectClass .alert-radio-inner.sc-ion-alert-md { background-color: white !important; } :root .theme-app8 .selectClass .alert-radio-label.sc-ion-alert-md { color: white; font-weight: bold; } :root .theme-app8 .selectClass .alert-button.alert-button-inner { color: white; } :root .theme-app8 .selectClass .popover-content { min-width: 90% !important; } :root .theme-app8 .dateRanger { color: var(--ion-color-danger); font-weight: bold; font-size: large; } :root .theme-app8 .eventFloater { color: white; font-weight: bold; padding: 10px; border-radius: 10px; font-size: large; background-color: var(--ion-color-danger); } :root .theme-app8 .chatContainer ion-card-subtitle { padding-top: 3px; } :root .theme-app8 .chatContainer::after { content: ""; clear: both; display: table; } :root .theme-app8 .chatMessageOtherUser { color: white; float: left; } :root .theme-app8 .chatMessageLoggedInUser { color: white; float: right; } :root .theme-app8 .chatUsername { font-weight: bolder; } :root .theme-app8 .ion-icon { color: var(--accentText); } :root .theme-app8 .numberCard ion-card-header { color: white !important; } :root .theme-app8 .numberCard ion-card-header ion-card-subtitle { color: white !important; font-weight: bold; font-size: 20px !important; } :root .theme-app8 .numberCard ion-card-header ion-card-subtitle ion-icon { font-size: 30px !important; color: var(--borderColor); } :root .theme-app8 .numberCard ion-card-header ion-card-title { color: var(--primary) !important; font-weight: bold; padding: 10px; background: var(--accent); border-radius: 10px; float: right; } :root .theme-app8 .numberCard ion-card-content ion-button { margin-top: 10px; } :root .theme-app8 .numberCard ion-card-content div.leftBound { margin-top: 10px; padding: 5px; border-left: 2px solid var(--borderColor); border-bottom: 2px solid var(--borderColor); border-bottom-left-radius: 10px; } :root .theme-app8 .numberCard ion-card-content div.leftBound:hover { border-left: 8px solid var(--borderColor); transition: border-width 0.1s ease-in-out; } :root .theme-app8 .qrCodeStyle { display: flex; align-items: center; justify-content: center; opacity: 1; } :root .theme-app8 .qrCodeStyle img { border-radius: 25px; } :root .theme-app8 .matt-tree-styling { background-color: transparent; padding-top: 20px; margin-top: 20px; } :root .theme-app8 .matt-tree-styling .tree-nested-node { padding-left: 30px; margin-left: 10px; padding-left: 40px; } :root .theme-app8 .matt-tree-styling mat-tree { margin-left: 40px !important; background-color: transparent; } :root .theme-app8 .matt-tree-styling .mat-tree-hover:hover { background-color: var(--accentHover) !important; border-radius: 5px; } :root .theme-app8 .matt-tree-styling .mat-tree-node { padding: 3px; background-color: transparent; } :root .theme-app8 .matt-tree-styling .mat-nested-tree-node { top: -24px !important; background-color: transparent; } :root .theme-app8 .matt-tree-styling ul, :root .theme-app8 .matt-tree-styling li { list-style: none; margin: 0; padding: 0; background-color: transparent; } :root .theme-app8 .matt-tree-styling li.tree-container { border-bottom: 0; background-color: transparent; } :root .theme-app8 .matt-tree-styling li { padding-left: 40px; border-left: 1px dotted grey !important; border-bottom: 1px dotted grey !important; border-bottom-left-radius: 10px; border-width: 0 0 1px 1px; position: relative; top: -24px; background-color: transparent; } :root .theme-app8 .matt-tree-styling li.mat-tree-node, :root .theme-app8 .matt-tree-styling li div { margin: 0; position: relative; top: 15px !important; background-color: transparent; } :root .theme-app8 .matt-tree-styling li ul { padding-right: 80px !important; background-color: transparent; } :root .theme-app8 .popover_style ion-backdrop { --backdrop-opacity: 0.9; } :root .theme-app8 .full-modal-cover { --border-radius: 15px; --min-height: 85% !important; --min-width: 85% !important; --padding:10px !important; } :root .theme-app8 .full-modal-cover .modal-wrapper { height: 30%; width: 90%; border-radius: 10px; } :root .theme-app8 .full-modal-cover-narrow { --border-radius: 15px; --min-height: 85% !important; --min-width: 450px !important; --padding:10px !important; } :root .theme-app8 .full-modal-cover-narrow .modal-wrapper { height: 30%; width: 90%; border-radius: 10px; } :root .theme-app8 .small-modal-cover .modal-wrapper { border-radius: 15px; padding: 10px; } :root .theme-app8 .no-background-modal .modal-wrapper { --min-height: 95% !important; --min-width: 75% !important; --background: rgba(46, 46, 46, 0); --border-style: none; --box-shadow:none; --border-radius:none; --border-style:none; --border-color:none; --border-width:0px; } :root .theme-app8 .small-no-background-modal .modal-wrapper { --background: rgba(46, 46, 46, 0) !important; --border-style: none !important; --box-shadow:none !important; --border-radius:none !important; --border-style:none !important; --border-color:none !important; --border-width:0px !important; } :root .theme-app8 .firmware-chain { font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app8 .fab-close { font-size: large !important; font-weight: bold !important; border-color: var(--accent) !important; border-radius: 18px !important; } :root .theme-app8 .fab-close:hover { background-color: var(--accent) !important; } :root .theme-app8 ::-webkit-scrollbar { width: 10px; } :root .theme-app8 ::-webkit-scrollbar-track { background: none; } :root .theme-app8 ::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 5px; } :root .theme-app8 ::-webkit-scrollbar-thumb:hover { background: #555; } :root .theme-app8 .deck-tooltip { border-radius: 7px; } :root .theme-app8 .map-control-panel { position: absolute; top: 0; left: 0; display: flex; } :root .theme-app8 .map-control-panel ion-card { margin: 20px; padding: 10px; border-radius: 10px; } :root .theme-app8 .map-control-panel ion-item { color: var(--primaryText); } :root .theme-app8 .map-control-panel ion-item ion-button { padding-top: 3px; padding-bottom: 3px; } :root .theme-app8 .map-control-panel ion-thumbnail { --border-radius: 5px; } :root .theme-app8 .map-control-panel .ion-label-title { font-weight: 500; } :root .theme-app8 .map-control-panel .ion-label-body { font-weight: lighter; } :root .theme-app8 .scanCheckBox { float: right; font-size: small; } :root .theme-app8 .scanCheckBox ion-checkbox { margin-left: 4px; margin-bottom: -4px; --border-color: var(--borderColor); --border-color-checked: var(--borderColor); --checkmark-color: var(--borderColor); } :root .theme-app8 .accentText { color: var(--accentText); } :root .theme-app8 a { color: var(--accentDarkText); } :root .theme-app8 .layerLabel { text-transform: capitalize; color: var(--primaryText); } :root .theme-app8 .mini-profile { border: 2px solid var(--borderColor); display: inline-block; color: var(--accentText) !important; margin: 10px; padding: 8 30px; height: 30px; font-size: 16px; line-height: 25px; border-radius: 25px; } :root .theme-app8 .mini-profile img { float: left; margin-left: 10px; height: 25px; background-color: white; border-radius: 50%; padding-top: 1px; padding-right: 2px; } :root .theme-app8 .searchbar-input { background: white !important; font-size: 1.25em !important; border: 1px solid transparent; border-radius: 10px !important; height: 30px !important; } :root .theme-app8 .searchbar-search-icon.sc-ion-searchbar-md { top: 6px; } :root .theme-app8 .sc-ion-searchbar-ios-h { padding-bottom: 0 !important; } :root .theme-app8 .badgeAsSelection { --background:var(--accent) !important; color: var(--secondaryBaseText); cursor: pointer; } :root .theme-app8 .badgeAsOptions { --background:none !important; color: var(--accentText); border: 2px solid var(--borderColor); cursor: pointer; } :root .theme-app8 .badgeAsOptions { --background:none !important; color: var(--accentText); border: 2px solid var(--borderColor); cursor: pointer; } :root .theme-app8 .clearOptions { --background:none !important; color: red !important; border: 1px solid red !important; cursor: pointer; } :root .theme-app8 .ng-star-inserted { color: var(--primaryText) !important; } :root .theme-app8 .apexcharts-xaxis-label { fill: var(--primaryText) !important; } :root .theme-app8 .apexcharts-xaxis text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app8 .apexcharts-yaxis-label { fill: var(--primaryText) !important; color: var(--primaryText) !important; } :root .theme-app8 .apexcharts-yaxis text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app8 .apexcharts-title-text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app8 .apexcharts-tooltip { background: #f3f3f3 !important; color: black !important; fill: black !important; } :root .theme-app8 .apexcharts-tooltip span { color: black !important; fill: black !important; } :root .theme-app8 .apexcharts-tooltip-text { color: black !important; fill: black !important; } :root .theme-app8 .apexcharts-tooltip-text-y-label { color: black !important; fill: black !important; } :root .theme-app8 .apexcharts-tooltip-y-group span { color: black !important; fill: black !important; } :root .theme-app8 .area-custom-gradient { fill: linear-gradient(to bottom, #FF5733, #FFCC00); } :root .theme-app8 ion-item-divider { border-color: var(--secondary); } :root .theme-app8 ion-item-divider ion-label { --border-color: var(--secondary) !important; /* Replace with your desired color */ border-color: var(--secondary); } :root .theme-app8 .btn-prev-next { border: 1px solid lightgray; background-color: transparent; color: var(--primaryText); width: 30px; font-size: large; } :root .theme-app8 ion-accordion-group ion-accordion .ion-accordion-toggle-icon { color: var(--primaryText); } :root .theme-app8 .device-status-box { border: 2px solid var(--secondary); /* Set the border color to your desired color */ box-shadow: none; /* Set the box shadow color */ } :root .theme-app8 .counts { color: var(--primaryText); text-align: center; } :root .theme-app8 gridster-item { background-color: var(--ion-background-color) !important; } :root .theme-app8 gridster { background-color: var(--ion-background-color) !important; } :root .theme-app8 ion-fab ion-fab-button { --background: var(--accent); color: white; } :root .theme-app8 #chart path.apexcharts-area { fill: #ff5733; /* Set the fill color to your desired color */ } :root .theme-app8 #chart path.apexcharts-area:hover { fill: #ff33cc; /* Set the hover fill color to your desired color */ } :root .theme-app8 .card-indent { margin-left: 100px !important; } :root .theme-app8 .card-indent:before { content: ""; position: absolute; top: 50%; left: 111px; /* Adjust this value to position the arrow */ width: 0; height: 0; border-style: solid; border-width: 5px 7px 0 7px; border-color: #000 transparent transparent transparent; /* Change color if needed */ transform: translateY(-50%) rotate(45deg); } :root .theme-app8 .valid-alert { --background: green; /* Set the background color to green */ /* You can add more custom styles here */ } :root .theme-app8 .invlid-alert { --background: red; /* Set the background color to red */ /* You can add more custom styles here */ } :root .theme-app8 .mat-tabs .mat-ink-bar { background-color: var(--accent) !important; } :root .theme-app8 .mat-table { overflow-x: scroll; } :root .theme-app8 .mat-cell, :root .theme-app8 .mat-header-cell { word-wrap: initial; display: table-cell; padding: 0px 10px; line-break: unset; width: 100%; white-space: nowrap; overflow: hidden; vertical-align: middle; } :root .theme-app8 .mat-row, :root .theme-app8 .mat-header-row { display: table-row; } :root .theme-app8 .mat-tab-label { padding: 5px; background-color: transparent; color: var(--accent); font-weight: 700; } :root .theme-app8 .mat-tab-label.mat-tab-label-active { padding: 5px; background-color: transparent; color: var(--accent); font-weight: 700; } :root .theme-app8 .mat-ink-bar { background-color: var(--accent); } :root .theme-app8 mat-label { color: var(--primaryText); } :root .theme-app8 mat-form-field { color: var(--primaryText); } :root .theme-app8 mat-form-field input { color: var(--primaryText); } :root .theme-app8 .mat-icon { color: var(--primaryText); } :root .mat-badge-content { font-weight: 600; font-size: 12px; font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-badge-small .mat-badge-content { font-size: 9px; } :root .mat-badge-large .mat-badge-content { font-size: 24px; } :root .mat-h1, :root .mat-headline, :root .mat-typography .mat-h1, :root .mat-typography .mat-headline, :root .mat-typography h1 { font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h2, :root .mat-title, :root .mat-typography .mat-h2, :root .mat-typography .mat-title, :root .mat-typography h2 { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h3, :root .mat-subheading-2, :root .mat-typography .mat-h3, :root .mat-typography .mat-subheading-2, :root .mat-typography h3 { font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h4, :root .mat-subheading-1, :root .mat-typography .mat-h4, :root .mat-typography .mat-subheading-1, :root .mat-typography h4 { font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h5, :root .mat-typography .mat-h5, :root .mat-typography h5 { font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } :root .mat-h6, :root .mat-typography .mat-h6, :root .mat-typography h6 { font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } :root .mat-body-strong, :root .mat-body-2, :root .mat-typography .mat-body-strong, :root .mat-typography .mat-body-2 { font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-body, :root .mat-body-1, :root .mat-typography .mat-body, :root .mat-typography .mat-body-1, :root .mat-typography { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-body p, :root .mat-body-1 p, :root .mat-typography .mat-body p, :root .mat-typography .mat-body-1 p, :root .mat-typography p { margin: 0 0 12px; } :root .mat-small, :root .mat-caption, :root .mat-typography .mat-small, :root .mat-typography .mat-caption { font: 400 12px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-display-4, :root .mat-typography .mat-display-4 { font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.05em; margin: 0 0 56px; } :root .mat-display-3, :root .mat-typography .mat-display-3 { font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.02em; margin: 0 0 64px; } :root .mat-display-2, :root .mat-typography .mat-display-2 { font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.005em; margin: 0 0 64px; } :root .mat-display-1, :root .mat-typography .mat-display-1 { font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 64px; } :root .mat-bottom-sheet-container { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-button, :root .mat-raised-button, :root .mat-icon-button, :root .mat-stroked-button, :root .mat-flat-button, :root .mat-fab, :root .mat-mini-fab { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-button-toggle { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-card { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-card-title { font-size: 24px; font-weight: 500; } :root .mat-card-header .mat-card-title { font-size: 20px; } :root .mat-card-subtitle, :root .mat-card-content { font-size: 14px; } :root .mat-checkbox { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-checkbox-layout .mat-checkbox-label { line-height: 24px; } :root .mat-chip { font-size: 14px; font-weight: 500; } :root .mat-chip .mat-chip-trailing-icon.mat-icon, :root .mat-chip .mat-chip-remove.mat-icon { font-size: 18px; } :root .mat-table { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-header-cell { font-size: 12px; font-weight: 500; } :root .mat-cell, :root .mat-footer-cell { font-size: 14px; } :root .mat-calendar { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-calendar-body { font-size: 13px; } :root .mat-calendar-body-label, :root .mat-calendar-period-button { font-size: 14px; font-weight: 500; } :root .mat-calendar-table-header th { font-size: 11px; font-weight: 400; } :root .mat-dialog-title { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-expansion-panel-header { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 15px; font-weight: 400; } :root .mat-expansion-panel-content { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-form-field { font-size: inherit; font-weight: 400; line-height: 1.125; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-form-field-wrapper { padding-bottom: 1.34375em; } :root .mat-form-field-prefix .mat-icon, :root .mat-form-field-suffix .mat-icon { font-size: 150%; line-height: 1.125; } :root .mat-form-field-prefix .mat-icon-button, :root .mat-form-field-suffix .mat-icon-button { height: 1.5em; width: 1.5em; } :root .mat-form-field-prefix .mat-icon-button .mat-icon, :root .mat-form-field-suffix .mat-icon-button .mat-icon { height: 1.125em; line-height: 1.125; } :root .mat-form-field-infix { padding: 0.5em 0; border-top: 0.84375em solid transparent; } :root .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34367em) scale(0.75); width: 133.3334133333%; } :root .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34366em) scale(0.75); width: 133.3334233333%; } :root .mat-form-field-label-wrapper { top: -0.84375em; padding-top: 0.84375em; } :root .mat-form-field-label { top: 1.34375em; } :root .mat-form-field-underline { bottom: 1.34375em; } :root .mat-form-field-subscript-wrapper { font-size: 75%; margin-top: 0.6666666667em; top: calc(100% - 1.7916666667em); } :root .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 1.25em; } :root .mat-form-field-appearance-legacy .mat-form-field-infix { padding: 0.4375em 0; } :root .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00124px); width: 133.3335733333%; } :root .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 { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00125px); width: 133.3335833333%; } :root .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 { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00126px); width: 133.3335933333%; } :root .mat-form-field-appearance-legacy .mat-form-field-label { top: 1.28125em; } :root .mat-form-field-appearance-legacy .mat-form-field-underline { bottom: 1.25em; } :root .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { margin-top: 0.5416666667em; top: calc(100% - 1.6666666667em); } @media print { :root .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28098em) scale(0.75); } :root .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 { transform: translateY(-1.28097em) scale(0.75); } :root .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 { transform: translateY(-1.28096em) scale(0.75); } } :root .mat-form-field-appearance-fill .mat-form-field-infix { padding: 0.25em 0 0.75em 0; } :root .mat-form-field-appearance-fill .mat-form-field-label { top: 1.09375em; margin-top: -0.5em; } :root .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59367em) scale(0.75); width: 133.3334133333%; } :root .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 { transform: translateY(-0.59366em) scale(0.75); width: 133.3334233333%; } :root .mat-form-field-appearance-outline .mat-form-field-infix { padding: 1em 0 1em 0; } :root .mat-form-field-appearance-outline .mat-form-field-label { top: 1.84375em; margin-top: -0.25em; } :root .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59367em) scale(0.75); width: 133.3334133333%; } :root .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 { transform: translateY(-1.59366em) scale(0.75); width: 133.3334233333%; } :root .mat-grid-tile-header, :root .mat-grid-tile-footer { font-size: 14px; } :root .mat-grid-tile-header .mat-line, :root .mat-grid-tile-footer .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-grid-tile-header .mat-line:nth-child(n+2), :root .mat-grid-tile-footer .mat-line:nth-child(n+2) { font-size: 12px; } :root input.mat-input-element { margin-top: -0.0625em; } :root .mat-menu-item { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 400; } :root .mat-paginator, :root .mat-paginator-page-size .mat-select-trigger { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; } :root .mat-radio-button { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-select { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-select-trigger { height: 1.125em; } :root .mat-slide-toggle-content { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-slider-thumb-label-text { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } :root .mat-stepper-vertical, :root .mat-stepper-horizontal { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-step-label { font-size: 14px; font-weight: 400; } :root .mat-step-sub-label-error { font-weight: normal; } :root .mat-step-label-error { font-size: 14px; } :root .mat-step-label-selected { font-size: 14px; font-weight: 500; } :root .mat-tab-group { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-tab-label, :root .mat-tab-link { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-toolbar, :root .mat-toolbar h1, :root .mat-toolbar h2, :root .mat-toolbar h3, :root .mat-toolbar h4, :root .mat-toolbar h5, :root .mat-toolbar h6 { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0; } :root .mat-tooltip { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 10px; padding-top: 6px; padding-bottom: 6px; } :root .mat-tooltip-handset { font-size: 14px; padding-top: 8px; padding-bottom: 8px; } :root .mat-list-item { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-list-option { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-list-base .mat-list-item { font-size: 16px; } :root .mat-list-base .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base .mat-list-item .mat-line:nth-child(n+2) { font-size: 14px; } :root .mat-list-base .mat-list-option { font-size: 16px; } :root .mat-list-base .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base .mat-list-option .mat-line:nth-child(n+2) { font-size: 14px; } :root .mat-list-base .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-list-base[dense] .mat-list-item { font-size: 12px; } :root .mat-list-base[dense] .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) { font-size: 12px; } :root .mat-list-base[dense] .mat-list-option { font-size: 12px; } :root .mat-list-base[dense] .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) { font-size: 12px; } :root .mat-list-base[dense] .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } :root .mat-option { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 16px; } :root .mat-optgroup-label { font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-simple-snackbar { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; } :root .mat-simple-snackbar-action { line-height: 1; font-family: inherit; font-size: inherit; font-weight: 500; } :root .mat-tree { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-tree-node, :root .mat-nested-tree-node { font-weight: 400; font-size: 14px; } :root .mat-ripple { overflow: hidden; position: relative; } :root .mat-ripple:not(:empty) { transform: translateZ(0); } :root .mat-ripple.mat-ripple-unbounded { overflow: visible; } :root .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale(0); } .cdk-high-contrast-active :root .mat-ripple-element { display: none; } :root .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; outline: 0; -webkit-appearance: none; -moz-appearance: none; left: 0; } [dir=rtl] :root .cdk-visually-hidden { left: auto; right: 0; } :root .cdk-overlay-container, :root .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } :root .cdk-overlay-container { position: fixed; z-index: 1000; } :root .cdk-overlay-container:empty { display: none; } :root .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } :root .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } :root .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } :root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } .cdk-high-contrast-active :root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } :root .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } :root .cdk-overlay-transparent-backdrop { transition: visibility 1ms linear, opacity 1ms linear; visibility: hidden; opacity: 1; } :root .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; visibility: visible; } :root .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } :root .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } :root textarea.cdk-textarea-autosize { resize: none; } :root textarea.cdk-textarea-autosize-measuring { padding: 2px 0 !important; box-sizing: content-box !important; height: auto !important; overflow: hidden !important; } :root textarea.cdk-textarea-autosize-measuring-firefox { padding: 2px 0 !important; box-sizing: content-box !important; height: 0 !important; } @keyframes cdk-text-field-autofill-start { /*!*/ } @keyframes cdk-text-field-autofill-end { /*!*/ } :root .cdk-text-field-autofill-monitored:-webkit-autofill { animation: cdk-text-field-autofill-start 0s 1ms; } :root .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { animation: cdk-text-field-autofill-end 0s 1ms; } :root .mat-focus-indicator { position: relative; } :root .mat-mdc-focus-indicator { position: relative; } :root .theme-app10 { /* Track */ /* Handle */ /* Handle on hover */ /* Style the area path element when hovering (optional) */ /* active tab */ /* Styles for the active tab label */ /* Styles for the ink bar */ } :root .theme-app10 .dark { --primary: #2D3035; --secondary: #C7C7CC; --secondaryBase: #fff; --accent: #FF422A; --secondaryDark: #383D43; --accentLight:rgba(138, 209, 202, .3); --accentBackground:rgba(138, 209, 202, .1); --accentDark: #2E2820; --borderColor: #4A9AB9; --accentHover: rgba(108, 212, 202, 0.5); --iconColor: #4A9AB9; --primaryText: #fff; --secondaryText: #8E8E93; --accentText: #6CD4CA; --secondaryBaseText: #EFEFF4; --accentLightText: #2D3035; --accentDarkText: #000000; --ion-background-color: var(--primary); } :root .theme-app10 .dark .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app10 .dark .mat-option { color: white; } :root .theme-app10 .dark .mat-option:hover:not(.mat-option-disabled), :root .theme-app10 .dark .mat-option:focus:not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } :root .theme-app10 .dark .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } :root .theme-app10 .dark .mat-option.mat-active { background: rgba(255, 255, 255, 0.04); color: white; } :root .theme-app10 .dark .mat-option.mat-option-disabled { color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #ff5252; } :root .theme-app10 .dark .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #ff5252; } :root .theme-app10 .dark .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #ff5722; } :root .theme-app10 .dark .mat-optgroup-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app10 .dark .mat-optgroup-disabled .mat-optgroup-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-pseudo-checkbox { color: rgba(255, 255, 255, 0.7); } :root .theme-app10 .dark .mat-pseudo-checkbox::after { color: #303030; } :root .theme-app10 .dark .mat-pseudo-checkbox-disabled { color: #686868; } :root .theme-app10 .dark .mat-primary .mat-pseudo-checkbox-checked, :root .theme-app10 .dark .mat-primary .mat-pseudo-checkbox-indeterminate { background: #ff5252; } :root .theme-app10 .dark .mat-pseudo-checkbox-checked, :root .theme-app10 .dark .mat-pseudo-checkbox-indeterminate, :root .theme-app10 .dark .mat-accent .mat-pseudo-checkbox-checked, :root .theme-app10 .dark .mat-accent .mat-pseudo-checkbox-indeterminate { background: #ff5252; } :root .theme-app10 .dark .mat-warn .mat-pseudo-checkbox-checked, :root .theme-app10 .dark .mat-warn .mat-pseudo-checkbox-indeterminate { background: #ff5722; } :root .theme-app10 .dark .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, :root .theme-app10 .dark .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #686868; } :root .theme-app10 .dark .mat-app-background, :root .theme-app10 .dark.mat-app-background { background-color: #303030; color: white; } :root .theme-app10 .dark .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } :root .theme-app10 .dark .mat-autocomplete-panel { background: #424242; color: white; } :root .theme-app10 .dark .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: #424242; } :root .theme-app10 .dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: white; } :root .theme-app10 .dark .mat-badge { position: relative; } :root .theme-app10 .dark .mat-badge.mat-badge { overflow: visible; } :root .theme-app10 .dark .mat-badge-hidden .mat-badge-content { display: none; } :root .theme-app10 .dark .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } :root .theme-app10 .dark .ng-animate-disabled .mat-badge-content, :root .theme-app10 .dark .mat-badge-content._mat-animation-noopable { transition: none; } :root .theme-app10 .dark .mat-badge-content.mat-badge-active { transform: none; } :root .theme-app10 .dark .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } :root .theme-app10 .dark .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } :root .theme-app10 .dark .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } :root .theme-app10 .dark .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] :root .theme-app10 .dark .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } :root .theme-app10 .dark .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] :root .theme-app10 .dark .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } :root .theme-app10 .dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] :root .theme-app10 .dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } :root .theme-app10 .dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] :root .theme-app10 .dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } :root .theme-app10 .dark .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } :root .theme-app10 .dark .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } :root .theme-app10 .dark .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } :root .theme-app10 .dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] :root .theme-app10 .dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } :root .theme-app10 .dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] :root .theme-app10 .dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } :root .theme-app10 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] :root .theme-app10 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } :root .theme-app10 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] :root .theme-app10 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } :root .theme-app10 .dark .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } :root .theme-app10 .dark .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } :root .theme-app10 .dark .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } :root .theme-app10 .dark .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] :root .theme-app10 .dark .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } :root .theme-app10 .dark .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] :root .theme-app10 .dark .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } :root .theme-app10 .dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] :root .theme-app10 .dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } :root .theme-app10 .dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] :root .theme-app10 .dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } :root .theme-app10 .dark .mat-badge-content { color: white; background: #ff5252; } .cdk-high-contrast-active :root .theme-app10 .dark .mat-badge-content { outline: solid 1px; border-radius: 0; } :root .theme-app10 .dark .mat-badge-accent .mat-badge-content { background: #ff5252; color: white; } :root .theme-app10 .dark .mat-badge-warn .mat-badge-content { color: white; background: #ff5722; } :root .theme-app10 .dark .mat-badge-disabled .mat-badge-content { background: #6e6e6e; color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: #424242; color: white; } :root .theme-app10 .dark .mat-button, :root .theme-app10 .dark .mat-icon-button, :root .theme-app10 .dark .mat-stroked-button { color: inherit; background: transparent; } :root .theme-app10 .dark .mat-button.mat-primary, :root .theme-app10 .dark .mat-icon-button.mat-primary, :root .theme-app10 .dark .mat-stroked-button.mat-primary { color: #ff5252; } :root .theme-app10 .dark .mat-button.mat-accent, :root .theme-app10 .dark .mat-icon-button.mat-accent, :root .theme-app10 .dark .mat-stroked-button.mat-accent { color: #ff5252; } :root .theme-app10 .dark .mat-button.mat-warn, :root .theme-app10 .dark .mat-icon-button.mat-warn, :root .theme-app10 .dark .mat-stroked-button.mat-warn { color: #ff5722; } :root .theme-app10 .dark .mat-button.mat-primary.mat-button-disabled, :root .theme-app10 .dark .mat-button.mat-accent.mat-button-disabled, :root .theme-app10 .dark .mat-button.mat-warn.mat-button-disabled, :root .theme-app10 .dark .mat-button.mat-button-disabled.mat-button-disabled, :root .theme-app10 .dark .mat-icon-button.mat-primary.mat-button-disabled, :root .theme-app10 .dark .mat-icon-button.mat-accent.mat-button-disabled, :root .theme-app10 .dark .mat-icon-button.mat-warn.mat-button-disabled, :root .theme-app10 .dark .mat-icon-button.mat-button-disabled.mat-button-disabled, :root .theme-app10 .dark .mat-stroked-button.mat-primary.mat-button-disabled, :root .theme-app10 .dark .mat-stroked-button.mat-accent.mat-button-disabled, :root .theme-app10 .dark .mat-stroked-button.mat-warn.mat-button-disabled, :root .theme-app10 .dark .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } :root .theme-app10 .dark .mat-button.mat-primary .mat-button-focus-overlay, :root .theme-app10 .dark .mat-icon-button.mat-primary .mat-button-focus-overlay, :root .theme-app10 .dark .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #ff5252; } :root .theme-app10 .dark .mat-button.mat-accent .mat-button-focus-overlay, :root .theme-app10 .dark .mat-icon-button.mat-accent .mat-button-focus-overlay, :root .theme-app10 .dark .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #ff5252; } :root .theme-app10 .dark .mat-button.mat-warn .mat-button-focus-overlay, :root .theme-app10 .dark .mat-icon-button.mat-warn .mat-button-focus-overlay, :root .theme-app10 .dark .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #ff5722; } :root .theme-app10 .dark .mat-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app10 .dark .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app10 .dark .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } :root .theme-app10 .dark .mat-button .mat-ripple-element, :root .theme-app10 .dark .mat-icon-button .mat-ripple-element, :root .theme-app10 .dark .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } :root .theme-app10 .dark .mat-button-focus-overlay { background: white; } :root .theme-app10 .dark .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(255, 255, 255, 0.12); } :root .theme-app10 .dark .mat-flat-button, :root .theme-app10 .dark .mat-raised-button, :root .theme-app10 .dark .mat-fab, :root .theme-app10 .dark .mat-mini-fab { color: white; background-color: #424242; } :root .theme-app10 .dark .mat-flat-button.mat-primary, :root .theme-app10 .dark .mat-raised-button.mat-primary, :root .theme-app10 .dark .mat-fab.mat-primary, :root .theme-app10 .dark .mat-mini-fab.mat-primary { color: white; } :root .theme-app10 .dark .mat-flat-button.mat-accent, :root .theme-app10 .dark .mat-raised-button.mat-accent, :root .theme-app10 .dark .mat-fab.mat-accent, :root .theme-app10 .dark .mat-mini-fab.mat-accent { color: white; } :root .theme-app10 .dark .mat-flat-button.mat-warn, :root .theme-app10 .dark .mat-raised-button.mat-warn, :root .theme-app10 .dark .mat-fab.mat-warn, :root .theme-app10 .dark .mat-mini-fab.mat-warn { color: white; } :root .theme-app10 .dark .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app10 .dark .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app10 .dark .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app10 .dark .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app10 .dark .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app10 .dark .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app10 .dark .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app10 .dark .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app10 .dark .mat-fab.mat-primary.mat-button-disabled, :root .theme-app10 .dark .mat-fab.mat-accent.mat-button-disabled, :root .theme-app10 .dark .mat-fab.mat-warn.mat-button-disabled, :root .theme-app10 .dark .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app10 .dark .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app10 .dark .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app10 .dark .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app10 .dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } :root .theme-app10 .dark .mat-flat-button.mat-primary, :root .theme-app10 .dark .mat-raised-button.mat-primary, :root .theme-app10 .dark .mat-fab.mat-primary, :root .theme-app10 .dark .mat-mini-fab.mat-primary { background-color: #ff5252; } :root .theme-app10 .dark .mat-flat-button.mat-accent, :root .theme-app10 .dark .mat-raised-button.mat-accent, :root .theme-app10 .dark .mat-fab.mat-accent, :root .theme-app10 .dark .mat-mini-fab.mat-accent { background-color: #ff5252; } :root .theme-app10 .dark .mat-flat-button.mat-warn, :root .theme-app10 .dark .mat-raised-button.mat-warn, :root .theme-app10 .dark .mat-fab.mat-warn, :root .theme-app10 .dark .mat-mini-fab.mat-warn { background-color: #ff5722; } :root .theme-app10 .dark .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app10 .dark .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app10 .dark .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app10 .dark .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app10 .dark .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app10 .dark .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app10 .dark .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app10 .dark .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app10 .dark .mat-fab.mat-primary.mat-button-disabled, :root .theme-app10 .dark .mat-fab.mat-accent.mat-button-disabled, :root .theme-app10 .dark .mat-fab.mat-warn.mat-button-disabled, :root .theme-app10 .dark .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app10 .dark .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app10 .dark .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app10 .dark .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app10 .dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app10 .dark .mat-flat-button.mat-primary .mat-ripple-element, :root .theme-app10 .dark .mat-raised-button.mat-primary .mat-ripple-element, :root .theme-app10 .dark .mat-fab.mat-primary .mat-ripple-element, :root .theme-app10 .dark .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app10 .dark .mat-flat-button.mat-accent .mat-ripple-element, :root .theme-app10 .dark .mat-raised-button.mat-accent .mat-ripple-element, :root .theme-app10 .dark .mat-fab.mat-accent .mat-ripple-element, :root .theme-app10 .dark .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app10 .dark .mat-flat-button.mat-warn .mat-ripple-element, :root .theme-app10 .dark .mat-raised-button.mat-warn .mat-ripple-element, :root .theme-app10 .dark .mat-fab.mat-warn .mat-ripple-element, :root .theme-app10 .dark .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app10 .dark .mat-stroked-button:not([class*=mat-elevation-z]), :root .theme-app10 .dark .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-fab:not([class*=mat-elevation-z]), :root .theme-app10 .dark .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), :root .theme-app10 .dark .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), :root .theme-app10 .dark .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-button-toggle-standalone:not([class*=mat-elevation-z]), :root .theme-app10 .dark .mat-button-toggle-group:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), :root .theme-app10 .dark .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) { box-shadow: none; } :root .theme-app10 .dark .mat-button-toggle { color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app10 .dark .mat-button-toggle-appearance-standard { color: white; background: #424242; } :root .theme-app10 .dark .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: white; } :root .theme-app10 .dark .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px #595959; } :root .theme-app10 .dark [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px #595959; } :root .theme-app10 .dark .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px #595959; } :root .theme-app10 .dark .mat-button-toggle-checked { background-color: #212121; color: rgba(255, 255, 255, 0.7); } :root .theme-app10 .dark .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: white; } :root .theme-app10 .dark .mat-button-toggle-disabled { color: rgba(255, 255, 255, 0.3); background-color: black; } :root .theme-app10 .dark .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: #424242; } :root .theme-app10 .dark .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #424242; } :root .theme-app10 .dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, :root .theme-app10 .dark .mat-button-toggle-group-appearance-standard { border: solid 1px #595959; } :root .theme-app10 .dark .mat-card { background: #424242; color: white; } :root .theme-app10 .dark .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-card-subtitle { color: rgba(255, 255, 255, 0.7); } :root .theme-app10 .dark .mat-checkbox-frame { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app10 .dark .mat-checkbox-checkmark { fill: #303030; } :root .theme-app10 .dark .mat-checkbox-checkmark-path { stroke: #303030 !important; } :root .theme-app10 .dark .mat-checkbox-mixedmark { background-color: #303030; } :root .theme-app10 .dark .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, :root .theme-app10 .dark .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #ff5252; } :root .theme-app10 .dark .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, :root .theme-app10 .dark .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #ff5252; } :root .theme-app10 .dark .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, :root .theme-app10 .dark .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #ff5722; } :root .theme-app10 .dark .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, :root .theme-app10 .dark .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #686868; } :root .theme-app10 .dark .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #686868; } :root .theme-app10 .dark .mat-checkbox-disabled .mat-checkbox-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-checkbox .mat-ripple-element { background-color: white; } :root .theme-app10 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, :root .theme-app10 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #ff5252; } :root .theme-app10 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, :root .theme-app10 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #ff5252; } :root .theme-app10 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, :root .theme-app10 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #ff5722; } :root .theme-app10 .dark .mat-chip.mat-standard-chip { background-color: #616161; color: white; } :root .theme-app10 .dark .mat-chip.mat-standard-chip .mat-chip-remove { color: white; opacity: 0.4; } :root .theme-app10 .dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } :root .theme-app10 .dark .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } :root .theme-app10 .dark .mat-chip.mat-standard-chip::after { background: white; } :root .theme-app10 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #ff5252; color: white; } :root .theme-app10 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: white; opacity: 0.4; } :root .theme-app10 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app10 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #ff5722; color: white; } :root .theme-app10 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } :root .theme-app10 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app10 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #ff5252; color: white; } :root .theme-app10 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: white; opacity: 0.4; } :root .theme-app10 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app10 .dark .mat-table { background: #424242; } :root .theme-app10 .dark .mat-table thead, :root .theme-app10 .dark .mat-table tbody, :root .theme-app10 .dark .mat-table tfoot, :root .theme-app10 .dark mat-header-row, :root .theme-app10 .dark mat-row, :root .theme-app10 .dark mat-footer-row, :root .theme-app10 .dark [mat-header-row], :root .theme-app10 .dark [mat-row], :root .theme-app10 .dark [mat-footer-row], :root .theme-app10 .dark .mat-table-sticky { background: inherit; } :root .theme-app10 .dark mat-row, :root .theme-app10 .dark mat-header-row, :root .theme-app10 .dark mat-footer-row, :root .theme-app10 .dark th.mat-header-cell, :root .theme-app10 .dark td.mat-cell, :root .theme-app10 .dark td.mat-footer-cell { border-bottom-color: rgba(255, 255, 255, 0.12); } :root .theme-app10 .dark .mat-header-cell { color: rgba(255, 255, 255, 0.7); } :root .theme-app10 .dark .mat-cell, :root .theme-app10 .dark .mat-footer-cell { color: white; } :root .theme-app10 .dark .mat-calendar-arrow { fill: white; } :root .theme-app10 .dark .mat-datepicker-toggle, :root .theme-app10 .dark .mat-datepicker-content .mat-calendar-next-button, :root .theme-app10 .dark .mat-datepicker-content .mat-calendar-previous-button { color: white; } :root .theme-app10 .dark .mat-calendar-table-header-divider::after { background: rgba(255, 255, 255, 0.12); } :root .theme-app10 .dark .mat-calendar-table-header, :root .theme-app10 .dark .mat-calendar-body-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app10 .dark .mat-calendar-body-cell-content, :root .theme-app10 .dark .mat-date-range-input-separator { color: white; border-color: transparent; } :root .theme-app10 .dark .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-calendar-body-in-preview { color: rgba(255, 255, 255, 0.24); } :root .theme-app10 .dark .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app10 .dark .mat-calendar-body-in-range::before { background: rgba(255, 82, 82, 0.2); } :root .theme-app10 .dark .mat-calendar-body-comparison-identical, :root .theme-app10 .dark .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app10 .dark .mat-calendar-body-comparison-bridge-start::before, :root .theme-app10 .dark [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 82, 82, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app10 .dark .mat-calendar-body-comparison-bridge-end::before, :root .theme-app10 .dark [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 82, 82, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app10 .dark .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app10 .dark .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app10 .dark .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app10 .dark .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app10 .dark .mat-calendar-body-selected { background-color: #ff5252; color: white; } :root .theme-app10 .dark .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 82, 82, 0.4); } :root .theme-app10 .dark .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } :root .theme-app10 .dark .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app10 .dark .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 82, 82, 0.3); } @media (hover: hover) { :root .theme-app10 .dark .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 82, 82, 0.3); } } :root .theme-app10 .dark .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: #424242; color: white; } :root .theme-app10 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(255, 82, 82, 0.2); } :root .theme-app10 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, :root .theme-app10 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app10 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, :root .theme-app10 .dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 82, 82, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app10 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, :root .theme-app10 .dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 82, 82, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app10 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app10 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app10 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app10 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app10 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #ff5252; color: white; } :root .theme-app10 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 82, 82, 0.4); } :root .theme-app10 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } :root .theme-app10 .dark .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app10 .dark .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 82, 82, 0.3); } @media (hover: hover) { :root .theme-app10 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 82, 82, 0.3); } } :root .theme-app10 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(255, 87, 34, 0.2); } :root .theme-app10 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, :root .theme-app10 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app10 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, :root .theme-app10 .dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 87, 34, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app10 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, :root .theme-app10 .dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 87, 34, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app10 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app10 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app10 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app10 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app10 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #ff5722; color: white; } :root .theme-app10 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 87, 34, 0.4); } :root .theme-app10 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } :root .theme-app10 .dark .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app10 .dark .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 87, 34, 0.3); } @media (hover: hover) { :root .theme-app10 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 87, 34, 0.3); } } :root .theme-app10 .dark .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-datepicker-toggle-active { color: #ff5252; } :root .theme-app10 .dark .mat-datepicker-toggle-active.mat-accent { color: #ff5252; } :root .theme-app10 .dark .mat-datepicker-toggle-active.mat-warn { color: #ff5722; } :root .theme-app10 .dark .mat-date-range-input-inner[disabled] { color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: #424242; color: white; } :root .theme-app10 .dark .mat-divider { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app10 .dark .mat-divider-vertical { border-right-color: rgba(255, 255, 255, 0.12); } :root .theme-app10 .dark .mat-expansion-panel { background: #424242; color: white; } :root .theme-app10 .dark .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-action-row { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app10 .dark .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), :root .theme-app10 .dark .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), :root .theme-app10 .dark .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(255, 255, 255, 0.04); } @media (hover: none) { :root .theme-app10 .dark .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: #424242; } } :root .theme-app10 .dark .mat-expansion-panel-header-title { color: white; } :root .theme-app10 .dark .mat-expansion-panel-header-description, :root .theme-app10 .dark .mat-expansion-indicator::after { color: rgba(255, 255, 255, 0.7); } :root .theme-app10 .dark .mat-expansion-panel-header[aria-disabled=true] { color: rgba(255, 255, 255, 0.3); } :root .theme-app10 .dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, :root .theme-app10 .dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } :root .theme-app10 .dark .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app10 .dark .mat-hint { color: rgba(255, 255, 255, 0.7); } :root .theme-app10 .dark .mat-form-field.mat-focused .mat-form-field-label { color: #ff5252; } :root .theme-app10 .dark .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #ff5252; } :root .theme-app10 .dark .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #ff5722; } :root .theme-app10 .dark .mat-focused .mat-form-field-required-marker { color: #ff5252; } :root .theme-app10 .dark .mat-form-field-ripple { background-color: white; } :root .theme-app10 .dark .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #ff5252; } :root .theme-app10 .dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #ff5252; } :root .theme-app10 .dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #ff5722; } :root .theme-app10 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #ff5252; } :root .theme-app10 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #ff5252; } :root .theme-app10 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #ff5722; } :root .theme-app10 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #ff5722; } :root .theme-app10 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, :root .theme-app10 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #ff5722; } :root .theme-app10 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, :root .theme-app10 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #ff5722; } :root .theme-app10 .dark .mat-error { color: #ff5722; } :root .theme-app10 .dark .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app10 .dark .mat-form-field-appearance-legacy .mat-hint { color: rgba(255, 255, 255, 0.7); } :root .theme-app10 .dark .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } :root .theme-app10 .dark .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app10 .dark .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } :root .theme-app10 .dark .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app10 .dark .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app10 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.05); } :root .theme-app10 .dark .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } :root .theme-app10 .dark .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(255, 255, 255, 0.3); } :root .theme-app10 .dark .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: white; } :root .theme-app10 .dark .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #ff5252; } :root .theme-app10 .dark .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #ff5252; } :root .theme-app10 .dark .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #ff5722; } :root .theme-app10 .dark .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #ff5722; } :root .theme-app10 .dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(255, 255, 255, 0.15); } :root .theme-app10 .dark .mat-icon.mat-primary { color: #ff5252; } :root .theme-app10 .dark .mat-icon.mat-accent { color: #ff5252; } :root .theme-app10 .dark .mat-icon.mat-warn { color: #ff5722; } :root .theme-app10 .dark .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.7); } :root .theme-app10 .dark .mat-input-element:disabled, :root .theme-app10 .dark .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-input-element { caret-color: #ff5252; } :root .theme-app10 .dark .mat-input-element::placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-input-element::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-input-element::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-input-element:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-input-element:not(.mat-native-select-inline) option { color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .dark .mat-input-element:not(.mat-native-select-inline) option:disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app10 .dark .mat-form-field.mat-accent .mat-input-element { caret-color: #ff5252; } :root .theme-app10 .dark .mat-form-field.mat-warn .mat-input-element, :root .theme-app10 .dark .mat-form-field-invalid .mat-input-element { caret-color: #ff5722; } :root .theme-app10 .dark .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #ff5722; } :root .theme-app10 .dark .mat-list-base .mat-list-item { color: white; } :root .theme-app10 .dark .mat-list-base .mat-list-option { color: white; } :root .theme-app10 .dark .mat-list-base .mat-subheader { color: rgba(255, 255, 255, 0.7); } :root .theme-app10 .dark .mat-list-base .mat-list-item-disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-list-option:hover, :root .theme-app10 .dark .mat-list-option:focus, :root .theme-app10 .dark .mat-nav-list .mat-list-item:hover, :root .theme-app10 .dark .mat-nav-list .mat-list-item:focus, :root .theme-app10 .dark .mat-action-list .mat-list-item:hover, :root .theme-app10 .dark .mat-action-list .mat-list-item:focus { background: rgba(255, 255, 255, 0.04); } :root .theme-app10 .dark .mat-list-single-selected-option, :root .theme-app10 .dark .mat-list-single-selected-option:hover, :root .theme-app10 .dark .mat-list-single-selected-option:focus { background: rgba(255, 255, 255, 0.12); } :root .theme-app10 .dark .mat-menu-panel { background: #424242; } :root .theme-app10 .dark .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-menu-item { background: transparent; color: white; } :root .theme-app10 .dark .mat-menu-item[disabled], :root .theme-app10 .dark .mat-menu-item[disabled] .mat-menu-submenu-icon, :root .theme-app10 .dark .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-menu-item .mat-icon-no-color, :root .theme-app10 .dark .mat-menu-submenu-icon { color: white; } :root .theme-app10 .dark .mat-menu-item:hover:not([disabled]), :root .theme-app10 .dark .mat-menu-item.cdk-program-focused:not([disabled]), :root .theme-app10 .dark .mat-menu-item.cdk-keyboard-focused:not([disabled]), :root .theme-app10 .dark .mat-menu-item-highlighted:not([disabled]) { background: rgba(255, 255, 255, 0.04); } :root .theme-app10 .dark .mat-paginator { background: #424242; } :root .theme-app10 .dark .mat-paginator, :root .theme-app10 .dark .mat-paginator-page-size .mat-select-trigger { color: rgba(255, 255, 255, 0.7); } :root .theme-app10 .dark .mat-paginator-decrement, :root .theme-app10 .dark .mat-paginator-increment { border-top: 2px solid white; border-right: 2px solid white; } :root .theme-app10 .dark .mat-paginator-first, :root .theme-app10 .dark .mat-paginator-last { border-top: 2px solid white; } :root .theme-app10 .dark .mat-icon-button[disabled] .mat-paginator-decrement, :root .theme-app10 .dark .mat-icon-button[disabled] .mat-paginator-increment, :root .theme-app10 .dark .mat-icon-button[disabled] .mat-paginator-first, :root .theme-app10 .dark .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-progress-bar-background { fill: #643939; } :root .theme-app10 .dark .mat-progress-bar-buffer { background-color: #643939; } :root .theme-app10 .dark .mat-progress-bar-fill::after { background-color: #ff5252; } :root .theme-app10 .dark .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #643939; } :root .theme-app10 .dark .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #643939; } :root .theme-app10 .dark .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #ff5252; } :root .theme-app10 .dark .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #643a2d; } :root .theme-app10 .dark .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #643a2d; } :root .theme-app10 .dark .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #ff5722; } :root .theme-app10 .dark .mat-progress-spinner circle, :root .theme-app10 .dark .mat-spinner circle { stroke: #ff5252; } :root .theme-app10 .dark .mat-progress-spinner.mat-accent circle, :root .theme-app10 .dark .mat-spinner.mat-accent circle { stroke: #ff5252; } :root .theme-app10 .dark .mat-progress-spinner.mat-warn circle, :root .theme-app10 .dark .mat-spinner.mat-warn circle { stroke: #ff5722; } :root .theme-app10 .dark .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app10 .dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #ff5252; } :root .theme-app10 .dark .mat-radio-button.mat-primary .mat-radio-inner-circle, :root .theme-app10 .dark .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app10 .dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app10 .dark .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #ff5252; } :root .theme-app10 .dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #ff5252; } :root .theme-app10 .dark .mat-radio-button.mat-accent .mat-radio-inner-circle, :root .theme-app10 .dark .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app10 .dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app10 .dark .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #ff5252; } :root .theme-app10 .dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #ff5722; } :root .theme-app10 .dark .mat-radio-button.mat-warn .mat-radio-inner-circle, :root .theme-app10 .dark .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app10 .dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app10 .dark .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #ff5722; } :root .theme-app10 .dark .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, :root .theme-app10 .dark .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, :root .theme-app10 .dark .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-radio-button .mat-ripple-element { background-color: white; } :root .theme-app10 .dark .mat-select-value { color: white; } :root .theme-app10 .dark .mat-select-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-select-disabled .mat-select-value { color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-select-arrow { color: rgba(255, 255, 255, 0.7); } :root .theme-app10 .dark .mat-select-panel { background: #424242; } :root .theme-app10 .dark .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(255, 255, 255, 0.12); } :root .theme-app10 .dark .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #ff5252; } :root .theme-app10 .dark .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #ff5252; } :root .theme-app10 .dark .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #ff5722; } :root .theme-app10 .dark .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #ff5722; } :root .theme-app10 .dark .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-drawer-container { background-color: #303030; color: white; } :root .theme-app10 .dark .mat-drawer { background-color: #424242; color: white; } :root .theme-app10 .dark .mat-drawer.mat-drawer-push { background-color: #424242; } :root .theme-app10 .dark .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-drawer-side { border-right: solid 1px rgba(255, 255, 255, 0.12); } :root .theme-app10 .dark .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } :root .theme-app10 .dark [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } :root .theme-app10 .dark [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(255, 255, 255, 0.12); } :root .theme-app10 .dark .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(189, 189, 189, 0.6); } :root .theme-app10 .dark .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #ff5252; } :root .theme-app10 .dark .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 82, 82, 0.54); } :root .theme-app10 .dark .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #ff5252; } :root .theme-app10 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #ff5252; } :root .theme-app10 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 82, 82, 0.54); } :root .theme-app10 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #ff5252; } :root .theme-app10 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #ff5722; } :root .theme-app10 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 87, 34, 0.54); } :root .theme-app10 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #ff5722; } :root .theme-app10 .dark .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: white; } :root .theme-app10 .dark .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #bdbdbd; } :root .theme-app10 .dark .mat-slide-toggle-bar { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app10 .dark .mat-slider.mat-primary .mat-slider-track-fill, :root .theme-app10 .dark .mat-slider.mat-primary .mat-slider-thumb, :root .theme-app10 .dark .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #ff5252; } :root .theme-app10 .dark .mat-slider.mat-primary .mat-slider-thumb-label-text { color: white; } :root .theme-app10 .dark .mat-slider.mat-primary .mat-slider-focus-ring { background-color: rgba(255, 82, 82, 0.2); } :root .theme-app10 .dark .mat-slider.mat-accent .mat-slider-track-fill, :root .theme-app10 .dark .mat-slider.mat-accent .mat-slider-thumb, :root .theme-app10 .dark .mat-slider.mat-accent .mat-slider-thumb-label { background-color: #ff5252; } :root .theme-app10 .dark .mat-slider.mat-accent .mat-slider-thumb-label-text { color: white; } :root .theme-app10 .dark .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(255, 82, 82, 0.2); } :root .theme-app10 .dark .mat-slider.mat-warn .mat-slider-track-fill, :root .theme-app10 .dark .mat-slider.mat-warn .mat-slider-thumb, :root .theme-app10 .dark .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #ff5722; } :root .theme-app10 .dark .mat-slider.mat-warn .mat-slider-thumb-label-text { color: white; } :root .theme-app10 .dark .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(255, 87, 34, 0.2); } :root .theme-app10 .dark .mat-slider:hover .mat-slider-track-background, :root .theme-app10 .dark .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app10 .dark .mat-slider.mat-slider-disabled .mat-slider-track-background, :root .theme-app10 .dark .mat-slider.mat-slider-disabled .mat-slider-track-fill, :root .theme-app10 .dark .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app10 .dark .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app10 .dark .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app10 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, :root .theme-app10 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: white; } :root .theme-app10 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, :root .theme-app10 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app10 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); background-color: transparent; } :root .theme-app10 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, :root .theme-app10 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app10 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, :root .theme-app10 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app10 .dark .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app10 .dark .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } :root .theme-app10 .dark .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } :root .theme-app10 .dark .mat-step-header.cdk-keyboard-focused, :root .theme-app10 .dark .mat-step-header.cdk-program-focused, :root .theme-app10 .dark .mat-step-header:hover:not([aria-disabled]), :root .theme-app10 .dark .mat-step-header:hover[aria-disabled=false] { background-color: rgba(255, 255, 255, 0.04); } :root .theme-app10 .dark .mat-step-header:hover[aria-disabled=true] { cursor: default; } @media (hover: none) { :root .theme-app10 .dark .mat-step-header:hover { background: none; } } :root .theme-app10 .dark .mat-step-header .mat-step-label, :root .theme-app10 .dark .mat-step-header .mat-step-optional { color: rgba(255, 255, 255, 0.7); } :root .theme-app10 .dark .mat-step-header .mat-step-icon { background-color: rgba(255, 255, 255, 0.7); color: white; } :root .theme-app10 .dark .mat-step-header .mat-step-icon-selected, :root .theme-app10 .dark .mat-step-header .mat-step-icon-state-done, :root .theme-app10 .dark .mat-step-header .mat-step-icon-state-edit { background-color: #ff5252; color: white; } :root .theme-app10 .dark .mat-step-header.mat-accent .mat-step-icon { color: white; } :root .theme-app10 .dark .mat-step-header.mat-accent .mat-step-icon-selected, :root .theme-app10 .dark .mat-step-header.mat-accent .mat-step-icon-state-done, :root .theme-app10 .dark .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #ff5252; color: white; } :root .theme-app10 .dark .mat-step-header.mat-warn .mat-step-icon { color: white; } :root .theme-app10 .dark .mat-step-header.mat-warn .mat-step-icon-selected, :root .theme-app10 .dark .mat-step-header.mat-warn .mat-step-icon-state-done, :root .theme-app10 .dark .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #ff5722; color: white; } :root .theme-app10 .dark .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #ff5722; } :root .theme-app10 .dark .mat-step-header .mat-step-label.mat-step-label-active { color: white; } :root .theme-app10 .dark .mat-step-header .mat-step-label.mat-step-label-error { color: #ff5722; } :root .theme-app10 .dark .mat-stepper-horizontal, :root .theme-app10 .dark .mat-stepper-vertical { background-color: #424242; } :root .theme-app10 .dark .mat-stepper-vertical-line::before { border-left-color: rgba(255, 255, 255, 0.12); } :root .theme-app10 .dark .mat-horizontal-stepper-header::before, :root .theme-app10 .dark .mat-horizontal-stepper-header::after, :root .theme-app10 .dark .mat-stepper-horizontal-line { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app10 .dark .mat-sort-header-arrow { color: #c6c6c6; } :root .theme-app10 .dark .mat-tab-nav-bar, :root .theme-app10 .dark .mat-tab-header { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } :root .theme-app10 .dark .mat-tab-group-inverted-header .mat-tab-nav-bar, :root .theme-app10 .dark .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(255, 255, 255, 0.12); border-bottom: none; } :root .theme-app10 .dark .mat-tab-label, :root .theme-app10 .dark .mat-tab-link { color: white; } :root .theme-app10 .dark .mat-tab-label.mat-tab-disabled, :root .theme-app10 .dark .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-tab-header-pagination-chevron { border-color: white; } :root .theme-app10 .dark .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app10 .dark .mat-tab-group[class*=mat-background-] > .mat-tab-header, :root .theme-app10 .dark .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } :root .theme-app10 .dark .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 138, 128, 0.3); } :root .theme-app10 .dark .mat-tab-group.mat-primary .mat-ink-bar, :root .theme-app10 .dark .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #ff5252; } :root .theme-app10 .dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app10 .dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, :root .theme-app10 .dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app10 .dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: white; } :root .theme-app10 .dark .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 138, 128, 0.3); } :root .theme-app10 .dark .mat-tab-group.mat-accent .mat-ink-bar, :root .theme-app10 .dark .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #ff5252; } :root .theme-app10 .dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app10 .dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, :root .theme-app10 .dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app10 .dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: white; } :root .theme-app10 .dark .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app10 .dark .mat-tab-group.mat-warn .mat-ink-bar, :root .theme-app10 .dark .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #ff5722; } :root .theme-app10 .dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app10 .dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, :root .theme-app10 .dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app10 .dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: white; } :root .theme-app10 .dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 138, 128, 0.3); } :root .theme-app10 .dark .mat-tab-group.mat-background-primary > .mat-tab-header, :root .theme-app10 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container, :root .theme-app10 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #ff5252; } :root .theme-app10 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app10 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: white; } :root .theme-app10 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app10 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } :root .theme-app10 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app10 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app10 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app10 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: white; } :root .theme-app10 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app10 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } :root .theme-app10 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app10 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app10 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } :root .theme-app10 .dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 138, 128, 0.3); } :root .theme-app10 .dark .mat-tab-group.mat-background-accent > .mat-tab-header, :root .theme-app10 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container, :root .theme-app10 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #ff5252; } :root .theme-app10 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app10 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: white; } :root .theme-app10 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app10 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } :root .theme-app10 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app10 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app10 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app10 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: white; } :root .theme-app10 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app10 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } :root .theme-app10 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app10 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app10 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } :root .theme-app10 .dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app10 .dark .mat-tab-group.mat-background-warn > .mat-tab-header, :root .theme-app10 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container, :root .theme-app10 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #ff5722; } :root .theme-app10 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app10 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: white; } :root .theme-app10 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app10 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } :root .theme-app10 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app10 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app10 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app10 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: white; } :root .theme-app10 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app10 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } :root .theme-app10 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app10 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app10 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app10 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } :root .theme-app10 .dark .mat-toolbar { background: #212121; color: white; } :root .theme-app10 .dark .mat-toolbar.mat-primary { background: #ff5252; color: white; } :root .theme-app10 .dark .mat-toolbar.mat-accent { background: #ff5252; color: white; } :root .theme-app10 .dark .mat-toolbar.mat-warn { background: #ff5722; color: white; } :root .theme-app10 .dark .mat-toolbar .mat-form-field-underline, :root .theme-app10 .dark .mat-toolbar .mat-form-field-ripple, :root .theme-app10 .dark .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } :root .theme-app10 .dark .mat-toolbar .mat-form-field-label, :root .theme-app10 .dark .mat-toolbar .mat-focused .mat-form-field-label, :root .theme-app10 .dark .mat-toolbar .mat-select-value, :root .theme-app10 .dark .mat-toolbar .mat-select-arrow, :root .theme-app10 .dark .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } :root .theme-app10 .dark .mat-toolbar .mat-input-element { caret-color: currentColor; } :root .theme-app10 .dark .mat-tooltip { background: rgba(97, 97, 97, 0.9); } :root .theme-app10 .dark .mat-tree { background: #424242; } :root .theme-app10 .dark .mat-tree-node, :root .theme-app10 .dark .mat-nested-tree-node { color: white; } :root .theme-app10 .dark .mat-snack-bar-container { color: rgba(0, 0, 0, 0.87); background: #fafafa; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .dark .mat-simple-snackbar-action { color: inherit; } :root .theme-app10 .light { --primary: rgb(253, 253, 253); --secondary: #C7C7CC; --secondaryBase: #fff; --accent: #00509f; --secondaryDark: rgb(42, 53, 68); --accentLight: rgba(255, 255, 255, 0.15); --accentBackground:rgba(255, 255, 255, 0.05); --accentDark: rgb(106, 43, 39); --borderColor: rgba(233,236,239, 0.8); --accentHover: rgba(255,70,64, 0.1); --iconColor: #5aa1bf; --primaryText: #73777c; --secondaryText: #8E8E93; --accentText: #00509f; --secondaryBaseText: #EFEFF4; --accentLightText: #2D3035; --accentDarkText: #00000; --ion-background-color: var(--primary); } :root .theme-app10 .light .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app10 .light .mat-option { color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-option:hover:not(.mat-option-disabled), :root .theme-app10 .light .mat-option:focus:not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } :root .theme-app10 .light .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } :root .theme-app10 .light .mat-option.mat-active { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-option.mat-option-disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app10 .light .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #ef9a9a; } :root .theme-app10 .light .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #ef9a9a; } :root .theme-app10 .light .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #ffab91; } :root .theme-app10 .light .mat-optgroup-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app10 .light .mat-optgroup-disabled .mat-optgroup-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app10 .light .mat-pseudo-checkbox { color: rgba(0, 0, 0, 0.54); } :root .theme-app10 .light .mat-pseudo-checkbox::after { color: #fafafa; } :root .theme-app10 .light .mat-pseudo-checkbox-disabled { color: #b0b0b0; } :root .theme-app10 .light .mat-primary .mat-pseudo-checkbox-checked, :root .theme-app10 .light .mat-primary .mat-pseudo-checkbox-indeterminate { background: #ef9a9a; } :root .theme-app10 .light .mat-pseudo-checkbox-checked, :root .theme-app10 .light .mat-pseudo-checkbox-indeterminate, :root .theme-app10 .light .mat-accent .mat-pseudo-checkbox-checked, :root .theme-app10 .light .mat-accent .mat-pseudo-checkbox-indeterminate { background: #ef9a9a; } :root .theme-app10 .light .mat-warn .mat-pseudo-checkbox-checked, :root .theme-app10 .light .mat-warn .mat-pseudo-checkbox-indeterminate { background: #ffab91; } :root .theme-app10 .light .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, :root .theme-app10 .light .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #b0b0b0; } :root .theme-app10 .light .mat-app-background, :root .theme-app10 .light.mat-app-background { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } :root .theme-app10 .light .mat-autocomplete-panel { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: white; } :root .theme-app10 .light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-badge { position: relative; } :root .theme-app10 .light .mat-badge.mat-badge { overflow: visible; } :root .theme-app10 .light .mat-badge-hidden .mat-badge-content { display: none; } :root .theme-app10 .light .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } :root .theme-app10 .light .ng-animate-disabled .mat-badge-content, :root .theme-app10 .light .mat-badge-content._mat-animation-noopable { transition: none; } :root .theme-app10 .light .mat-badge-content.mat-badge-active { transform: none; } :root .theme-app10 .light .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } :root .theme-app10 .light .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } :root .theme-app10 .light .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } :root .theme-app10 .light .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] :root .theme-app10 .light .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } :root .theme-app10 .light .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] :root .theme-app10 .light .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } :root .theme-app10 .light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] :root .theme-app10 .light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } :root .theme-app10 .light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] :root .theme-app10 .light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } :root .theme-app10 .light .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } :root .theme-app10 .light .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } :root .theme-app10 .light .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } :root .theme-app10 .light .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] :root .theme-app10 .light .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } :root .theme-app10 .light .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] :root .theme-app10 .light .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } :root .theme-app10 .light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] :root .theme-app10 .light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } :root .theme-app10 .light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] :root .theme-app10 .light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } :root .theme-app10 .light .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } :root .theme-app10 .light .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } :root .theme-app10 .light .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } :root .theme-app10 .light .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] :root .theme-app10 .light .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } :root .theme-app10 .light .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] :root .theme-app10 .light .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } :root .theme-app10 .light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] :root .theme-app10 .light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } :root .theme-app10 .light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] :root .theme-app10 .light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } :root .theme-app10 .light .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #ef9a9a; } .cdk-high-contrast-active :root .theme-app10 .light .mat-badge-content { outline: solid 1px; border-radius: 0; } :root .theme-app10 .light .mat-badge-accent .mat-badge-content { background: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-badge-warn .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #ffab91; } :root .theme-app10 .light .mat-badge-disabled .mat-badge-content { background: #b9b9b9; color: rgba(0, 0, 0, 0.38); } :root .theme-app10 .light .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-button, :root .theme-app10 .light .mat-icon-button, :root .theme-app10 .light .mat-stroked-button { color: inherit; background: transparent; } :root .theme-app10 .light .mat-button.mat-primary, :root .theme-app10 .light .mat-icon-button.mat-primary, :root .theme-app10 .light .mat-stroked-button.mat-primary { color: #ef9a9a; } :root .theme-app10 .light .mat-button.mat-accent, :root .theme-app10 .light .mat-icon-button.mat-accent, :root .theme-app10 .light .mat-stroked-button.mat-accent { color: #ef9a9a; } :root .theme-app10 .light .mat-button.mat-warn, :root .theme-app10 .light .mat-icon-button.mat-warn, :root .theme-app10 .light .mat-stroked-button.mat-warn { color: #ffab91; } :root .theme-app10 .light .mat-button.mat-primary.mat-button-disabled, :root .theme-app10 .light .mat-button.mat-accent.mat-button-disabled, :root .theme-app10 .light .mat-button.mat-warn.mat-button-disabled, :root .theme-app10 .light .mat-button.mat-button-disabled.mat-button-disabled, :root .theme-app10 .light .mat-icon-button.mat-primary.mat-button-disabled, :root .theme-app10 .light .mat-icon-button.mat-accent.mat-button-disabled, :root .theme-app10 .light .mat-icon-button.mat-warn.mat-button-disabled, :root .theme-app10 .light .mat-icon-button.mat-button-disabled.mat-button-disabled, :root .theme-app10 .light .mat-stroked-button.mat-primary.mat-button-disabled, :root .theme-app10 .light .mat-stroked-button.mat-accent.mat-button-disabled, :root .theme-app10 .light .mat-stroked-button.mat-warn.mat-button-disabled, :root .theme-app10 .light .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } :root .theme-app10 .light .mat-button.mat-primary .mat-button-focus-overlay, :root .theme-app10 .light .mat-icon-button.mat-primary .mat-button-focus-overlay, :root .theme-app10 .light .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #ef9a9a; } :root .theme-app10 .light .mat-button.mat-accent .mat-button-focus-overlay, :root .theme-app10 .light .mat-icon-button.mat-accent .mat-button-focus-overlay, :root .theme-app10 .light .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #ef9a9a; } :root .theme-app10 .light .mat-button.mat-warn .mat-button-focus-overlay, :root .theme-app10 .light .mat-icon-button.mat-warn .mat-button-focus-overlay, :root .theme-app10 .light .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #ffab91; } :root .theme-app10 .light .mat-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app10 .light .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app10 .light .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } :root .theme-app10 .light .mat-button .mat-ripple-element, :root .theme-app10 .light .mat-icon-button .mat-ripple-element, :root .theme-app10 .light .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } :root .theme-app10 .light .mat-button-focus-overlay { background: black; } :root .theme-app10 .light .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-flat-button, :root .theme-app10 .light .mat-raised-button, :root .theme-app10 .light .mat-fab, :root .theme-app10 .light .mat-mini-fab { color: rgba(0, 0, 0, 0.87); background-color: white; } :root .theme-app10 .light .mat-flat-button.mat-primary, :root .theme-app10 .light .mat-raised-button.mat-primary, :root .theme-app10 .light .mat-fab.mat-primary, :root .theme-app10 .light .mat-mini-fab.mat-primary { color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-flat-button.mat-accent, :root .theme-app10 .light .mat-raised-button.mat-accent, :root .theme-app10 .light .mat-fab.mat-accent, :root .theme-app10 .light .mat-mini-fab.mat-accent { color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-flat-button.mat-warn, :root .theme-app10 .light .mat-raised-button.mat-warn, :root .theme-app10 .light .mat-fab.mat-warn, :root .theme-app10 .light .mat-mini-fab.mat-warn { color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app10 .light .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app10 .light .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app10 .light .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app10 .light .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app10 .light .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app10 .light .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app10 .light .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app10 .light .mat-fab.mat-primary.mat-button-disabled, :root .theme-app10 .light .mat-fab.mat-accent.mat-button-disabled, :root .theme-app10 .light .mat-fab.mat-warn.mat-button-disabled, :root .theme-app10 .light .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app10 .light .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app10 .light .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app10 .light .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app10 .light .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } :root .theme-app10 .light .mat-flat-button.mat-primary, :root .theme-app10 .light .mat-raised-button.mat-primary, :root .theme-app10 .light .mat-fab.mat-primary, :root .theme-app10 .light .mat-mini-fab.mat-primary { background-color: #ef9a9a; } :root .theme-app10 .light .mat-flat-button.mat-accent, :root .theme-app10 .light .mat-raised-button.mat-accent, :root .theme-app10 .light .mat-fab.mat-accent, :root .theme-app10 .light .mat-mini-fab.mat-accent { background-color: #ef9a9a; } :root .theme-app10 .light .mat-flat-button.mat-warn, :root .theme-app10 .light .mat-raised-button.mat-warn, :root .theme-app10 .light .mat-fab.mat-warn, :root .theme-app10 .light .mat-mini-fab.mat-warn { background-color: #ffab91; } :root .theme-app10 .light .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app10 .light .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app10 .light .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app10 .light .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app10 .light .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app10 .light .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app10 .light .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app10 .light .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app10 .light .mat-fab.mat-primary.mat-button-disabled, :root .theme-app10 .light .mat-fab.mat-accent.mat-button-disabled, :root .theme-app10 .light .mat-fab.mat-warn.mat-button-disabled, :root .theme-app10 .light .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app10 .light .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app10 .light .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app10 .light .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app10 .light .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-flat-button.mat-primary .mat-ripple-element, :root .theme-app10 .light .mat-raised-button.mat-primary .mat-ripple-element, :root .theme-app10 .light .mat-fab.mat-primary .mat-ripple-element, :root .theme-app10 .light .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app10 .light .mat-flat-button.mat-accent .mat-ripple-element, :root .theme-app10 .light .mat-raised-button.mat-accent .mat-ripple-element, :root .theme-app10 .light .mat-fab.mat-accent .mat-ripple-element, :root .theme-app10 .light .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app10 .light .mat-flat-button.mat-warn .mat-ripple-element, :root .theme-app10 .light .mat-raised-button.mat-warn .mat-ripple-element, :root .theme-app10 .light .mat-fab.mat-warn .mat-ripple-element, :root .theme-app10 .light .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app10 .light .mat-stroked-button:not([class*=mat-elevation-z]), :root .theme-app10 .light .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-fab:not([class*=mat-elevation-z]), :root .theme-app10 .light .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), :root .theme-app10 .light .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), :root .theme-app10 .light .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-button-toggle-standalone:not([class*=mat-elevation-z]), :root .theme-app10 .light .mat-button-toggle-group:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), :root .theme-app10 .light .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) { box-shadow: none; } :root .theme-app10 .light .mat-button-toggle { color: rgba(0, 0, 0, 0.38); } :root .theme-app10 .light .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); background: white; } :root .theme-app10 .light .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: black; } :root .theme-app10 .light .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px #e0e0e0; } :root .theme-app10 .light [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px #e0e0e0; } :root .theme-app10 .light .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px #e0e0e0; } :root .theme-app10 .light .mat-button-toggle-checked { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.54); } :root .theme-app10 .light .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-button-toggle-disabled { color: rgba(0, 0, 0, 0.26); background-color: #eeeeee; } :root .theme-app10 .light .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: white; } :root .theme-app10 .light .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #bdbdbd; } :root .theme-app10 .light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, :root .theme-app10 .light .mat-button-toggle-group-appearance-standard { border: solid 1px #e0e0e0; } :root .theme-app10 .light .mat-card { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-card-subtitle { color: rgba(0, 0, 0, 0.54); } :root .theme-app10 .light .mat-checkbox-frame { border-color: rgba(0, 0, 0, 0.54); } :root .theme-app10 .light .mat-checkbox-checkmark { fill: #fafafa; } :root .theme-app10 .light .mat-checkbox-checkmark-path { stroke: #fafafa !important; } :root .theme-app10 .light .mat-checkbox-mixedmark { background-color: #fafafa; } :root .theme-app10 .light .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, :root .theme-app10 .light .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #ef9a9a; } :root .theme-app10 .light .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, :root .theme-app10 .light .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #ef9a9a; } :root .theme-app10 .light .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, :root .theme-app10 .light .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #ffab91; } :root .theme-app10 .light .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, :root .theme-app10 .light .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #b0b0b0; } :root .theme-app10 .light .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #b0b0b0; } :root .theme-app10 .light .mat-checkbox-disabled .mat-checkbox-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app10 .light .mat-checkbox .mat-ripple-element { background-color: black; } :root .theme-app10 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, :root .theme-app10 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #ef9a9a; } :root .theme-app10 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, :root .theme-app10 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #ef9a9a; } :root .theme-app10 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, :root .theme-app10 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #ffab91; } :root .theme-app10 .light .mat-chip.mat-standard-chip { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-chip.mat-standard-chip .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app10 .light .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } :root .theme-app10 .light .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } :root .theme-app10 .light .mat-chip.mat-standard-chip::after { background: black; } :root .theme-app10 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app10 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app10 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app10 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app10 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app10 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app10 .light .mat-table { background: white; } :root .theme-app10 .light .mat-table thead, :root .theme-app10 .light .mat-table tbody, :root .theme-app10 .light .mat-table tfoot, :root .theme-app10 .light mat-header-row, :root .theme-app10 .light mat-row, :root .theme-app10 .light mat-footer-row, :root .theme-app10 .light [mat-header-row], :root .theme-app10 .light [mat-row], :root .theme-app10 .light [mat-footer-row], :root .theme-app10 .light .mat-table-sticky { background: inherit; } :root .theme-app10 .light mat-row, :root .theme-app10 .light mat-header-row, :root .theme-app10 .light mat-footer-row, :root .theme-app10 .light th.mat-header-cell, :root .theme-app10 .light td.mat-cell, :root .theme-app10 .light td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-header-cell { color: rgba(0, 0, 0, 0.54); } :root .theme-app10 .light .mat-cell, :root .theme-app10 .light .mat-footer-cell { color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-calendar-arrow { fill: rgba(0, 0, 0, 0.54); } :root .theme-app10 .light .mat-datepicker-toggle, :root .theme-app10 .light .mat-datepicker-content .mat-calendar-next-button, :root .theme-app10 .light .mat-datepicker-content .mat-calendar-previous-button { color: rgba(0, 0, 0, 0.54); } :root .theme-app10 .light .mat-calendar-table-header-divider::after { background: rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-calendar-table-header, :root .theme-app10 .light .mat-calendar-body-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app10 .light .mat-calendar-body-cell-content, :root .theme-app10 .light .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.87); border-color: transparent; } :root .theme-app10 .light .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(0, 0, 0, 0.38); } :root .theme-app10 .light .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.38); } :root .theme-app10 .light .mat-calendar-body-in-preview { color: rgba(0, 0, 0, 0.24); } :root .theme-app10 .light .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app10 .light .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.18); } :root .theme-app10 .light .mat-calendar-body-in-range::before { background: rgba(239, 154, 154, 0.2); } :root .theme-app10 .light .mat-calendar-body-comparison-identical, :root .theme-app10 .light .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app10 .light .mat-calendar-body-comparison-bridge-start::before, :root .theme-app10 .light [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(239, 154, 154, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app10 .light .mat-calendar-body-comparison-bridge-end::before, :root .theme-app10 .light [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(239, 154, 154, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app10 .light .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app10 .light .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app10 .light .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app10 .light .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app10 .light .mat-calendar-body-selected { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(239, 154, 154, 0.4); } :root .theme-app10 .light .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app10 .light .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(239, 154, 154, 0.3); } @media (hover: hover) { :root .theme-app10 .light .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(239, 154, 154, 0.3); } } :root .theme-app10 .light .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(239, 154, 154, 0.2); } :root .theme-app10 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, :root .theme-app10 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app10 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, :root .theme-app10 .light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(239, 154, 154, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app10 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, :root .theme-app10 .light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(239, 154, 154, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app10 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app10 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app10 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app10 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app10 .light .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(239, 154, 154, 0.4); } :root .theme-app10 .light .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app10 .light .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(239, 154, 154, 0.3); } @media (hover: hover) { :root .theme-app10 .light .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(239, 154, 154, 0.3); } } :root .theme-app10 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(255, 171, 145, 0.2); } :root .theme-app10 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, :root .theme-app10 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app10 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, :root .theme-app10 .light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 171, 145, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app10 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, :root .theme-app10 .light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 171, 145, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app10 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app10 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app10 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app10 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app10 .light .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 171, 145, 0.4); } :root .theme-app10 .light .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app10 .light .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 171, 145, 0.3); } @media (hover: hover) { :root .theme-app10 .light .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 171, 145, 0.3); } } :root .theme-app10 .light .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-datepicker-toggle-active { color: #ef9a9a; } :root .theme-app10 .light .mat-datepicker-toggle-active.mat-accent { color: #ef9a9a; } :root .theme-app10 .light .mat-datepicker-toggle-active.mat-warn { color: #ffab91; } :root .theme-app10 .light .mat-date-range-input-inner[disabled] { color: rgba(0, 0, 0, 0.38); } :root .theme-app10 .light .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-divider { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-divider-vertical { border-right-color: rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-expansion-panel { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-action-row { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), :root .theme-app10 .light .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), :root .theme-app10 .light .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(0, 0, 0, 0.04); } @media (hover: none) { :root .theme-app10 .light .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: white; } } :root .theme-app10 .light .mat-expansion-panel-header-title { color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-expansion-panel-header-description, :root .theme-app10 .light .mat-expansion-indicator::after { color: rgba(0, 0, 0, 0.54); } :root .theme-app10 .light .mat-expansion-panel-header[aria-disabled=true] { color: rgba(0, 0, 0, 0.26); } :root .theme-app10 .light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, :root .theme-app10 .light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } :root .theme-app10 .light .mat-form-field-label { color: rgba(0, 0, 0, 0.6); } :root .theme-app10 .light .mat-hint { color: rgba(0, 0, 0, 0.6); } :root .theme-app10 .light .mat-form-field.mat-focused .mat-form-field-label { color: #ef9a9a; } :root .theme-app10 .light .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #ef9a9a; } :root .theme-app10 .light .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #ffab91; } :root .theme-app10 .light .mat-focused .mat-form-field-required-marker { color: #ef9a9a; } :root .theme-app10 .light .mat-form-field-ripple { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #ef9a9a; } :root .theme-app10 .light .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #ef9a9a; } :root .theme-app10 .light .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #ffab91; } :root .theme-app10 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #ef9a9a; } :root .theme-app10 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #ef9a9a; } :root .theme-app10 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #ffab91; } :root .theme-app10 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #ffab91; } :root .theme-app10 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, :root .theme-app10 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #ffab91; } :root .theme-app10 .light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, :root .theme-app10 .light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #ffab91; } :root .theme-app10 .light .mat-error { color: #ffab91; } :root .theme-app10 .light .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app10 .light .mat-form-field-appearance-legacy .mat-hint { color: rgba(0, 0, 0, 0.54); } :root .theme-app10 .light .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app10 .light .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app10 .light .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app10 .light .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app10 .light .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.04); } :root .theme-app10 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.02); } :root .theme-app10 .light .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app10 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app10 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } :root .theme-app10 .light .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #ef9a9a; } :root .theme-app10 .light .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #ef9a9a; } :root .theme-app10 .light .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #ffab91; } :root .theme-app10 .light .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #ffab91; } :root .theme-app10 .light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app10 .light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(0, 0, 0, 0.06); } :root .theme-app10 .light .mat-icon.mat-primary { color: #ef9a9a; } :root .theme-app10 .light .mat-icon.mat-accent { color: #ef9a9a; } :root .theme-app10 .light .mat-icon.mat-warn { color: #ffab91; } :root .theme-app10 .light .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.54); } :root .theme-app10 .light .mat-input-element:disabled, :root .theme-app10 .light .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.38); } :root .theme-app10 .light .mat-input-element { caret-color: #ef9a9a; } :root .theme-app10 .light .mat-input-element::placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app10 .light .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app10 .light .mat-input-element::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app10 .light .mat-input-element:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app10 .light .mat-form-field.mat-accent .mat-input-element { caret-color: #ef9a9a; } :root .theme-app10 .light .mat-form-field.mat-warn .mat-input-element, :root .theme-app10 .light .mat-form-field-invalid .mat-input-element { caret-color: #ffab91; } :root .theme-app10 .light .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #ffab91; } :root .theme-app10 .light .mat-list-base .mat-list-item { color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-list-base .mat-list-option { color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-list-base .mat-subheader { color: rgba(0, 0, 0, 0.54); } :root .theme-app10 .light .mat-list-base .mat-list-item-disabled { background-color: #eeeeee; color: rgba(0, 0, 0, 0.38); } :root .theme-app10 .light .mat-list-option:hover, :root .theme-app10 .light .mat-list-option:focus, :root .theme-app10 .light .mat-nav-list .mat-list-item:hover, :root .theme-app10 .light .mat-nav-list .mat-list-item:focus, :root .theme-app10 .light .mat-action-list .mat-list-item:hover, :root .theme-app10 .light .mat-action-list .mat-list-item:focus { background: rgba(0, 0, 0, 0.04); } :root .theme-app10 .light .mat-list-single-selected-option, :root .theme-app10 .light .mat-list-single-selected-option:hover, :root .theme-app10 .light .mat-list-single-selected-option:focus { background: rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-menu-panel { background: white; } :root .theme-app10 .light .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-menu-item { background: transparent; color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-menu-item[disabled], :root .theme-app10 .light .mat-menu-item[disabled] .mat-menu-submenu-icon, :root .theme-app10 .light .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(0, 0, 0, 0.38); } :root .theme-app10 .light .mat-menu-item .mat-icon-no-color, :root .theme-app10 .light .mat-menu-submenu-icon { color: rgba(0, 0, 0, 0.54); } :root .theme-app10 .light .mat-menu-item:hover:not([disabled]), :root .theme-app10 .light .mat-menu-item.cdk-program-focused:not([disabled]), :root .theme-app10 .light .mat-menu-item.cdk-keyboard-focused:not([disabled]), :root .theme-app10 .light .mat-menu-item-highlighted:not([disabled]) { background: rgba(0, 0, 0, 0.04); } :root .theme-app10 .light .mat-paginator { background: white; } :root .theme-app10 .light .mat-paginator, :root .theme-app10 .light .mat-paginator-page-size .mat-select-trigger { color: rgba(0, 0, 0, 0.54); } :root .theme-app10 .light .mat-paginator-decrement, :root .theme-app10 .light .mat-paginator-increment { border-top: 2px solid rgba(0, 0, 0, 0.54); border-right: 2px solid rgba(0, 0, 0, 0.54); } :root .theme-app10 .light .mat-paginator-first, :root .theme-app10 .light .mat-paginator-last { border-top: 2px solid rgba(0, 0, 0, 0.54); } :root .theme-app10 .light .mat-icon-button[disabled] .mat-paginator-decrement, :root .theme-app10 .light .mat-icon-button[disabled] .mat-paginator-increment, :root .theme-app10 .light .mat-icon-button[disabled] .mat-paginator-first, :root .theme-app10 .light .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app10 .light .mat-progress-bar-background { fill: #f7e2e2; } :root .theme-app10 .light .mat-progress-bar-buffer { background-color: #f7e2e2; } :root .theme-app10 .light .mat-progress-bar-fill::after { background-color: #ef9a9a; } :root .theme-app10 .light .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #f7e2e2; } :root .theme-app10 .light .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #f7e2e2; } :root .theme-app10 .light .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #ef9a9a; } :root .theme-app10 .light .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #fbe6e0; } :root .theme-app10 .light .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #fbe6e0; } :root .theme-app10 .light .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #ffab91; } :root .theme-app10 .light .mat-progress-spinner circle, :root .theme-app10 .light .mat-spinner circle { stroke: #ef9a9a; } :root .theme-app10 .light .mat-progress-spinner.mat-accent circle, :root .theme-app10 .light .mat-spinner.mat-accent circle { stroke: #ef9a9a; } :root .theme-app10 .light .mat-progress-spinner.mat-warn circle, :root .theme-app10 .light .mat-spinner.mat-warn circle { stroke: #ffab91; } :root .theme-app10 .light .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.54); } :root .theme-app10 .light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #ef9a9a; } :root .theme-app10 .light .mat-radio-button.mat-primary .mat-radio-inner-circle, :root .theme-app10 .light .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app10 .light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app10 .light .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #ef9a9a; } :root .theme-app10 .light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #ef9a9a; } :root .theme-app10 .light .mat-radio-button.mat-accent .mat-radio-inner-circle, :root .theme-app10 .light .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app10 .light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app10 .light .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #ef9a9a; } :root .theme-app10 .light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #ffab91; } :root .theme-app10 .light .mat-radio-button.mat-warn .mat-radio-inner-circle, :root .theme-app10 .light .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app10 .light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app10 .light .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #ffab91; } :root .theme-app10 .light .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, :root .theme-app10 .light .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app10 .light .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, :root .theme-app10 .light .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app10 .light .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(0, 0, 0, 0.38); } :root .theme-app10 .light .mat-radio-button .mat-ripple-element { background-color: black; } :root .theme-app10 .light .mat-select-value { color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-select-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app10 .light .mat-select-disabled .mat-select-value { color: rgba(0, 0, 0, 0.38); } :root .theme-app10 .light .mat-select-arrow { color: rgba(0, 0, 0, 0.54); } :root .theme-app10 .light .mat-select-panel { background: white; } :root .theme-app10 .light .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #ef9a9a; } :root .theme-app10 .light .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #ef9a9a; } :root .theme-app10 .light .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #ffab91; } :root .theme-app10 .light .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #ffab91; } :root .theme-app10 .light .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(0, 0, 0, 0.38); } :root .theme-app10 .light .mat-drawer-container { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-drawer { background-color: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-drawer.mat-drawer-push { background-color: white; } :root .theme-app10 .light .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-drawer-side { border-right: solid 1px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } :root .theme-app10 .light [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } :root .theme-app10 .light [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(0, 0, 0, 0.6); } :root .theme-app10 .light .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #ef9a9a; } :root .theme-app10 .light .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(239, 154, 154, 0.54); } :root .theme-app10 .light .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #ef9a9a; } :root .theme-app10 .light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #ef9a9a; } :root .theme-app10 .light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(239, 154, 154, 0.54); } :root .theme-app10 .light .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #ef9a9a; } :root .theme-app10 .light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #ffab91; } :root .theme-app10 .light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 171, 145, 0.54); } :root .theme-app10 .light .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #ffab91; } :root .theme-app10 .light .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: black; } :root .theme-app10 .light .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #fafafa; } :root .theme-app10 .light .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app10 .light .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app10 .light .mat-slider.mat-primary .mat-slider-track-fill, :root .theme-app10 .light .mat-slider.mat-primary .mat-slider-thumb, :root .theme-app10 .light .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #ef9a9a; } :root .theme-app10 .light .mat-slider.mat-primary .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-slider.mat-primary .mat-slider-focus-ring { background-color: rgba(239, 154, 154, 0.2); } :root .theme-app10 .light .mat-slider.mat-accent .mat-slider-track-fill, :root .theme-app10 .light .mat-slider.mat-accent .mat-slider-thumb, :root .theme-app10 .light .mat-slider.mat-accent .mat-slider-thumb-label { background-color: #ef9a9a; } :root .theme-app10 .light .mat-slider.mat-accent .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(239, 154, 154, 0.2); } :root .theme-app10 .light .mat-slider.mat-warn .mat-slider-track-fill, :root .theme-app10 .light .mat-slider.mat-warn .mat-slider-thumb, :root .theme-app10 .light .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #ffab91; } :root .theme-app10 .light .mat-slider.mat-warn .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(255, 171, 145, 0.2); } :root .theme-app10 .light .mat-slider:hover .mat-slider-track-background, :root .theme-app10 .light .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app10 .light .mat-slider.mat-slider-disabled .mat-slider-track-background, :root .theme-app10 .light .mat-slider.mat-slider-disabled .mat-slider-track-fill, :root .theme-app10 .light .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app10 .light .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app10 .light .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, :root .theme-app10 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, :root .theme-app10 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app10 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); background-color: transparent; } :root .theme-app10 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, :root .theme-app10 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app10 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, :root .theme-app10 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); } :root .theme-app10 .light .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(0, 0, 0, 0.7); } :root .theme-app10 .light .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } :root .theme-app10 .light .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } :root .theme-app10 .light .mat-step-header.cdk-keyboard-focused, :root .theme-app10 .light .mat-step-header.cdk-program-focused, :root .theme-app10 .light .mat-step-header:hover:not([aria-disabled]), :root .theme-app10 .light .mat-step-header:hover[aria-disabled=false] { background-color: rgba(0, 0, 0, 0.04); } :root .theme-app10 .light .mat-step-header:hover[aria-disabled=true] { cursor: default; } @media (hover: none) { :root .theme-app10 .light .mat-step-header:hover { background: none; } } :root .theme-app10 .light .mat-step-header .mat-step-label, :root .theme-app10 .light .mat-step-header .mat-step-optional { color: rgba(0, 0, 0, 0.54); } :root .theme-app10 .light .mat-step-header .mat-step-icon { background-color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-step-header .mat-step-icon-selected, :root .theme-app10 .light .mat-step-header .mat-step-icon-state-done, :root .theme-app10 .light .mat-step-header .mat-step-icon-state-edit { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-step-header.mat-accent .mat-step-icon { color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-step-header.mat-accent .mat-step-icon-selected, :root .theme-app10 .light .mat-step-header.mat-accent .mat-step-icon-state-done, :root .theme-app10 .light .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-step-header.mat-warn .mat-step-icon { color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-step-header.mat-warn .mat-step-icon-selected, :root .theme-app10 .light .mat-step-header.mat-warn .mat-step-icon-state-done, :root .theme-app10 .light .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #ffab91; } :root .theme-app10 .light .mat-step-header .mat-step-label.mat-step-label-active { color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-step-header .mat-step-label.mat-step-label-error { color: #ffab91; } :root .theme-app10 .light .mat-stepper-horizontal, :root .theme-app10 .light .mat-stepper-vertical { background-color: white; } :root .theme-app10 .light .mat-stepper-vertical-line::before { border-left-color: rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-horizontal-stepper-header::before, :root .theme-app10 .light .mat-horizontal-stepper-header::after, :root .theme-app10 .light .mat-stepper-horizontal-line { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-sort-header-arrow { color: #757575; } :root .theme-app10 .light .mat-tab-nav-bar, :root .theme-app10 .light .mat-tab-header { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-tab-group-inverted-header .mat-tab-nav-bar, :root .theme-app10 .light .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: none; } :root .theme-app10 .light .mat-tab-label, :root .theme-app10 .light .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-tab-label.mat-tab-disabled, :root .theme-app10 .light .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app10 .light .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app10 .light .mat-tab-group[class*=mat-background-] > .mat-tab-header, :root .theme-app10 .light .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } :root .theme-app10 .light .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(244, 67, 54, 0.3); } :root .theme-app10 .light .mat-tab-group.mat-primary .mat-ink-bar, :root .theme-app10 .light .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #ef9a9a; } :root .theme-app10 .light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app10 .light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, :root .theme-app10 .light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app10 .light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } :root .theme-app10 .light .mat-tab-group.mat-accent .mat-ink-bar, :root .theme-app10 .light .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #ef9a9a; } :root .theme-app10 .light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app10 .light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, :root .theme-app10 .light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app10 .light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app10 .light .mat-tab-group.mat-warn .mat-ink-bar, :root .theme-app10 .light .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #ffab91; } :root .theme-app10 .light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app10 .light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, :root .theme-app10 .light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app10 .light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(244, 67, 54, 0.3); } :root .theme-app10 .light .mat-tab-group.mat-background-primary > .mat-tab-header, :root .theme-app10 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container, :root .theme-app10 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #ef9a9a; } :root .theme-app10 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app10 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app10 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app10 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app10 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app10 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app10 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app10 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app10 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app10 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app10 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app10 .light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } :root .theme-app10 .light .mat-tab-group.mat-background-accent > .mat-tab-header, :root .theme-app10 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container, :root .theme-app10 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #ef9a9a; } :root .theme-app10 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app10 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app10 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app10 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app10 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app10 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app10 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app10 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app10 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app10 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app10 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app10 .light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app10 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app10 .light .mat-tab-group.mat-background-warn > .mat-tab-header, :root .theme-app10 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container, :root .theme-app10 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #ffab91; } :root .theme-app10 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app10 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app10 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app10 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app10 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app10 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app10 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app10 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app10 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app10 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app10 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app10 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app10 .light .mat-toolbar { background: whitesmoke; color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-toolbar.mat-primary { background: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-toolbar.mat-accent { background: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-toolbar.mat-warn { background: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-toolbar .mat-form-field-underline, :root .theme-app10 .light .mat-toolbar .mat-form-field-ripple, :root .theme-app10 .light .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } :root .theme-app10 .light .mat-toolbar .mat-form-field-label, :root .theme-app10 .light .mat-toolbar .mat-focused .mat-form-field-label, :root .theme-app10 .light .mat-toolbar .mat-select-value, :root .theme-app10 .light .mat-toolbar .mat-select-arrow, :root .theme-app10 .light .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } :root .theme-app10 .light .mat-toolbar .mat-input-element { caret-color: currentColor; } :root .theme-app10 .light .mat-tooltip { background: rgba(97, 97, 97, 0.9); } :root .theme-app10 .light .mat-tree { background: white; } :root .theme-app10 .light .mat-tree-node, :root .theme-app10 .light .mat-nested-tree-node { color: rgba(0, 0, 0, 0.87); } :root .theme-app10 .light .mat-snack-bar-container { color: rgba(255, 255, 255, 0.7); background: #323232; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app10 .light .mat-simple-snackbar-action { color: #ef9a9a; } :root .theme-app10 body { -webkit-user-select: text; user-select: text; } :root .theme-app10 ion-label { -webkit-user-select: text; user-select: text; } :root .theme-app10 ion-item { background-color: var(--ion-background-color); border-bottom: 1px solid var(--secondary); } :root .theme-app10 .file-button { margin: 20px; background: transparent !important; color: var(--primaryText); font-size: 17px !important; font-weight: 300 !important; height: 44px !important; } :root .theme-app10 .file-button::-webkit-file-upload-button { background: transparent !important; margin-right: 10px !important; color: var(--accent); border-width: 2px; border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; font-weight: 300 !important; height: 44px !important; box-shadow: none !important; border-radius: 8px !important; } :root .theme-app10 main-menu .item-inner { margin-left: 6px !important; } :root .theme-app10 ion-split-pane { --side-max-width: 280px; --side-min-width: 280px; } :root .theme-app10 #leftMenu { border-color: var(--borderColor) !important; background-color: var(--primary); } :root .theme-app10 .dark .menuLogo { margin-top: 15px; margin-bottom: 15px; background-image: url('logo-dark.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app10 .dark .menuLogoIos { margin-top: 55px; margin-bottom: 15px; background-image: url('logo-dark.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app10 .light .menuLogo { margin-top: 15px; margin-bottom: 15px; background-image: url('logo-light.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app10 .light .menuLogoIos { margin-top: 45px; margin-bottom: 15px; background-image: url('logo-light.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app10 .menuIcon { color: var(--iconColor) !important; } :root .theme-app10 .padded-divider { padding: 3px; margin-bottom: 10px; width: 100%; border-bottom: 3px solid var(--accent) !important; } :root .theme-app10 ion-radio { --color-checked: var(--accent); --color: var(--accent); width: 20px; height: 20px; } :root .theme-app10 ion-button { --background: var(--accentBackground); color: var(--accent); --border-width: 2px; --border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app10 .button-style { --background: var(--accentBackground); color: var(--accent); --border-width: 2px; --border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app10 .button-style:hover { cursor: pointer; } :root .theme-app10 .button-cancel { color: red; border: none !important; --border-width: 0px !important; } :root .theme-app10 .small-button { height: 20px; font-size: 10px !important; margin: 3px; color: var(--accent); } :root .theme-app10 .medium-button { height: 25px; font-size: 15px !important; margin-top: 10px; margin-bottom: 10px; color: var(--accent); } :root .theme-app10 .default-h1 { font-size: 24px; color: var(--primaryText); font-weight: 300; } :root .theme-app10 .default-h2 { font-size: 24px; color: var(--primaryText); font-weight: 300; } :root .theme-app10 .default-h3 { font-size: 22px; color: var(--primaryText); font-weight: 400; } :root .theme-app10 .default-h4 { font-size: 17px; color: var(--primaryText); font-weight: 300; } :root .theme-app10 .default-h5 { font-size: 15px; color: var(--primaryText); font-weight: 200; } :root .theme-app10 .default-h6 { font-size: 14px; color: var(--primaryText); font-weight: 100; } :root .theme-app10 .default-p { font-size: 14px; color: var(--primaryText); font-weight: 300; } :root .theme-app10 .default-small { font-size: 12px; color: var(--primaryText); font-weight: 1; } :root .theme-app10 ion-header { background-color: var(--primary); } :root .theme-app10 ion-header [class^=icon-]:before, :root .theme-app10 ion-header [class*=" icon-"]:before { width: auto !important; margin-left: 0 !important; } :root .theme-app10 ion-footer { background-color: var(--primary); } :root .theme-app10 .header-md::after { background-image: none !important; } :root .theme-app10 ion-toolbar { color: var(--accent); } :root .theme-app10 .toolbar { background-color: var(--primary); --background: var(--primary); } :root .theme-app10 .toolbar .toolbar-title { font-weight: 400; } :root .theme-app10 .toolbar ion-title { font-size: larger; } :root .theme-app10 .toolbar ion-title, :root .theme-app10 .toolbar ion-title-ios, :root .theme-app10 .toolbar ion-back-button, :root .theme-app10 .toolbar ion-butto, :root .theme-app10 .toolbar ion-icon, :root .theme-app10 .toolbar ion-menu-button { color: var(--accentText); } :root .theme-app10 .toolbar-icon { color: var(--accentText); } :root .theme-app10 .alert-controller-withTheme { overflow: hidden; --background:var(--primary); color: var(--primaryText) !important; } :root .theme-app10 .alert-controller-withTheme .alert-wrapper { border-radius: 15px !important; background: var(--primary); border-color: var(--accent) !important; } :root .theme-app10 .alert-controller-withTheme .alert-head .alert-title { color: var(--primaryText); } :root .theme-app10 .alert-controller-withTheme .alert-message { color: var(--primaryText); } :root .theme-app10 .alert-controller-withTheme .alert-message strong { color: var(--ion-color-danger); } :root .theme-app10 .alert-controller-withTheme .alert-button-group #cancel-button.alert-button .alert-button-inner { color: var(--secondaryText); } :root .theme-app10 .alert-controller-withTheme .alert-button-group #confirm-button.alert-button .alert-button-inner { font-weight: bold; color: var(--ion-color-danger); } :root .theme-app10 .alert-controller-withTheme .alert-button-group #confirm-button-good.alert-button .alert-button-inner { font-weight: bold; color: var(--primaryText); } :root .theme-app10 ion-input { border-radius: 10px !important; margin-top: 5px; margin-bottom: 5px; margin-left: 10px; margin-right: 10px; font-size: 0.9em; color: var(--primaryText); --background: rgba(219,219,219, .03) !important; /* height: 10%; */ /* width: 41%; */ } :root .theme-app10 .withTheme { border: 2px solid var(--borderColor); margin: 10px; padding: 0px !important; border-radius: 15px; overflow: hidden; color: var(--primaryText) !important; } :root .theme-app10 .withTheme ion-card-title, :root .theme-app10 .withTheme ion-card-content, :root .theme-app10 .withTheme ion-label, :root .theme-app10 .withTheme mat-list-item { color: var(--primaryText) !important; } :root .theme-app10 .withTheme span { color: var(--primaryText) !important; } :root .theme-app10 .withTheme ion-img { --border-radius: 8px; } :root .theme-app10 .withTheme ion-thumbnail { --border-radius: 8px; } :root .theme-app10 .withTheme ion-item:hover { border-left: 8px solid var(--borderColor); transition: border-width 0.1s ease-in-out; } :root .theme-app10 .withTheme ion-item.nohover:hover { border-left: none; } :root .theme-app10 .withTheme ion-card-subtitle { color: var(--secondaryText) !important; } :root .theme-app10 .withTheme div.small-distance { margin: 2px; color: var(--primaryText); border: 1px solid var(--borderColor); font-size: 10px; padding-top: 3px; padding-left: 5px; padding-right: 5px; border-radius: 7px; height: 20px; } :root .theme-app10 .withTheme .aligned-with-icon { position: relative; font-size: 8px; top: 11px; margin-left: -25px; /* optional */ margin-right: 8px; } :root .theme-app10 .thumbnail-rounded { border-radius: 6px !important; } :root .theme-app10 .leftMenuColor ion-icon { color: var(--accent); font-family: Montserrat, sans-serif; } :root .theme-app10 .leftMenuColor ion-label { color: var(--primaryText); font-family: Montserrat, sans-serif; font-weight: thin !important; } :root .theme-app10 .leftMenuColor ion-toggle { --background: #3c3e42; --background-checked: #3c3e42; --handle-background: var(--accent); --handle-background-checked: var(--accent); } :root .theme-app10 .floatInput ion-label { color: var(--primaryText); } :root .theme-app10 .floatInput ion-input { color: var(--primaryText); } :root .theme-app10 .breakline-space { margin: 10px; border: 1px solid var(--borderColor) !important; } :root .theme-app10 ion-badge { border-radius: 10px !important; padding: 10px 10px !important; margin: 10px; border: 1px solid var(--borderColor) !important; } :root .theme-app10 ion-badge.failure { border: 1px solid red !important; } :root .theme-app10 ion-badge.success { border: 1px solid white !important; } :root .theme-app10 .row-is-selected { background-color: rgba(211, 211, 211, 0.8); } :root .theme-app10 .alertClass { color: white; background-color: rgba(200, 200, 200, 0.2); } :root .theme-app10 .alertClass .alert-title { font-weight: bolder; } :root .theme-app10 .alertClassActionButton { border: white; border: 2px solid var(--borderColor); border-radius: 7px; } :root .theme-app10 .alert-sub-title.sc-ion-alert-md, :root .theme-app10 .alert-title.sc-ion-alert-md, :root .theme-app10 .alert-message, :root .theme-app10 .sc-ion-alert-md { color: #e0e0e0; } :root .theme-app10 .toastError { --background: red; --color: black; } :root .theme-app10 .custom-options { --placeholder-opacity: 1; color: var(--primaryText); --placeholder-color: var(--primaryText); } :root .theme-app10 .custom-options ion-select::part(text) { color: var(--primaryText); } :root .theme-app10 .custom-options .select-interface-option { --color: var(--primaryText); color: var(--primaryText); } :root .theme-app10 .primaryText { color: var(--primaryText); } :root .theme-app10 .selectClass { min-width: 70%; color: white !important; } :root .theme-app10 .selectClass ion-select { max-width: 70% !important; } :root .theme-app10 .selectClass .sc-ion-alert-md { color: white; } :root .theme-app10 .selectClass .alert-radio-inner.sc-ion-alert-md { background-color: white !important; } :root .theme-app10 .selectClass .alert-radio-label.sc-ion-alert-md { color: white; font-weight: bold; } :root .theme-app10 .selectClass .alert-button.alert-button-inner { color: white; } :root .theme-app10 .selectClass .popover-content { min-width: 90% !important; } :root .theme-app10 .dateRanger { color: var(--ion-color-danger); font-weight: bold; font-size: large; } :root .theme-app10 .eventFloater { color: white; font-weight: bold; padding: 10px; border-radius: 10px; font-size: large; background-color: var(--ion-color-danger); } :root .theme-app10 .chatContainer ion-card-subtitle { padding-top: 3px; } :root .theme-app10 .chatContainer::after { content: ""; clear: both; display: table; } :root .theme-app10 .chatMessageOtherUser { color: white; float: left; } :root .theme-app10 .chatMessageLoggedInUser { color: white; float: right; } :root .theme-app10 .chatUsername { font-weight: bolder; } :root .theme-app10 .ion-icon { color: var(--accentText); } :root .theme-app10 .numberCard ion-card-header { color: white !important; } :root .theme-app10 .numberCard ion-card-header ion-card-subtitle { color: white !important; font-weight: bold; font-size: 20px !important; } :root .theme-app10 .numberCard ion-card-header ion-card-subtitle ion-icon { font-size: 30px !important; color: var(--borderColor); } :root .theme-app10 .numberCard ion-card-header ion-card-title { color: var(--primary) !important; font-weight: bold; padding: 10px; background: var(--accent); border-radius: 10px; float: right; } :root .theme-app10 .numberCard ion-card-content ion-button { margin-top: 10px; } :root .theme-app10 .numberCard ion-card-content div.leftBound { margin-top: 10px; padding: 5px; border-left: 2px solid var(--borderColor); border-bottom: 2px solid var(--borderColor); border-bottom-left-radius: 10px; } :root .theme-app10 .numberCard ion-card-content div.leftBound:hover { border-left: 8px solid var(--borderColor); transition: border-width 0.1s ease-in-out; } :root .theme-app10 .qrCodeStyle { display: flex; align-items: center; justify-content: center; opacity: 1; } :root .theme-app10 .qrCodeStyle img { border-radius: 25px; } :root .theme-app10 .matt-tree-styling { background-color: transparent; padding-top: 20px; margin-top: 20px; } :root .theme-app10 .matt-tree-styling .tree-nested-node { padding-left: 30px; margin-left: 10px; padding-left: 40px; } :root .theme-app10 .matt-tree-styling mat-tree { margin-left: 40px !important; background-color: transparent; } :root .theme-app10 .matt-tree-styling .mat-tree-hover:hover { background-color: var(--accentHover) !important; border-radius: 5px; } :root .theme-app10 .matt-tree-styling .mat-tree-node { padding: 3px; background-color: transparent; } :root .theme-app10 .matt-tree-styling .mat-nested-tree-node { top: -24px !important; background-color: transparent; } :root .theme-app10 .matt-tree-styling ul, :root .theme-app10 .matt-tree-styling li { list-style: none; margin: 0; padding: 0; background-color: transparent; } :root .theme-app10 .matt-tree-styling li.tree-container { border-bottom: 0; background-color: transparent; } :root .theme-app10 .matt-tree-styling li { padding-left: 40px; border-left: 1px dotted grey !important; border-bottom: 1px dotted grey !important; border-bottom-left-radius: 10px; border-width: 0 0 1px 1px; position: relative; top: -24px; background-color: transparent; } :root .theme-app10 .matt-tree-styling li.mat-tree-node, :root .theme-app10 .matt-tree-styling li div { margin: 0; position: relative; top: 15px !important; background-color: transparent; } :root .theme-app10 .matt-tree-styling li ul { padding-right: 80px !important; background-color: transparent; } :root .theme-app10 .popover_style ion-backdrop { --backdrop-opacity: 0.9; } :root .theme-app10 .full-modal-cover { --border-radius: 15px; --min-height: 85% !important; --min-width: 85% !important; --padding:10px !important; } :root .theme-app10 .full-modal-cover .modal-wrapper { height: 30%; width: 90%; border-radius: 10px; } :root .theme-app10 .full-modal-cover-narrow { --border-radius: 15px; --min-height: 85% !important; --min-width: 450px !important; --padding:10px !important; } :root .theme-app10 .full-modal-cover-narrow .modal-wrapper { height: 30%; width: 90%; border-radius: 10px; } :root .theme-app10 .small-modal-cover .modal-wrapper { border-radius: 15px; padding: 10px; } :root .theme-app10 .no-background-modal .modal-wrapper { --min-height: 95% !important; --min-width: 75% !important; --background: rgba(46, 46, 46, 0); --border-style: none; --box-shadow:none; --border-radius:none; --border-style:none; --border-color:none; --border-width:0px; } :root .theme-app10 .small-no-background-modal .modal-wrapper { --background: rgba(46, 46, 46, 0) !important; --border-style: none !important; --box-shadow:none !important; --border-radius:none !important; --border-style:none !important; --border-color:none !important; --border-width:0px !important; } :root .theme-app10 .firmware-chain { font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app10 .fab-close { font-size: large !important; font-weight: bold !important; border-color: var(--accent) !important; border-radius: 18px !important; } :root .theme-app10 .fab-close:hover { background-color: var(--accent) !important; } :root .theme-app10 ::-webkit-scrollbar { width: 10px; } :root .theme-app10 ::-webkit-scrollbar-track { background: none; } :root .theme-app10 ::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 5px; } :root .theme-app10 ::-webkit-scrollbar-thumb:hover { background: #555; } :root .theme-app10 .deck-tooltip { border-radius: 7px; } :root .theme-app10 .map-control-panel { position: absolute; top: 0; left: 0; display: flex; } :root .theme-app10 .map-control-panel ion-card { margin: 20px; padding: 10px; border-radius: 10px; } :root .theme-app10 .map-control-panel ion-item { color: var(--primaryText); } :root .theme-app10 .map-control-panel ion-item ion-button { padding-top: 3px; padding-bottom: 3px; } :root .theme-app10 .map-control-panel ion-thumbnail { --border-radius: 5px; } :root .theme-app10 .map-control-panel .ion-label-title { font-weight: 500; } :root .theme-app10 .map-control-panel .ion-label-body { font-weight: lighter; } :root .theme-app10 .scanCheckBox { float: right; font-size: small; } :root .theme-app10 .scanCheckBox ion-checkbox { margin-left: 4px; margin-bottom: -4px; --border-color: var(--borderColor); --border-color-checked: var(--borderColor); --checkmark-color: var(--borderColor); } :root .theme-app10 .accentText { color: var(--accentText); } :root .theme-app10 a { color: var(--accentDarkText); } :root .theme-app10 .layerLabel { text-transform: capitalize; color: var(--primaryText); } :root .theme-app10 .mini-profile { border: 2px solid var(--borderColor); display: inline-block; color: var(--accentText) !important; margin: 10px; padding: 8 30px; height: 30px; font-size: 16px; line-height: 25px; border-radius: 25px; } :root .theme-app10 .mini-profile img { float: left; margin-left: 10px; height: 25px; background-color: white; border-radius: 50%; padding-top: 1px; padding-right: 2px; } :root .theme-app10 .searchbar-input { background: white !important; font-size: 1.25em !important; border: 1px solid transparent; border-radius: 10px !important; height: 30px !important; } :root .theme-app10 .searchbar-search-icon.sc-ion-searchbar-md { top: 6px; } :root .theme-app10 .sc-ion-searchbar-ios-h { padding-bottom: 0 !important; } :root .theme-app10 .badgeAsSelection { --background:var(--accent) !important; color: var(--secondaryBaseText); cursor: pointer; } :root .theme-app10 .badgeAsOptions { --background:none !important; color: var(--accentText); border: 2px solid var(--borderColor); cursor: pointer; } :root .theme-app10 .badgeAsOptions { --background:none !important; color: var(--accentText); border: 2px solid var(--borderColor); cursor: pointer; } :root .theme-app10 .clearOptions { --background:none !important; color: red !important; border: 1px solid red !important; cursor: pointer; } :root .theme-app10 .ng-star-inserted { color: var(--primaryText) !important; } :root .theme-app10 .apexcharts-xaxis-label { fill: var(--primaryText) !important; } :root .theme-app10 .apexcharts-xaxis text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app10 .apexcharts-yaxis-label { fill: var(--primaryText) !important; color: var(--primaryText) !important; } :root .theme-app10 .apexcharts-yaxis text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app10 .apexcharts-title-text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app10 .apexcharts-tooltip { background: #f3f3f3 !important; color: black !important; fill: black !important; } :root .theme-app10 .apexcharts-tooltip span { color: black !important; fill: black !important; } :root .theme-app10 .apexcharts-tooltip-text { color: black !important; fill: black !important; } :root .theme-app10 .apexcharts-tooltip-text-y-label { color: black !important; fill: black !important; } :root .theme-app10 .apexcharts-tooltip-y-group span { color: black !important; fill: black !important; } :root .theme-app10 .area-custom-gradient { fill: linear-gradient(to bottom, #FF5733, #FFCC00); } :root .theme-app10 ion-item-divider { border-color: var(--secondary); } :root .theme-app10 ion-item-divider ion-label { --border-color: var(--secondary) !important; /* Replace with your desired color */ border-color: var(--secondary); } :root .theme-app10 .btn-prev-next { border: 1px solid lightgray; background-color: transparent; color: var(--primaryText); width: 30px; font-size: large; } :root .theme-app10 ion-accordion-group ion-accordion .ion-accordion-toggle-icon { color: var(--primaryText); } :root .theme-app10 .device-status-box { border: 2px solid var(--secondary); /* Set the border color to your desired color */ box-shadow: none; /* Set the box shadow color */ } :root .theme-app10 .counts { color: var(--primaryText); text-align: center; } :root .theme-app10 gridster-item { background-color: var(--ion-background-color) !important; } :root .theme-app10 gridster { background-color: var(--ion-background-color) !important; } :root .theme-app10 ion-fab ion-fab-button { --background: var(--accent); color: white; } :root .theme-app10 #chart path.apexcharts-area { fill: #ff5733; /* Set the fill color to your desired color */ } :root .theme-app10 #chart path.apexcharts-area:hover { fill: #ff33cc; /* Set the hover fill color to your desired color */ } :root .theme-app10 .card-indent { margin-left: 100px !important; } :root .theme-app10 .card-indent:before { content: ""; position: absolute; top: 50%; left: 111px; /* Adjust this value to position the arrow */ width: 0; height: 0; border-style: solid; border-width: 5px 7px 0 7px; border-color: #000 transparent transparent transparent; /* Change color if needed */ transform: translateY(-50%) rotate(45deg); } :root .theme-app10 .valid-alert { --background: green; /* Set the background color to green */ /* You can add more custom styles here */ } :root .theme-app10 .invlid-alert { --background: red; /* Set the background color to red */ /* You can add more custom styles here */ } :root .theme-app10 .mat-tabs .mat-ink-bar { background-color: var(--accent) !important; } :root .theme-app10 .mat-table { overflow-x: scroll; } :root .theme-app10 .mat-cell, :root .theme-app10 .mat-header-cell { word-wrap: initial; display: table-cell; padding: 0px 10px; line-break: unset; width: 100%; white-space: nowrap; overflow: hidden; vertical-align: middle; } :root .theme-app10 .mat-row, :root .theme-app10 .mat-header-row { display: table-row; } :root .theme-app10 .mat-tab-label { padding: 5px; background-color: transparent; color: var(--accent); font-weight: 700; } :root .theme-app10 .mat-tab-label.mat-tab-label-active { padding: 5px; background-color: transparent; color: var(--accent); font-weight: 700; } :root .theme-app10 .mat-ink-bar { background-color: var(--accent); } :root .theme-app10 mat-label { color: var(--primaryText); } :root .theme-app10 mat-form-field { color: var(--primaryText); } :root .theme-app10 mat-form-field input { color: var(--primaryText); } :root .theme-app10 .mat-icon { color: var(--primaryText); } :root .mat-badge-content { font-weight: 600; font-size: 12px; font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-badge-small .mat-badge-content { font-size: 9px; } :root .mat-badge-large .mat-badge-content { font-size: 24px; } :root .mat-h1, :root .mat-headline, :root .mat-typography .mat-h1, :root .mat-typography .mat-headline, :root .mat-typography h1 { font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h2, :root .mat-title, :root .mat-typography .mat-h2, :root .mat-typography .mat-title, :root .mat-typography h2 { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h3, :root .mat-subheading-2, :root .mat-typography .mat-h3, :root .mat-typography .mat-subheading-2, :root .mat-typography h3 { font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h4, :root .mat-subheading-1, :root .mat-typography .mat-h4, :root .mat-typography .mat-subheading-1, :root .mat-typography h4 { font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h5, :root .mat-typography .mat-h5, :root .mat-typography h5 { font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } :root .mat-h6, :root .mat-typography .mat-h6, :root .mat-typography h6 { font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } :root .mat-body-strong, :root .mat-body-2, :root .mat-typography .mat-body-strong, :root .mat-typography .mat-body-2 { font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-body, :root .mat-body-1, :root .mat-typography .mat-body, :root .mat-typography .mat-body-1, :root .mat-typography { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-body p, :root .mat-body-1 p, :root .mat-typography .mat-body p, :root .mat-typography .mat-body-1 p, :root .mat-typography p { margin: 0 0 12px; } :root .mat-small, :root .mat-caption, :root .mat-typography .mat-small, :root .mat-typography .mat-caption { font: 400 12px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-display-4, :root .mat-typography .mat-display-4 { font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.05em; margin: 0 0 56px; } :root .mat-display-3, :root .mat-typography .mat-display-3 { font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.02em; margin: 0 0 64px; } :root .mat-display-2, :root .mat-typography .mat-display-2 { font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.005em; margin: 0 0 64px; } :root .mat-display-1, :root .mat-typography .mat-display-1 { font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 64px; } :root .mat-bottom-sheet-container { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-button, :root .mat-raised-button, :root .mat-icon-button, :root .mat-stroked-button, :root .mat-flat-button, :root .mat-fab, :root .mat-mini-fab { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-button-toggle { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-card { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-card-title { font-size: 24px; font-weight: 500; } :root .mat-card-header .mat-card-title { font-size: 20px; } :root .mat-card-subtitle, :root .mat-card-content { font-size: 14px; } :root .mat-checkbox { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-checkbox-layout .mat-checkbox-label { line-height: 24px; } :root .mat-chip { font-size: 14px; font-weight: 500; } :root .mat-chip .mat-chip-trailing-icon.mat-icon, :root .mat-chip .mat-chip-remove.mat-icon { font-size: 18px; } :root .mat-table { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-header-cell { font-size: 12px; font-weight: 500; } :root .mat-cell, :root .mat-footer-cell { font-size: 14px; } :root .mat-calendar { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-calendar-body { font-size: 13px; } :root .mat-calendar-body-label, :root .mat-calendar-period-button { font-size: 14px; font-weight: 500; } :root .mat-calendar-table-header th { font-size: 11px; font-weight: 400; } :root .mat-dialog-title { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-expansion-panel-header { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 15px; font-weight: 400; } :root .mat-expansion-panel-content { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-form-field { font-size: inherit; font-weight: 400; line-height: 1.125; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-form-field-wrapper { padding-bottom: 1.34375em; } :root .mat-form-field-prefix .mat-icon, :root .mat-form-field-suffix .mat-icon { font-size: 150%; line-height: 1.125; } :root .mat-form-field-prefix .mat-icon-button, :root .mat-form-field-suffix .mat-icon-button { height: 1.5em; width: 1.5em; } :root .mat-form-field-prefix .mat-icon-button .mat-icon, :root .mat-form-field-suffix .mat-icon-button .mat-icon { height: 1.125em; line-height: 1.125; } :root .mat-form-field-infix { padding: 0.5em 0; border-top: 0.84375em solid transparent; } :root .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34365em) scale(0.75); width: 133.3334333333%; } :root .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34364em) scale(0.75); width: 133.3334433333%; } :root .mat-form-field-label-wrapper { top: -0.84375em; padding-top: 0.84375em; } :root .mat-form-field-label { top: 1.34375em; } :root .mat-form-field-underline { bottom: 1.34375em; } :root .mat-form-field-subscript-wrapper { font-size: 75%; margin-top: 0.6666666667em; top: calc(100% - 1.7916666667em); } :root .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 1.25em; } :root .mat-form-field-appearance-legacy .mat-form-field-infix { padding: 0.4375em 0; } :root .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.0013px); width: 133.3336333333%; } :root .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 { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00131px); width: 133.3336433333%; } :root .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 { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00132px); width: 133.3336533333%; } :root .mat-form-field-appearance-legacy .mat-form-field-label { top: 1.28125em; } :root .mat-form-field-appearance-legacy .mat-form-field-underline { bottom: 1.25em; } :root .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { margin-top: 0.5416666667em; top: calc(100% - 1.6666666667em); } @media print { :root .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28092em) scale(0.75); } :root .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 { transform: translateY(-1.28091em) scale(0.75); } :root .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 { transform: translateY(-1.2809em) scale(0.75); } } :root .mat-form-field-appearance-fill .mat-form-field-infix { padding: 0.25em 0 0.75em 0; } :root .mat-form-field-appearance-fill .mat-form-field-label { top: 1.09375em; margin-top: -0.5em; } :root .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59365em) scale(0.75); width: 133.3334333333%; } :root .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 { transform: translateY(-0.59364em) scale(0.75); width: 133.3334433333%; } :root .mat-form-field-appearance-outline .mat-form-field-infix { padding: 1em 0 1em 0; } :root .mat-form-field-appearance-outline .mat-form-field-label { top: 1.84375em; margin-top: -0.25em; } :root .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59365em) scale(0.75); width: 133.3334333333%; } :root .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 { transform: translateY(-1.59364em) scale(0.75); width: 133.3334433333%; } :root .mat-grid-tile-header, :root .mat-grid-tile-footer { font-size: 14px; } :root .mat-grid-tile-header .mat-line, :root .mat-grid-tile-footer .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-grid-tile-header .mat-line:nth-child(n+2), :root .mat-grid-tile-footer .mat-line:nth-child(n+2) { font-size: 12px; } :root input.mat-input-element { margin-top: -0.0625em; } :root .mat-menu-item { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 400; } :root .mat-paginator, :root .mat-paginator-page-size .mat-select-trigger { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; } :root .mat-radio-button { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-select { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-select-trigger { height: 1.125em; } :root .mat-slide-toggle-content { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-slider-thumb-label-text { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } :root .mat-stepper-vertical, :root .mat-stepper-horizontal { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-step-label { font-size: 14px; font-weight: 400; } :root .mat-step-sub-label-error { font-weight: normal; } :root .mat-step-label-error { font-size: 14px; } :root .mat-step-label-selected { font-size: 14px; font-weight: 500; } :root .mat-tab-group { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-tab-label, :root .mat-tab-link { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-toolbar, :root .mat-toolbar h1, :root .mat-toolbar h2, :root .mat-toolbar h3, :root .mat-toolbar h4, :root .mat-toolbar h5, :root .mat-toolbar h6 { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0; } :root .mat-tooltip { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 10px; padding-top: 6px; padding-bottom: 6px; } :root .mat-tooltip-handset { font-size: 14px; padding-top: 8px; padding-bottom: 8px; } :root .mat-list-item { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-list-option { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-list-base .mat-list-item { font-size: 16px; } :root .mat-list-base .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base .mat-list-item .mat-line:nth-child(n+2) { font-size: 14px; } :root .mat-list-base .mat-list-option { font-size: 16px; } :root .mat-list-base .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base .mat-list-option .mat-line:nth-child(n+2) { font-size: 14px; } :root .mat-list-base .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-list-base[dense] .mat-list-item { font-size: 12px; } :root .mat-list-base[dense] .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) { font-size: 12px; } :root .mat-list-base[dense] .mat-list-option { font-size: 12px; } :root .mat-list-base[dense] .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) { font-size: 12px; } :root .mat-list-base[dense] .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } :root .mat-option { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 16px; } :root .mat-optgroup-label { font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-simple-snackbar { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; } :root .mat-simple-snackbar-action { line-height: 1; font-family: inherit; font-size: inherit; font-weight: 500; } :root .mat-tree { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-tree-node, :root .mat-nested-tree-node { font-weight: 400; font-size: 14px; } :root .mat-ripple { overflow: hidden; position: relative; } :root .mat-ripple:not(:empty) { transform: translateZ(0); } :root .mat-ripple.mat-ripple-unbounded { overflow: visible; } :root .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale(0); } .cdk-high-contrast-active :root .mat-ripple-element { display: none; } :root .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; outline: 0; -webkit-appearance: none; -moz-appearance: none; left: 0; } [dir=rtl] :root .cdk-visually-hidden { left: auto; right: 0; } :root .cdk-overlay-container, :root .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } :root .cdk-overlay-container { position: fixed; z-index: 1000; } :root .cdk-overlay-container:empty { display: none; } :root .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } :root .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } :root .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } :root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } .cdk-high-contrast-active :root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } :root .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } :root .cdk-overlay-transparent-backdrop { transition: visibility 1ms linear, opacity 1ms linear; visibility: hidden; opacity: 1; } :root .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; visibility: visible; } :root .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } :root .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } :root textarea.cdk-textarea-autosize { resize: none; } :root textarea.cdk-textarea-autosize-measuring { padding: 2px 0 !important; box-sizing: content-box !important; height: auto !important; overflow: hidden !important; } :root textarea.cdk-textarea-autosize-measuring-firefox { padding: 2px 0 !important; box-sizing: content-box !important; height: 0 !important; } @keyframes cdk-text-field-autofill-start { /*!*/ } @keyframes cdk-text-field-autofill-end { /*!*/ } :root .cdk-text-field-autofill-monitored:-webkit-autofill { animation: cdk-text-field-autofill-start 0s 1ms; } :root .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { animation: cdk-text-field-autofill-end 0s 1ms; } :root .mat-focus-indicator { position: relative; } :root .mat-mdc-focus-indicator { position: relative; } :root .theme-app12 { margin-top: 15px; /* # Global Font Size Section ================================================ ================================================*/ /* # Settings Size Avatar Section ================================================ ================================================*/ /* # Settings Size Thumbnail Section ================================================ ================================================*/ /* Track */ /* Handle */ /* Handle on hover */ /* Style the area path element when hovering (optional) */ /* active tab */ /* Styles for the active tab label */ /* Styles for the ink bar */ } :root .theme-app12 .dark { --primary: #1f1f1f; --secondary: #c7c7cc; --secondaryBase: #fff; --accent: #78c456; --secondaryDark: rgb(42, 53, 68); --accentLight: #a4d88c; --accentBackground: rgb(156, 218, 127, 0.1); --accentDark: rgb(160, 88, 83); --borderColor: #78c456; --primaryText: rgb(227, 227, 227); --secondaryText: #8e8e93; --accentText: #78c456; --secondaryBaseText: #efeff4; --accentLightText: #2d3035; --accentDarkText: #00000; /** primary **/ --ion-color-primary: #2d3035; --ion-color-primary-rgb: 45, 48, 53; --ion-color-primary-contrast: #ffffff; --ion-color-primary-contrast-rgb: 255, 255, 255; --ion-color-primary-shade: #3171e0; --ion-color-primary-tint: #4c8dff; /** secondary **/ --ion-color-secondary: var(--accent); --ion-color-secondary-rgb: 199, 199, 204; --ion-color-secondary-contrast: #ffffff; --ion-color-secondary-contrast-rgb: 255, 255, 255; --ion-color-secondary-shade: #0bb8cc; --ion-color-secondary-tint: #24d6ea; /** tertiary **/ --ion-color-tertiary: #7044ff; --ion-color-tertiary-rgb: 112, 68, 255; --ion-color-tertiary-contrast: #ffffff; --ion-color-tertiary-contrast-rgb: 255, 255, 255; --ion-color-tertiary-shade: #633ce0; --ion-color-tertiary-tint: #7e57ff; /** success **/ --ion-color-success: #10dc60; --ion-color-success-rgb: 16, 220, 96; --ion-color-success-contrast: #ffffff; --ion-color-success-contrast-rgb: 255, 255, 255; --ion-color-success-shade: #0ec254; --ion-color-success-tint: #28e070; /** warning **/ --ion-color-warning: #ffce00; --ion-color-warning-rgb: 255, 206, 0; --ion-color-warning-contrast: #ffffff; --ion-color-warning-contrast-rgb: 255, 255, 255; --ion-color-warning-shade: #e0b500; --ion-color-warning-tint: #ffd31a; /** danger **/ --ion-color-danger: #f04141; --ion-color-danger-rgb: 245, 61, 61; --ion-color-danger-contrast: #ffffff; --ion-color-danger-contrast-rgb: 255, 255, 255; --ion-color-danger-shade: #d33939; --ion-color-danger-tint: #f25454; /** dark **/ --ion-color-dark: #222428; --ion-color-dark-rgb: 34, 34, 34; --ion-color-dark-contrast: #ffffff; --ion-color-dark-contrast-rgb: 255, 255, 255; --ion-color-dark-shade: #1e2023; --ion-color-dark-tint: #383a3e; /** medium **/ --ion-color-medium: #989aa2; --ion-color-medium-rgb: 152, 154, 162; --ion-color-medium-contrast: #ffffff; --ion-color-medium-contrast-rgb: 255, 255, 255; --ion-color-medium-shade: #86888f; --ion-color-medium-tint: #a2a4ab; /** light **/ --ion-color-light: #f4f5f8; --ion-color-light-rgb: 244, 244, 244; --ion-color-light-contrast: #000000; --ion-color-light-contrast-rgb: 0, 0, 0; --ion-color-light-shade: #d7d8da; --ion-color-light-tint: #f5f6f9; --ion-background-color: var(--primary); } :root .theme-app12 .dark .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app12 .dark .mat-option { color: white; } :root .theme-app12 .dark .mat-option:hover:not(.mat-option-disabled), :root .theme-app12 .dark .mat-option:focus:not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } :root .theme-app12 .dark .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } :root .theme-app12 .dark .mat-option.mat-active { background: rgba(255, 255, 255, 0.04); color: white; } :root .theme-app12 .dark .mat-option.mat-option-disabled { color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #ffeb3b; } :root .theme-app12 .dark .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: yellow; } :root .theme-app12 .dark .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #ff5722; } :root .theme-app12 .dark .mat-optgroup-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app12 .dark .mat-optgroup-disabled .mat-optgroup-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-pseudo-checkbox { color: rgba(255, 255, 255, 0.7); } :root .theme-app12 .dark .mat-pseudo-checkbox::after { color: #303030; } :root .theme-app12 .dark .mat-pseudo-checkbox-disabled { color: #686868; } :root .theme-app12 .dark .mat-primary .mat-pseudo-checkbox-checked, :root .theme-app12 .dark .mat-primary .mat-pseudo-checkbox-indeterminate { background: #ffeb3b; } :root .theme-app12 .dark .mat-pseudo-checkbox-checked, :root .theme-app12 .dark .mat-pseudo-checkbox-indeterminate, :root .theme-app12 .dark .mat-accent .mat-pseudo-checkbox-checked, :root .theme-app12 .dark .mat-accent .mat-pseudo-checkbox-indeterminate { background: yellow; } :root .theme-app12 .dark .mat-warn .mat-pseudo-checkbox-checked, :root .theme-app12 .dark .mat-warn .mat-pseudo-checkbox-indeterminate { background: #ff5722; } :root .theme-app12 .dark .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, :root .theme-app12 .dark .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #686868; } :root .theme-app12 .dark .mat-app-background, :root .theme-app12 .dark.mat-app-background { background-color: #303030; color: white; } :root .theme-app12 .dark .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } :root .theme-app12 .dark .mat-autocomplete-panel { background: #424242; color: white; } :root .theme-app12 .dark .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: #424242; } :root .theme-app12 .dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: white; } :root .theme-app12 .dark .mat-badge { position: relative; } :root .theme-app12 .dark .mat-badge.mat-badge { overflow: visible; } :root .theme-app12 .dark .mat-badge-hidden .mat-badge-content { display: none; } :root .theme-app12 .dark .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } :root .theme-app12 .dark .ng-animate-disabled .mat-badge-content, :root .theme-app12 .dark .mat-badge-content._mat-animation-noopable { transition: none; } :root .theme-app12 .dark .mat-badge-content.mat-badge-active { transform: none; } :root .theme-app12 .dark .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } :root .theme-app12 .dark .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } :root .theme-app12 .dark .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } :root .theme-app12 .dark .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] :root .theme-app12 .dark .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } :root .theme-app12 .dark .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] :root .theme-app12 .dark .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } :root .theme-app12 .dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] :root .theme-app12 .dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } :root .theme-app12 .dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] :root .theme-app12 .dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } :root .theme-app12 .dark .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } :root .theme-app12 .dark .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } :root .theme-app12 .dark .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } :root .theme-app12 .dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] :root .theme-app12 .dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } :root .theme-app12 .dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] :root .theme-app12 .dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } :root .theme-app12 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] :root .theme-app12 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } :root .theme-app12 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] :root .theme-app12 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } :root .theme-app12 .dark .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } :root .theme-app12 .dark .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } :root .theme-app12 .dark .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } :root .theme-app12 .dark .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] :root .theme-app12 .dark .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } :root .theme-app12 .dark .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] :root .theme-app12 .dark .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } :root .theme-app12 .dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] :root .theme-app12 .dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } :root .theme-app12 .dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] :root .theme-app12 .dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } :root .theme-app12 .dark .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #ffeb3b; } .cdk-high-contrast-active :root .theme-app12 .dark .mat-badge-content { outline: solid 1px; border-radius: 0; } :root .theme-app12 .dark .mat-badge-accent .mat-badge-content { background: yellow; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .dark .mat-badge-warn .mat-badge-content { color: white; background: #ff5722; } :root .theme-app12 .dark .mat-badge-disabled .mat-badge-content { background: #6e6e6e; color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: #424242; color: white; } :root .theme-app12 .dark .mat-button, :root .theme-app12 .dark .mat-icon-button, :root .theme-app12 .dark .mat-stroked-button { color: inherit; background: transparent; } :root .theme-app12 .dark .mat-button.mat-primary, :root .theme-app12 .dark .mat-icon-button.mat-primary, :root .theme-app12 .dark .mat-stroked-button.mat-primary { color: #ffeb3b; } :root .theme-app12 .dark .mat-button.mat-accent, :root .theme-app12 .dark .mat-icon-button.mat-accent, :root .theme-app12 .dark .mat-stroked-button.mat-accent { color: yellow; } :root .theme-app12 .dark .mat-button.mat-warn, :root .theme-app12 .dark .mat-icon-button.mat-warn, :root .theme-app12 .dark .mat-stroked-button.mat-warn { color: #ff5722; } :root .theme-app12 .dark .mat-button.mat-primary.mat-button-disabled, :root .theme-app12 .dark .mat-button.mat-accent.mat-button-disabled, :root .theme-app12 .dark .mat-button.mat-warn.mat-button-disabled, :root .theme-app12 .dark .mat-button.mat-button-disabled.mat-button-disabled, :root .theme-app12 .dark .mat-icon-button.mat-primary.mat-button-disabled, :root .theme-app12 .dark .mat-icon-button.mat-accent.mat-button-disabled, :root .theme-app12 .dark .mat-icon-button.mat-warn.mat-button-disabled, :root .theme-app12 .dark .mat-icon-button.mat-button-disabled.mat-button-disabled, :root .theme-app12 .dark .mat-stroked-button.mat-primary.mat-button-disabled, :root .theme-app12 .dark .mat-stroked-button.mat-accent.mat-button-disabled, :root .theme-app12 .dark .mat-stroked-button.mat-warn.mat-button-disabled, :root .theme-app12 .dark .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } :root .theme-app12 .dark .mat-button.mat-primary .mat-button-focus-overlay, :root .theme-app12 .dark .mat-icon-button.mat-primary .mat-button-focus-overlay, :root .theme-app12 .dark .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #ffeb3b; } :root .theme-app12 .dark .mat-button.mat-accent .mat-button-focus-overlay, :root .theme-app12 .dark .mat-icon-button.mat-accent .mat-button-focus-overlay, :root .theme-app12 .dark .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: yellow; } :root .theme-app12 .dark .mat-button.mat-warn .mat-button-focus-overlay, :root .theme-app12 .dark .mat-icon-button.mat-warn .mat-button-focus-overlay, :root .theme-app12 .dark .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #ff5722; } :root .theme-app12 .dark .mat-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app12 .dark .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app12 .dark .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } :root .theme-app12 .dark .mat-button .mat-ripple-element, :root .theme-app12 .dark .mat-icon-button .mat-ripple-element, :root .theme-app12 .dark .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } :root .theme-app12 .dark .mat-button-focus-overlay { background: white; } :root .theme-app12 .dark .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(255, 255, 255, 0.12); } :root .theme-app12 .dark .mat-flat-button, :root .theme-app12 .dark .mat-raised-button, :root .theme-app12 .dark .mat-fab, :root .theme-app12 .dark .mat-mini-fab { color: white; background-color: #424242; } :root .theme-app12 .dark .mat-flat-button.mat-primary, :root .theme-app12 .dark .mat-raised-button.mat-primary, :root .theme-app12 .dark .mat-fab.mat-primary, :root .theme-app12 .dark .mat-mini-fab.mat-primary { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .dark .mat-flat-button.mat-accent, :root .theme-app12 .dark .mat-raised-button.mat-accent, :root .theme-app12 .dark .mat-fab.mat-accent, :root .theme-app12 .dark .mat-mini-fab.mat-accent { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .dark .mat-flat-button.mat-warn, :root .theme-app12 .dark .mat-raised-button.mat-warn, :root .theme-app12 .dark .mat-fab.mat-warn, :root .theme-app12 .dark .mat-mini-fab.mat-warn { color: white; } :root .theme-app12 .dark .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app12 .dark .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app12 .dark .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app12 .dark .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app12 .dark .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app12 .dark .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app12 .dark .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app12 .dark .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app12 .dark .mat-fab.mat-primary.mat-button-disabled, :root .theme-app12 .dark .mat-fab.mat-accent.mat-button-disabled, :root .theme-app12 .dark .mat-fab.mat-warn.mat-button-disabled, :root .theme-app12 .dark .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app12 .dark .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app12 .dark .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app12 .dark .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app12 .dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } :root .theme-app12 .dark .mat-flat-button.mat-primary, :root .theme-app12 .dark .mat-raised-button.mat-primary, :root .theme-app12 .dark .mat-fab.mat-primary, :root .theme-app12 .dark .mat-mini-fab.mat-primary { background-color: #ffeb3b; } :root .theme-app12 .dark .mat-flat-button.mat-accent, :root .theme-app12 .dark .mat-raised-button.mat-accent, :root .theme-app12 .dark .mat-fab.mat-accent, :root .theme-app12 .dark .mat-mini-fab.mat-accent { background-color: yellow; } :root .theme-app12 .dark .mat-flat-button.mat-warn, :root .theme-app12 .dark .mat-raised-button.mat-warn, :root .theme-app12 .dark .mat-fab.mat-warn, :root .theme-app12 .dark .mat-mini-fab.mat-warn { background-color: #ff5722; } :root .theme-app12 .dark .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app12 .dark .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app12 .dark .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app12 .dark .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app12 .dark .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app12 .dark .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app12 .dark .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app12 .dark .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app12 .dark .mat-fab.mat-primary.mat-button-disabled, :root .theme-app12 .dark .mat-fab.mat-accent.mat-button-disabled, :root .theme-app12 .dark .mat-fab.mat-warn.mat-button-disabled, :root .theme-app12 .dark .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app12 .dark .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app12 .dark .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app12 .dark .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app12 .dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app12 .dark .mat-flat-button.mat-primary .mat-ripple-element, :root .theme-app12 .dark .mat-raised-button.mat-primary .mat-ripple-element, :root .theme-app12 .dark .mat-fab.mat-primary .mat-ripple-element, :root .theme-app12 .dark .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app12 .dark .mat-flat-button.mat-accent .mat-ripple-element, :root .theme-app12 .dark .mat-raised-button.mat-accent .mat-ripple-element, :root .theme-app12 .dark .mat-fab.mat-accent .mat-ripple-element, :root .theme-app12 .dark .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app12 .dark .mat-flat-button.mat-warn .mat-ripple-element, :root .theme-app12 .dark .mat-raised-button.mat-warn .mat-ripple-element, :root .theme-app12 .dark .mat-fab.mat-warn .mat-ripple-element, :root .theme-app12 .dark .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app12 .dark .mat-stroked-button:not([class*=mat-elevation-z]), :root .theme-app12 .dark .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-fab:not([class*=mat-elevation-z]), :root .theme-app12 .dark .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), :root .theme-app12 .dark .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), :root .theme-app12 .dark .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-button-toggle-standalone:not([class*=mat-elevation-z]), :root .theme-app12 .dark .mat-button-toggle-group:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), :root .theme-app12 .dark .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) { box-shadow: none; } :root .theme-app12 .dark .mat-button-toggle { color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app12 .dark .mat-button-toggle-appearance-standard { color: white; background: #424242; } :root .theme-app12 .dark .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: white; } :root .theme-app12 .dark .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px #595959; } :root .theme-app12 .dark [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px #595959; } :root .theme-app12 .dark .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px #595959; } :root .theme-app12 .dark .mat-button-toggle-checked { background-color: #212121; color: rgba(255, 255, 255, 0.7); } :root .theme-app12 .dark .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: white; } :root .theme-app12 .dark .mat-button-toggle-disabled { color: rgba(255, 255, 255, 0.3); background-color: black; } :root .theme-app12 .dark .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: #424242; } :root .theme-app12 .dark .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #424242; } :root .theme-app12 .dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, :root .theme-app12 .dark .mat-button-toggle-group-appearance-standard { border: solid 1px #595959; } :root .theme-app12 .dark .mat-card { background: #424242; color: white; } :root .theme-app12 .dark .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-card-subtitle { color: rgba(255, 255, 255, 0.7); } :root .theme-app12 .dark .mat-checkbox-frame { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app12 .dark .mat-checkbox-checkmark { fill: #303030; } :root .theme-app12 .dark .mat-checkbox-checkmark-path { stroke: #303030 !important; } :root .theme-app12 .dark .mat-checkbox-mixedmark { background-color: #303030; } :root .theme-app12 .dark .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, :root .theme-app12 .dark .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #ffeb3b; } :root .theme-app12 .dark .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, :root .theme-app12 .dark .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: yellow; } :root .theme-app12 .dark .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, :root .theme-app12 .dark .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #ff5722; } :root .theme-app12 .dark .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, :root .theme-app12 .dark .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #686868; } :root .theme-app12 .dark .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #686868; } :root .theme-app12 .dark .mat-checkbox-disabled .mat-checkbox-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-checkbox .mat-ripple-element { background-color: white; } :root .theme-app12 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, :root .theme-app12 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #ffeb3b; } :root .theme-app12 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, :root .theme-app12 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: yellow; } :root .theme-app12 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, :root .theme-app12 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #ff5722; } :root .theme-app12 .dark .mat-chip.mat-standard-chip { background-color: #616161; color: white; } :root .theme-app12 .dark .mat-chip.mat-standard-chip .mat-chip-remove { color: white; opacity: 0.4; } :root .theme-app12 .dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } :root .theme-app12 .dark .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } :root .theme-app12 .dark .mat-chip.mat-standard-chip::after { background: white; } :root .theme-app12 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #ffeb3b; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app12 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app12 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #ff5722; color: white; } :root .theme-app12 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } :root .theme-app12 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app12 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: yellow; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app12 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app12 .dark .mat-table { background: #424242; } :root .theme-app12 .dark .mat-table thead, :root .theme-app12 .dark .mat-table tbody, :root .theme-app12 .dark .mat-table tfoot, :root .theme-app12 .dark mat-header-row, :root .theme-app12 .dark mat-row, :root .theme-app12 .dark mat-footer-row, :root .theme-app12 .dark [mat-header-row], :root .theme-app12 .dark [mat-row], :root .theme-app12 .dark [mat-footer-row], :root .theme-app12 .dark .mat-table-sticky { background: inherit; } :root .theme-app12 .dark mat-row, :root .theme-app12 .dark mat-header-row, :root .theme-app12 .dark mat-footer-row, :root .theme-app12 .dark th.mat-header-cell, :root .theme-app12 .dark td.mat-cell, :root .theme-app12 .dark td.mat-footer-cell { border-bottom-color: rgba(255, 255, 255, 0.12); } :root .theme-app12 .dark .mat-header-cell { color: rgba(255, 255, 255, 0.7); } :root .theme-app12 .dark .mat-cell, :root .theme-app12 .dark .mat-footer-cell { color: white; } :root .theme-app12 .dark .mat-calendar-arrow { fill: white; } :root .theme-app12 .dark .mat-datepicker-toggle, :root .theme-app12 .dark .mat-datepicker-content .mat-calendar-next-button, :root .theme-app12 .dark .mat-datepicker-content .mat-calendar-previous-button { color: white; } :root .theme-app12 .dark .mat-calendar-table-header-divider::after { background: rgba(255, 255, 255, 0.12); } :root .theme-app12 .dark .mat-calendar-table-header, :root .theme-app12 .dark .mat-calendar-body-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app12 .dark .mat-calendar-body-cell-content, :root .theme-app12 .dark .mat-date-range-input-separator { color: white; border-color: transparent; } :root .theme-app12 .dark .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-calendar-body-in-preview { color: rgba(255, 255, 255, 0.24); } :root .theme-app12 .dark .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app12 .dark .mat-calendar-body-in-range::before { background: rgba(255, 235, 59, 0.2); } :root .theme-app12 .dark .mat-calendar-body-comparison-identical, :root .theme-app12 .dark .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app12 .dark .mat-calendar-body-comparison-bridge-start::before, :root .theme-app12 .dark [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 235, 59, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app12 .dark .mat-calendar-body-comparison-bridge-end::before, :root .theme-app12 .dark [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 235, 59, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app12 .dark .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app12 .dark .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app12 .dark .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app12 .dark .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app12 .dark .mat-calendar-body-selected { background-color: #ffeb3b; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .dark .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 235, 59, 0.4); } :root .theme-app12 .dark .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app12 .dark .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app12 .dark .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 235, 59, 0.3); } @media (hover: hover) { :root .theme-app12 .dark .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 235, 59, 0.3); } } :root .theme-app12 .dark .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: #424242; color: white; } :root .theme-app12 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(255, 255, 0, 0.2); } :root .theme-app12 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, :root .theme-app12 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app12 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, :root .theme-app12 .dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 255, 0, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app12 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, :root .theme-app12 .dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 255, 0, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app12 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app12 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app12 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app12 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app12 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: yellow; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 255, 0, 0.4); } :root .theme-app12 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app12 .dark .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app12 .dark .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 255, 0, 0.3); } @media (hover: hover) { :root .theme-app12 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 255, 0, 0.3); } } :root .theme-app12 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(255, 87, 34, 0.2); } :root .theme-app12 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, :root .theme-app12 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app12 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, :root .theme-app12 .dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 87, 34, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app12 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, :root .theme-app12 .dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 87, 34, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app12 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app12 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app12 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app12 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app12 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #ff5722; color: white; } :root .theme-app12 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 87, 34, 0.4); } :root .theme-app12 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } :root .theme-app12 .dark .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app12 .dark .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 87, 34, 0.3); } @media (hover: hover) { :root .theme-app12 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 87, 34, 0.3); } } :root .theme-app12 .dark .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-datepicker-toggle-active { color: #ffeb3b; } :root .theme-app12 .dark .mat-datepicker-toggle-active.mat-accent { color: yellow; } :root .theme-app12 .dark .mat-datepicker-toggle-active.mat-warn { color: #ff5722; } :root .theme-app12 .dark .mat-date-range-input-inner[disabled] { color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: #424242; color: white; } :root .theme-app12 .dark .mat-divider { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app12 .dark .mat-divider-vertical { border-right-color: rgba(255, 255, 255, 0.12); } :root .theme-app12 .dark .mat-expansion-panel { background: #424242; color: white; } :root .theme-app12 .dark .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-action-row { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app12 .dark .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), :root .theme-app12 .dark .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), :root .theme-app12 .dark .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(255, 255, 255, 0.04); } @media (hover: none) { :root .theme-app12 .dark .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: #424242; } } :root .theme-app12 .dark .mat-expansion-panel-header-title { color: white; } :root .theme-app12 .dark .mat-expansion-panel-header-description, :root .theme-app12 .dark .mat-expansion-indicator::after { color: rgba(255, 255, 255, 0.7); } :root .theme-app12 .dark .mat-expansion-panel-header[aria-disabled=true] { color: rgba(255, 255, 255, 0.3); } :root .theme-app12 .dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, :root .theme-app12 .dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } :root .theme-app12 .dark .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app12 .dark .mat-hint { color: rgba(255, 255, 255, 0.7); } :root .theme-app12 .dark .mat-form-field.mat-focused .mat-form-field-label { color: #ffeb3b; } :root .theme-app12 .dark .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: yellow; } :root .theme-app12 .dark .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #ff5722; } :root .theme-app12 .dark .mat-focused .mat-form-field-required-marker { color: yellow; } :root .theme-app12 .dark .mat-form-field-ripple { background-color: white; } :root .theme-app12 .dark .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #ffeb3b; } :root .theme-app12 .dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: yellow; } :root .theme-app12 .dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #ff5722; } :root .theme-app12 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #ffeb3b; } :root .theme-app12 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: yellow; } :root .theme-app12 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #ff5722; } :root .theme-app12 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #ff5722; } :root .theme-app12 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, :root .theme-app12 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #ff5722; } :root .theme-app12 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, :root .theme-app12 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #ff5722; } :root .theme-app12 .dark .mat-error { color: #ff5722; } :root .theme-app12 .dark .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app12 .dark .mat-form-field-appearance-legacy .mat-hint { color: rgba(255, 255, 255, 0.7); } :root .theme-app12 .dark .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } :root .theme-app12 .dark .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app12 .dark .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } :root .theme-app12 .dark .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app12 .dark .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app12 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.05); } :root .theme-app12 .dark .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } :root .theme-app12 .dark .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(255, 255, 255, 0.3); } :root .theme-app12 .dark .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: white; } :root .theme-app12 .dark .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #ffeb3b; } :root .theme-app12 .dark .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: yellow; } :root .theme-app12 .dark .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #ff5722; } :root .theme-app12 .dark .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #ff5722; } :root .theme-app12 .dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(255, 255, 255, 0.15); } :root .theme-app12 .dark .mat-icon.mat-primary { color: #ffeb3b; } :root .theme-app12 .dark .mat-icon.mat-accent { color: yellow; } :root .theme-app12 .dark .mat-icon.mat-warn { color: #ff5722; } :root .theme-app12 .dark .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.7); } :root .theme-app12 .dark .mat-input-element:disabled, :root .theme-app12 .dark .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-input-element { caret-color: #ffeb3b; } :root .theme-app12 .dark .mat-input-element::placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-input-element::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-input-element::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-input-element:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-input-element:not(.mat-native-select-inline) option { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .dark .mat-input-element:not(.mat-native-select-inline) option:disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app12 .dark .mat-form-field.mat-accent .mat-input-element { caret-color: yellow; } :root .theme-app12 .dark .mat-form-field.mat-warn .mat-input-element, :root .theme-app12 .dark .mat-form-field-invalid .mat-input-element { caret-color: #ff5722; } :root .theme-app12 .dark .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #ff5722; } :root .theme-app12 .dark .mat-list-base .mat-list-item { color: white; } :root .theme-app12 .dark .mat-list-base .mat-list-option { color: white; } :root .theme-app12 .dark .mat-list-base .mat-subheader { color: rgba(255, 255, 255, 0.7); } :root .theme-app12 .dark .mat-list-base .mat-list-item-disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-list-option:hover, :root .theme-app12 .dark .mat-list-option:focus, :root .theme-app12 .dark .mat-nav-list .mat-list-item:hover, :root .theme-app12 .dark .mat-nav-list .mat-list-item:focus, :root .theme-app12 .dark .mat-action-list .mat-list-item:hover, :root .theme-app12 .dark .mat-action-list .mat-list-item:focus { background: rgba(255, 255, 255, 0.04); } :root .theme-app12 .dark .mat-list-single-selected-option, :root .theme-app12 .dark .mat-list-single-selected-option:hover, :root .theme-app12 .dark .mat-list-single-selected-option:focus { background: rgba(255, 255, 255, 0.12); } :root .theme-app12 .dark .mat-menu-panel { background: #424242; } :root .theme-app12 .dark .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-menu-item { background: transparent; color: white; } :root .theme-app12 .dark .mat-menu-item[disabled], :root .theme-app12 .dark .mat-menu-item[disabled] .mat-menu-submenu-icon, :root .theme-app12 .dark .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-menu-item .mat-icon-no-color, :root .theme-app12 .dark .mat-menu-submenu-icon { color: white; } :root .theme-app12 .dark .mat-menu-item:hover:not([disabled]), :root .theme-app12 .dark .mat-menu-item.cdk-program-focused:not([disabled]), :root .theme-app12 .dark .mat-menu-item.cdk-keyboard-focused:not([disabled]), :root .theme-app12 .dark .mat-menu-item-highlighted:not([disabled]) { background: rgba(255, 255, 255, 0.04); } :root .theme-app12 .dark .mat-paginator { background: #424242; } :root .theme-app12 .dark .mat-paginator, :root .theme-app12 .dark .mat-paginator-page-size .mat-select-trigger { color: rgba(255, 255, 255, 0.7); } :root .theme-app12 .dark .mat-paginator-decrement, :root .theme-app12 .dark .mat-paginator-increment { border-top: 2px solid white; border-right: 2px solid white; } :root .theme-app12 .dark .mat-paginator-first, :root .theme-app12 .dark .mat-paginator-last { border-top: 2px solid white; } :root .theme-app12 .dark .mat-icon-button[disabled] .mat-paginator-decrement, :root .theme-app12 .dark .mat-icon-button[disabled] .mat-paginator-increment, :root .theme-app12 .dark .mat-icon-button[disabled] .mat-paginator-first, :root .theme-app12 .dark .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-progress-bar-background { fill: #645f33; } :root .theme-app12 .dark .mat-progress-bar-buffer { background-color: #645f33; } :root .theme-app12 .dark .mat-progress-bar-fill::after { background-color: #ffeb3b; } :root .theme-app12 .dark .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #646424; } :root .theme-app12 .dark .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #646424; } :root .theme-app12 .dark .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: yellow; } :root .theme-app12 .dark .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #643a2d; } :root .theme-app12 .dark .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #643a2d; } :root .theme-app12 .dark .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #ff5722; } :root .theme-app12 .dark .mat-progress-spinner circle, :root .theme-app12 .dark .mat-spinner circle { stroke: #ffeb3b; } :root .theme-app12 .dark .mat-progress-spinner.mat-accent circle, :root .theme-app12 .dark .mat-spinner.mat-accent circle { stroke: yellow; } :root .theme-app12 .dark .mat-progress-spinner.mat-warn circle, :root .theme-app12 .dark .mat-spinner.mat-warn circle { stroke: #ff5722; } :root .theme-app12 .dark .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app12 .dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #ffeb3b; } :root .theme-app12 .dark .mat-radio-button.mat-primary .mat-radio-inner-circle, :root .theme-app12 .dark .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app12 .dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app12 .dark .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #ffeb3b; } :root .theme-app12 .dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: yellow; } :root .theme-app12 .dark .mat-radio-button.mat-accent .mat-radio-inner-circle, :root .theme-app12 .dark .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app12 .dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app12 .dark .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: yellow; } :root .theme-app12 .dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #ff5722; } :root .theme-app12 .dark .mat-radio-button.mat-warn .mat-radio-inner-circle, :root .theme-app12 .dark .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app12 .dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app12 .dark .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #ff5722; } :root .theme-app12 .dark .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, :root .theme-app12 .dark .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, :root .theme-app12 .dark .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-radio-button .mat-ripple-element { background-color: white; } :root .theme-app12 .dark .mat-select-value { color: white; } :root .theme-app12 .dark .mat-select-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-select-disabled .mat-select-value { color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-select-arrow { color: rgba(255, 255, 255, 0.7); } :root .theme-app12 .dark .mat-select-panel { background: #424242; } :root .theme-app12 .dark .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(255, 255, 255, 0.12); } :root .theme-app12 .dark .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #ffeb3b; } :root .theme-app12 .dark .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: yellow; } :root .theme-app12 .dark .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #ff5722; } :root .theme-app12 .dark .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #ff5722; } :root .theme-app12 .dark .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-drawer-container { background-color: #303030; color: white; } :root .theme-app12 .dark .mat-drawer { background-color: #424242; color: white; } :root .theme-app12 .dark .mat-drawer.mat-drawer-push { background-color: #424242; } :root .theme-app12 .dark .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-drawer-side { border-right: solid 1px rgba(255, 255, 255, 0.12); } :root .theme-app12 .dark .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } :root .theme-app12 .dark [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } :root .theme-app12 .dark [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(255, 255, 255, 0.12); } :root .theme-app12 .dark .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(189, 189, 189, 0.6); } :root .theme-app12 .dark .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: yellow; } :root .theme-app12 .dark .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 255, 0, 0.54); } :root .theme-app12 .dark .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: yellow; } :root .theme-app12 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #ffeb3b; } :root .theme-app12 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 235, 59, 0.54); } :root .theme-app12 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #ffeb3b; } :root .theme-app12 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #ff5722; } :root .theme-app12 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 87, 34, 0.54); } :root .theme-app12 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #ff5722; } :root .theme-app12 .dark .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: white; } :root .theme-app12 .dark .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #bdbdbd; } :root .theme-app12 .dark .mat-slide-toggle-bar { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app12 .dark .mat-slider.mat-primary .mat-slider-track-fill, :root .theme-app12 .dark .mat-slider.mat-primary .mat-slider-thumb, :root .theme-app12 .dark .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #ffeb3b; } :root .theme-app12 .dark .mat-slider.mat-primary .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .dark .mat-slider.mat-primary .mat-slider-focus-ring { background-color: rgba(255, 235, 59, 0.2); } :root .theme-app12 .dark .mat-slider.mat-accent .mat-slider-track-fill, :root .theme-app12 .dark .mat-slider.mat-accent .mat-slider-thumb, :root .theme-app12 .dark .mat-slider.mat-accent .mat-slider-thumb-label { background-color: yellow; } :root .theme-app12 .dark .mat-slider.mat-accent .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .dark .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(255, 255, 0, 0.2); } :root .theme-app12 .dark .mat-slider.mat-warn .mat-slider-track-fill, :root .theme-app12 .dark .mat-slider.mat-warn .mat-slider-thumb, :root .theme-app12 .dark .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #ff5722; } :root .theme-app12 .dark .mat-slider.mat-warn .mat-slider-thumb-label-text { color: white; } :root .theme-app12 .dark .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(255, 87, 34, 0.2); } :root .theme-app12 .dark .mat-slider:hover .mat-slider-track-background, :root .theme-app12 .dark .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app12 .dark .mat-slider.mat-slider-disabled .mat-slider-track-background, :root .theme-app12 .dark .mat-slider.mat-slider-disabled .mat-slider-track-fill, :root .theme-app12 .dark .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app12 .dark .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app12 .dark .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app12 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, :root .theme-app12 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: white; } :root .theme-app12 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, :root .theme-app12 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app12 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); background-color: transparent; } :root .theme-app12 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, :root .theme-app12 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app12 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, :root .theme-app12 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app12 .dark .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app12 .dark .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } :root .theme-app12 .dark .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } :root .theme-app12 .dark .mat-step-header.cdk-keyboard-focused, :root .theme-app12 .dark .mat-step-header.cdk-program-focused, :root .theme-app12 .dark .mat-step-header:hover:not([aria-disabled]), :root .theme-app12 .dark .mat-step-header:hover[aria-disabled=false] { background-color: rgba(255, 255, 255, 0.04); } :root .theme-app12 .dark .mat-step-header:hover[aria-disabled=true] { cursor: default; } @media (hover: none) { :root .theme-app12 .dark .mat-step-header:hover { background: none; } } :root .theme-app12 .dark .mat-step-header .mat-step-label, :root .theme-app12 .dark .mat-step-header .mat-step-optional { color: rgba(255, 255, 255, 0.7); } :root .theme-app12 .dark .mat-step-header .mat-step-icon { background-color: rgba(255, 255, 255, 0.7); color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .dark .mat-step-header .mat-step-icon-selected, :root .theme-app12 .dark .mat-step-header .mat-step-icon-state-done, :root .theme-app12 .dark .mat-step-header .mat-step-icon-state-edit { background-color: #ffeb3b; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .dark .mat-step-header.mat-accent .mat-step-icon { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .dark .mat-step-header.mat-accent .mat-step-icon-selected, :root .theme-app12 .dark .mat-step-header.mat-accent .mat-step-icon-state-done, :root .theme-app12 .dark .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: yellow; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .dark .mat-step-header.mat-warn .mat-step-icon { color: white; } :root .theme-app12 .dark .mat-step-header.mat-warn .mat-step-icon-selected, :root .theme-app12 .dark .mat-step-header.mat-warn .mat-step-icon-state-done, :root .theme-app12 .dark .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #ff5722; color: white; } :root .theme-app12 .dark .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #ff5722; } :root .theme-app12 .dark .mat-step-header .mat-step-label.mat-step-label-active { color: white; } :root .theme-app12 .dark .mat-step-header .mat-step-label.mat-step-label-error { color: #ff5722; } :root .theme-app12 .dark .mat-stepper-horizontal, :root .theme-app12 .dark .mat-stepper-vertical { background-color: #424242; } :root .theme-app12 .dark .mat-stepper-vertical-line::before { border-left-color: rgba(255, 255, 255, 0.12); } :root .theme-app12 .dark .mat-horizontal-stepper-header::before, :root .theme-app12 .dark .mat-horizontal-stepper-header::after, :root .theme-app12 .dark .mat-stepper-horizontal-line { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app12 .dark .mat-sort-header-arrow { color: #c6c6c6; } :root .theme-app12 .dark .mat-tab-nav-bar, :root .theme-app12 .dark .mat-tab-header { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } :root .theme-app12 .dark .mat-tab-group-inverted-header .mat-tab-nav-bar, :root .theme-app12 .dark .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(255, 255, 255, 0.12); border-bottom: none; } :root .theme-app12 .dark .mat-tab-label, :root .theme-app12 .dark .mat-tab-link { color: white; } :root .theme-app12 .dark .mat-tab-label.mat-tab-disabled, :root .theme-app12 .dark .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-tab-header-pagination-chevron { border-color: white; } :root .theme-app12 .dark .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app12 .dark .mat-tab-group[class*=mat-background-] > .mat-tab-header, :root .theme-app12 .dark .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } :root .theme-app12 .dark .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 249, 196, 0.3); } :root .theme-app12 .dark .mat-tab-group.mat-primary .mat-ink-bar, :root .theme-app12 .dark .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #ffeb3b; } :root .theme-app12 .dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app12 .dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, :root .theme-app12 .dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app12 .dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .dark .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 255, 141, 0.3); } :root .theme-app12 .dark .mat-tab-group.mat-accent .mat-ink-bar, :root .theme-app12 .dark .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: yellow; } :root .theme-app12 .dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app12 .dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, :root .theme-app12 .dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app12 .dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .dark .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app12 .dark .mat-tab-group.mat-warn .mat-ink-bar, :root .theme-app12 .dark .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #ff5722; } :root .theme-app12 .dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app12 .dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, :root .theme-app12 .dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app12 .dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: white; } :root .theme-app12 .dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 249, 196, 0.3); } :root .theme-app12 .dark .mat-tab-group.mat-background-primary > .mat-tab-header, :root .theme-app12 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container, :root .theme-app12 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #ffeb3b; } :root .theme-app12 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app12 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app12 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app12 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app12 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app12 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app12 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app12 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app12 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app12 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app12 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app12 .dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 255, 141, 0.3); } :root .theme-app12 .dark .mat-tab-group.mat-background-accent > .mat-tab-header, :root .theme-app12 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container, :root .theme-app12 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: yellow; } :root .theme-app12 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app12 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app12 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app12 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app12 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app12 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app12 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app12 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app12 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app12 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app12 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app12 .dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app12 .dark .mat-tab-group.mat-background-warn > .mat-tab-header, :root .theme-app12 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container, :root .theme-app12 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #ff5722; } :root .theme-app12 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app12 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: white; } :root .theme-app12 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app12 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } :root .theme-app12 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app12 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app12 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app12 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: white; } :root .theme-app12 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app12 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } :root .theme-app12 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app12 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app12 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app12 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } :root .theme-app12 .dark .mat-toolbar { background: #212121; color: white; } :root .theme-app12 .dark .mat-toolbar.mat-primary { background: #ffeb3b; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .dark .mat-toolbar.mat-accent { background: yellow; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .dark .mat-toolbar.mat-warn { background: #ff5722; color: white; } :root .theme-app12 .dark .mat-toolbar .mat-form-field-underline, :root .theme-app12 .dark .mat-toolbar .mat-form-field-ripple, :root .theme-app12 .dark .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } :root .theme-app12 .dark .mat-toolbar .mat-form-field-label, :root .theme-app12 .dark .mat-toolbar .mat-focused .mat-form-field-label, :root .theme-app12 .dark .mat-toolbar .mat-select-value, :root .theme-app12 .dark .mat-toolbar .mat-select-arrow, :root .theme-app12 .dark .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } :root .theme-app12 .dark .mat-toolbar .mat-input-element { caret-color: currentColor; } :root .theme-app12 .dark .mat-tooltip { background: rgba(97, 97, 97, 0.9); } :root .theme-app12 .dark .mat-tree { background: #424242; } :root .theme-app12 .dark .mat-tree-node, :root .theme-app12 .dark .mat-nested-tree-node { color: white; } :root .theme-app12 .dark .mat-snack-bar-container { color: rgba(0, 0, 0, 0.87); background: #fafafa; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .dark .mat-simple-snackbar-action { color: inherit; } :root .theme-app12 .light { --primary: rgb(253, 253, 253); --secondary: #c7c7cc; --secondaryBase: #fff; --accent: #78c456; --secondaryDark: rgb(42, 53, 68); --accentLight: #9cda7f; --accentBackground: rgb(156, 218, 127, 0.1); --accentDark: rgb(106, 43, 39); --borderColor: rgba(0, 0, 0, 0.5); --primaryText: rgb(29, 29, 29); --secondaryText: #8e8e93; --accentText: #78c456; --secondaryBaseText: #efeff4; --accentLightText: #2d3035; --accentDarkText: #00000; /** primary **/ --ion-color-primary: #2d3035; --ion-color-primary-rgb: 45, 48, 53; --ion-color-primary-contrast: #ffffff; --ion-color-primary-contrast-rgb: 255, 255, 255; --ion-color-primary-shade: #3171e0; --ion-color-primary-tint: #4c8dff; /** secondary **/ --ion-color-secondary: #c7c7cc; --ion-color-secondary-rgb: 199, 199, 204; --ion-color-secondary-contrast: #ffffff; --ion-color-secondary-contrast-rgb: 255, 255, 255; --ion-color-secondary-shade: #0bb8cc; --ion-color-secondary-tint: #24d6ea; /** tertiary **/ --ion-color-tertiary: #7044ff; --ion-color-tertiary-rgb: 112, 68, 255; --ion-color-tertiary-contrast: #ffffff; --ion-color-tertiary-contrast-rgb: 255, 255, 255; --ion-color-tertiary-shade: #633ce0; --ion-color-tertiary-tint: #7e57ff; /** success **/ --ion-color-success: #10dc60; --ion-color-success-rgb: 16, 220, 96; --ion-color-success-contrast: #ffffff; --ion-color-success-contrast-rgb: 255, 255, 255; --ion-color-success-shade: #0ec254; --ion-color-success-tint: #28e070; /** warning **/ --ion-color-warning: #ffce00; --ion-color-warning-rgb: 255, 206, 0; --ion-color-warning-contrast: #ffffff; --ion-color-warning-contrast-rgb: 255, 255, 255; --ion-color-warning-shade: #e0b500; --ion-color-warning-tint: #ffd31a; /** danger **/ --ion-color-danger: #f04141; --ion-color-danger-rgb: 245, 61, 61; --ion-color-danger-contrast: #ffffff; --ion-color-danger-contrast-rgb: 255, 255, 255; --ion-color-danger-shade: #d33939; --ion-color-danger-tint: #f25454; /** dark **/ --ion-color-dark: #222428; --ion-color-dark-rgb: 34, 34, 34; --ion-color-dark-contrast: #ffffff; --ion-color-dark-contrast-rgb: 255, 255, 255; --ion-color-dark-shade: #1e2023; --ion-color-dark-tint: #383a3e; /** medium **/ --ion-color-medium: #989aa2; --ion-color-medium-rgb: 152, 154, 162; --ion-color-medium-contrast: #ffffff; --ion-color-medium-contrast-rgb: 255, 255, 255; --ion-color-medium-shade: #86888f; --ion-color-medium-tint: #a2a4ab; /** light **/ --ion-color-light: #f4f5f8; --ion-color-light-rgb: 244, 244, 244; --ion-color-light-contrast: #000000; --ion-color-light-contrast-rgb: 0, 0, 0; --ion-color-light-shade: #d7d8da; --ion-color-light-tint: #f5f6f9; --ion-background-color: var(--primary); } :root .theme-app12 .light .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app12 .light .mat-option { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-option:hover:not(.mat-option-disabled), :root .theme-app12 .light .mat-option:focus:not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } :root .theme-app12 .light .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } :root .theme-app12 .light .mat-option.mat-active { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-option.mat-option-disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app12 .light .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #ef9a9a; } :root .theme-app12 .light .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #ef9a9a; } :root .theme-app12 .light .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #ffab91; } :root .theme-app12 .light .mat-optgroup-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app12 .light .mat-optgroup-disabled .mat-optgroup-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app12 .light .mat-pseudo-checkbox { color: rgba(0, 0, 0, 0.54); } :root .theme-app12 .light .mat-pseudo-checkbox::after { color: #fafafa; } :root .theme-app12 .light .mat-pseudo-checkbox-disabled { color: #b0b0b0; } :root .theme-app12 .light .mat-primary .mat-pseudo-checkbox-checked, :root .theme-app12 .light .mat-primary .mat-pseudo-checkbox-indeterminate { background: #ef9a9a; } :root .theme-app12 .light .mat-pseudo-checkbox-checked, :root .theme-app12 .light .mat-pseudo-checkbox-indeterminate, :root .theme-app12 .light .mat-accent .mat-pseudo-checkbox-checked, :root .theme-app12 .light .mat-accent .mat-pseudo-checkbox-indeterminate { background: #ef9a9a; } :root .theme-app12 .light .mat-warn .mat-pseudo-checkbox-checked, :root .theme-app12 .light .mat-warn .mat-pseudo-checkbox-indeterminate { background: #ffab91; } :root .theme-app12 .light .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, :root .theme-app12 .light .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #b0b0b0; } :root .theme-app12 .light .mat-app-background, :root .theme-app12 .light.mat-app-background { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } :root .theme-app12 .light .mat-autocomplete-panel { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: white; } :root .theme-app12 .light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-badge { position: relative; } :root .theme-app12 .light .mat-badge.mat-badge { overflow: visible; } :root .theme-app12 .light .mat-badge-hidden .mat-badge-content { display: none; } :root .theme-app12 .light .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } :root .theme-app12 .light .ng-animate-disabled .mat-badge-content, :root .theme-app12 .light .mat-badge-content._mat-animation-noopable { transition: none; } :root .theme-app12 .light .mat-badge-content.mat-badge-active { transform: none; } :root .theme-app12 .light .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } :root .theme-app12 .light .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } :root .theme-app12 .light .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } :root .theme-app12 .light .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] :root .theme-app12 .light .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } :root .theme-app12 .light .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] :root .theme-app12 .light .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } :root .theme-app12 .light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] :root .theme-app12 .light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } :root .theme-app12 .light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] :root .theme-app12 .light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } :root .theme-app12 .light .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } :root .theme-app12 .light .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } :root .theme-app12 .light .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } :root .theme-app12 .light .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] :root .theme-app12 .light .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } :root .theme-app12 .light .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] :root .theme-app12 .light .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } :root .theme-app12 .light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] :root .theme-app12 .light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } :root .theme-app12 .light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] :root .theme-app12 .light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } :root .theme-app12 .light .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } :root .theme-app12 .light .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } :root .theme-app12 .light .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } :root .theme-app12 .light .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] :root .theme-app12 .light .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } :root .theme-app12 .light .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] :root .theme-app12 .light .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } :root .theme-app12 .light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] :root .theme-app12 .light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } :root .theme-app12 .light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] :root .theme-app12 .light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } :root .theme-app12 .light .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #ef9a9a; } .cdk-high-contrast-active :root .theme-app12 .light .mat-badge-content { outline: solid 1px; border-radius: 0; } :root .theme-app12 .light .mat-badge-accent .mat-badge-content { background: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-badge-warn .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #ffab91; } :root .theme-app12 .light .mat-badge-disabled .mat-badge-content { background: #b9b9b9; color: rgba(0, 0, 0, 0.38); } :root .theme-app12 .light .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-button, :root .theme-app12 .light .mat-icon-button, :root .theme-app12 .light .mat-stroked-button { color: inherit; background: transparent; } :root .theme-app12 .light .mat-button.mat-primary, :root .theme-app12 .light .mat-icon-button.mat-primary, :root .theme-app12 .light .mat-stroked-button.mat-primary { color: #ef9a9a; } :root .theme-app12 .light .mat-button.mat-accent, :root .theme-app12 .light .mat-icon-button.mat-accent, :root .theme-app12 .light .mat-stroked-button.mat-accent { color: #ef9a9a; } :root .theme-app12 .light .mat-button.mat-warn, :root .theme-app12 .light .mat-icon-button.mat-warn, :root .theme-app12 .light .mat-stroked-button.mat-warn { color: #ffab91; } :root .theme-app12 .light .mat-button.mat-primary.mat-button-disabled, :root .theme-app12 .light .mat-button.mat-accent.mat-button-disabled, :root .theme-app12 .light .mat-button.mat-warn.mat-button-disabled, :root .theme-app12 .light .mat-button.mat-button-disabled.mat-button-disabled, :root .theme-app12 .light .mat-icon-button.mat-primary.mat-button-disabled, :root .theme-app12 .light .mat-icon-button.mat-accent.mat-button-disabled, :root .theme-app12 .light .mat-icon-button.mat-warn.mat-button-disabled, :root .theme-app12 .light .mat-icon-button.mat-button-disabled.mat-button-disabled, :root .theme-app12 .light .mat-stroked-button.mat-primary.mat-button-disabled, :root .theme-app12 .light .mat-stroked-button.mat-accent.mat-button-disabled, :root .theme-app12 .light .mat-stroked-button.mat-warn.mat-button-disabled, :root .theme-app12 .light .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } :root .theme-app12 .light .mat-button.mat-primary .mat-button-focus-overlay, :root .theme-app12 .light .mat-icon-button.mat-primary .mat-button-focus-overlay, :root .theme-app12 .light .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #ef9a9a; } :root .theme-app12 .light .mat-button.mat-accent .mat-button-focus-overlay, :root .theme-app12 .light .mat-icon-button.mat-accent .mat-button-focus-overlay, :root .theme-app12 .light .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #ef9a9a; } :root .theme-app12 .light .mat-button.mat-warn .mat-button-focus-overlay, :root .theme-app12 .light .mat-icon-button.mat-warn .mat-button-focus-overlay, :root .theme-app12 .light .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #ffab91; } :root .theme-app12 .light .mat-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app12 .light .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app12 .light .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } :root .theme-app12 .light .mat-button .mat-ripple-element, :root .theme-app12 .light .mat-icon-button .mat-ripple-element, :root .theme-app12 .light .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } :root .theme-app12 .light .mat-button-focus-overlay { background: black; } :root .theme-app12 .light .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-flat-button, :root .theme-app12 .light .mat-raised-button, :root .theme-app12 .light .mat-fab, :root .theme-app12 .light .mat-mini-fab { color: rgba(0, 0, 0, 0.87); background-color: white; } :root .theme-app12 .light .mat-flat-button.mat-primary, :root .theme-app12 .light .mat-raised-button.mat-primary, :root .theme-app12 .light .mat-fab.mat-primary, :root .theme-app12 .light .mat-mini-fab.mat-primary { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-flat-button.mat-accent, :root .theme-app12 .light .mat-raised-button.mat-accent, :root .theme-app12 .light .mat-fab.mat-accent, :root .theme-app12 .light .mat-mini-fab.mat-accent { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-flat-button.mat-warn, :root .theme-app12 .light .mat-raised-button.mat-warn, :root .theme-app12 .light .mat-fab.mat-warn, :root .theme-app12 .light .mat-mini-fab.mat-warn { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app12 .light .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app12 .light .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app12 .light .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app12 .light .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app12 .light .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app12 .light .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app12 .light .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app12 .light .mat-fab.mat-primary.mat-button-disabled, :root .theme-app12 .light .mat-fab.mat-accent.mat-button-disabled, :root .theme-app12 .light .mat-fab.mat-warn.mat-button-disabled, :root .theme-app12 .light .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app12 .light .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app12 .light .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app12 .light .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app12 .light .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } :root .theme-app12 .light .mat-flat-button.mat-primary, :root .theme-app12 .light .mat-raised-button.mat-primary, :root .theme-app12 .light .mat-fab.mat-primary, :root .theme-app12 .light .mat-mini-fab.mat-primary { background-color: #ef9a9a; } :root .theme-app12 .light .mat-flat-button.mat-accent, :root .theme-app12 .light .mat-raised-button.mat-accent, :root .theme-app12 .light .mat-fab.mat-accent, :root .theme-app12 .light .mat-mini-fab.mat-accent { background-color: #ef9a9a; } :root .theme-app12 .light .mat-flat-button.mat-warn, :root .theme-app12 .light .mat-raised-button.mat-warn, :root .theme-app12 .light .mat-fab.mat-warn, :root .theme-app12 .light .mat-mini-fab.mat-warn { background-color: #ffab91; } :root .theme-app12 .light .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app12 .light .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app12 .light .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app12 .light .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app12 .light .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app12 .light .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app12 .light .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app12 .light .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app12 .light .mat-fab.mat-primary.mat-button-disabled, :root .theme-app12 .light .mat-fab.mat-accent.mat-button-disabled, :root .theme-app12 .light .mat-fab.mat-warn.mat-button-disabled, :root .theme-app12 .light .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app12 .light .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app12 .light .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app12 .light .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app12 .light .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-flat-button.mat-primary .mat-ripple-element, :root .theme-app12 .light .mat-raised-button.mat-primary .mat-ripple-element, :root .theme-app12 .light .mat-fab.mat-primary .mat-ripple-element, :root .theme-app12 .light .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app12 .light .mat-flat-button.mat-accent .mat-ripple-element, :root .theme-app12 .light .mat-raised-button.mat-accent .mat-ripple-element, :root .theme-app12 .light .mat-fab.mat-accent .mat-ripple-element, :root .theme-app12 .light .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app12 .light .mat-flat-button.mat-warn .mat-ripple-element, :root .theme-app12 .light .mat-raised-button.mat-warn .mat-ripple-element, :root .theme-app12 .light .mat-fab.mat-warn .mat-ripple-element, :root .theme-app12 .light .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app12 .light .mat-stroked-button:not([class*=mat-elevation-z]), :root .theme-app12 .light .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-fab:not([class*=mat-elevation-z]), :root .theme-app12 .light .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), :root .theme-app12 .light .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), :root .theme-app12 .light .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-button-toggle-standalone:not([class*=mat-elevation-z]), :root .theme-app12 .light .mat-button-toggle-group:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), :root .theme-app12 .light .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) { box-shadow: none; } :root .theme-app12 .light .mat-button-toggle { color: rgba(0, 0, 0, 0.38); } :root .theme-app12 .light .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); background: white; } :root .theme-app12 .light .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: black; } :root .theme-app12 .light .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px #e0e0e0; } :root .theme-app12 .light [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px #e0e0e0; } :root .theme-app12 .light .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px #e0e0e0; } :root .theme-app12 .light .mat-button-toggle-checked { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.54); } :root .theme-app12 .light .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-button-toggle-disabled { color: rgba(0, 0, 0, 0.26); background-color: #eeeeee; } :root .theme-app12 .light .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: white; } :root .theme-app12 .light .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #bdbdbd; } :root .theme-app12 .light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, :root .theme-app12 .light .mat-button-toggle-group-appearance-standard { border: solid 1px #e0e0e0; } :root .theme-app12 .light .mat-card { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-card-subtitle { color: rgba(0, 0, 0, 0.54); } :root .theme-app12 .light .mat-checkbox-frame { border-color: rgba(0, 0, 0, 0.54); } :root .theme-app12 .light .mat-checkbox-checkmark { fill: #fafafa; } :root .theme-app12 .light .mat-checkbox-checkmark-path { stroke: #fafafa !important; } :root .theme-app12 .light .mat-checkbox-mixedmark { background-color: #fafafa; } :root .theme-app12 .light .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, :root .theme-app12 .light .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #ef9a9a; } :root .theme-app12 .light .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, :root .theme-app12 .light .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #ef9a9a; } :root .theme-app12 .light .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, :root .theme-app12 .light .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #ffab91; } :root .theme-app12 .light .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, :root .theme-app12 .light .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #b0b0b0; } :root .theme-app12 .light .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #b0b0b0; } :root .theme-app12 .light .mat-checkbox-disabled .mat-checkbox-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app12 .light .mat-checkbox .mat-ripple-element { background-color: black; } :root .theme-app12 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, :root .theme-app12 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #ef9a9a; } :root .theme-app12 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, :root .theme-app12 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #ef9a9a; } :root .theme-app12 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, :root .theme-app12 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #ffab91; } :root .theme-app12 .light .mat-chip.mat-standard-chip { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-chip.mat-standard-chip .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app12 .light .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } :root .theme-app12 .light .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } :root .theme-app12 .light .mat-chip.mat-standard-chip::after { background: black; } :root .theme-app12 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app12 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app12 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app12 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app12 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app12 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app12 .light .mat-table { background: white; } :root .theme-app12 .light .mat-table thead, :root .theme-app12 .light .mat-table tbody, :root .theme-app12 .light .mat-table tfoot, :root .theme-app12 .light mat-header-row, :root .theme-app12 .light mat-row, :root .theme-app12 .light mat-footer-row, :root .theme-app12 .light [mat-header-row], :root .theme-app12 .light [mat-row], :root .theme-app12 .light [mat-footer-row], :root .theme-app12 .light .mat-table-sticky { background: inherit; } :root .theme-app12 .light mat-row, :root .theme-app12 .light mat-header-row, :root .theme-app12 .light mat-footer-row, :root .theme-app12 .light th.mat-header-cell, :root .theme-app12 .light td.mat-cell, :root .theme-app12 .light td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-header-cell { color: rgba(0, 0, 0, 0.54); } :root .theme-app12 .light .mat-cell, :root .theme-app12 .light .mat-footer-cell { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-calendar-arrow { fill: rgba(0, 0, 0, 0.54); } :root .theme-app12 .light .mat-datepicker-toggle, :root .theme-app12 .light .mat-datepicker-content .mat-calendar-next-button, :root .theme-app12 .light .mat-datepicker-content .mat-calendar-previous-button { color: rgba(0, 0, 0, 0.54); } :root .theme-app12 .light .mat-calendar-table-header-divider::after { background: rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-calendar-table-header, :root .theme-app12 .light .mat-calendar-body-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app12 .light .mat-calendar-body-cell-content, :root .theme-app12 .light .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.87); border-color: transparent; } :root .theme-app12 .light .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(0, 0, 0, 0.38); } :root .theme-app12 .light .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.38); } :root .theme-app12 .light .mat-calendar-body-in-preview { color: rgba(0, 0, 0, 0.24); } :root .theme-app12 .light .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app12 .light .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.18); } :root .theme-app12 .light .mat-calendar-body-in-range::before { background: rgba(239, 154, 154, 0.2); } :root .theme-app12 .light .mat-calendar-body-comparison-identical, :root .theme-app12 .light .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app12 .light .mat-calendar-body-comparison-bridge-start::before, :root .theme-app12 .light [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(239, 154, 154, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app12 .light .mat-calendar-body-comparison-bridge-end::before, :root .theme-app12 .light [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(239, 154, 154, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app12 .light .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app12 .light .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app12 .light .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app12 .light .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app12 .light .mat-calendar-body-selected { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(239, 154, 154, 0.4); } :root .theme-app12 .light .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app12 .light .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(239, 154, 154, 0.3); } @media (hover: hover) { :root .theme-app12 .light .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(239, 154, 154, 0.3); } } :root .theme-app12 .light .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(239, 154, 154, 0.2); } :root .theme-app12 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, :root .theme-app12 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app12 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, :root .theme-app12 .light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(239, 154, 154, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app12 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, :root .theme-app12 .light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(239, 154, 154, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app12 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app12 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app12 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app12 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app12 .light .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(239, 154, 154, 0.4); } :root .theme-app12 .light .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app12 .light .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(239, 154, 154, 0.3); } @media (hover: hover) { :root .theme-app12 .light .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(239, 154, 154, 0.3); } } :root .theme-app12 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(255, 171, 145, 0.2); } :root .theme-app12 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, :root .theme-app12 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app12 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, :root .theme-app12 .light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 171, 145, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app12 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, :root .theme-app12 .light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 171, 145, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app12 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app12 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app12 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app12 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app12 .light .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 171, 145, 0.4); } :root .theme-app12 .light .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app12 .light .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 171, 145, 0.3); } @media (hover: hover) { :root .theme-app12 .light .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 171, 145, 0.3); } } :root .theme-app12 .light .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-datepicker-toggle-active { color: #ef9a9a; } :root .theme-app12 .light .mat-datepicker-toggle-active.mat-accent { color: #ef9a9a; } :root .theme-app12 .light .mat-datepicker-toggle-active.mat-warn { color: #ffab91; } :root .theme-app12 .light .mat-date-range-input-inner[disabled] { color: rgba(0, 0, 0, 0.38); } :root .theme-app12 .light .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-divider { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-divider-vertical { border-right-color: rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-expansion-panel { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-action-row { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), :root .theme-app12 .light .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), :root .theme-app12 .light .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(0, 0, 0, 0.04); } @media (hover: none) { :root .theme-app12 .light .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: white; } } :root .theme-app12 .light .mat-expansion-panel-header-title { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-expansion-panel-header-description, :root .theme-app12 .light .mat-expansion-indicator::after { color: rgba(0, 0, 0, 0.54); } :root .theme-app12 .light .mat-expansion-panel-header[aria-disabled=true] { color: rgba(0, 0, 0, 0.26); } :root .theme-app12 .light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, :root .theme-app12 .light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } :root .theme-app12 .light .mat-form-field-label { color: rgba(0, 0, 0, 0.6); } :root .theme-app12 .light .mat-hint { color: rgba(0, 0, 0, 0.6); } :root .theme-app12 .light .mat-form-field.mat-focused .mat-form-field-label { color: #ef9a9a; } :root .theme-app12 .light .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #ef9a9a; } :root .theme-app12 .light .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #ffab91; } :root .theme-app12 .light .mat-focused .mat-form-field-required-marker { color: #ef9a9a; } :root .theme-app12 .light .mat-form-field-ripple { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #ef9a9a; } :root .theme-app12 .light .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #ef9a9a; } :root .theme-app12 .light .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #ffab91; } :root .theme-app12 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #ef9a9a; } :root .theme-app12 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #ef9a9a; } :root .theme-app12 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #ffab91; } :root .theme-app12 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #ffab91; } :root .theme-app12 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, :root .theme-app12 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #ffab91; } :root .theme-app12 .light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, :root .theme-app12 .light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #ffab91; } :root .theme-app12 .light .mat-error { color: #ffab91; } :root .theme-app12 .light .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app12 .light .mat-form-field-appearance-legacy .mat-hint { color: rgba(0, 0, 0, 0.54); } :root .theme-app12 .light .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app12 .light .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app12 .light .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app12 .light .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app12 .light .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.04); } :root .theme-app12 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.02); } :root .theme-app12 .light .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app12 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app12 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } :root .theme-app12 .light .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #ef9a9a; } :root .theme-app12 .light .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #ef9a9a; } :root .theme-app12 .light .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #ffab91; } :root .theme-app12 .light .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #ffab91; } :root .theme-app12 .light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app12 .light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(0, 0, 0, 0.06); } :root .theme-app12 .light .mat-icon.mat-primary { color: #ef9a9a; } :root .theme-app12 .light .mat-icon.mat-accent { color: #ef9a9a; } :root .theme-app12 .light .mat-icon.mat-warn { color: #ffab91; } :root .theme-app12 .light .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.54); } :root .theme-app12 .light .mat-input-element:disabled, :root .theme-app12 .light .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.38); } :root .theme-app12 .light .mat-input-element { caret-color: #ef9a9a; } :root .theme-app12 .light .mat-input-element::placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app12 .light .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app12 .light .mat-input-element::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app12 .light .mat-input-element:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app12 .light .mat-form-field.mat-accent .mat-input-element { caret-color: #ef9a9a; } :root .theme-app12 .light .mat-form-field.mat-warn .mat-input-element, :root .theme-app12 .light .mat-form-field-invalid .mat-input-element { caret-color: #ffab91; } :root .theme-app12 .light .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #ffab91; } :root .theme-app12 .light .mat-list-base .mat-list-item { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-list-base .mat-list-option { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-list-base .mat-subheader { color: rgba(0, 0, 0, 0.54); } :root .theme-app12 .light .mat-list-base .mat-list-item-disabled { background-color: #eeeeee; color: rgba(0, 0, 0, 0.38); } :root .theme-app12 .light .mat-list-option:hover, :root .theme-app12 .light .mat-list-option:focus, :root .theme-app12 .light .mat-nav-list .mat-list-item:hover, :root .theme-app12 .light .mat-nav-list .mat-list-item:focus, :root .theme-app12 .light .mat-action-list .mat-list-item:hover, :root .theme-app12 .light .mat-action-list .mat-list-item:focus { background: rgba(0, 0, 0, 0.04); } :root .theme-app12 .light .mat-list-single-selected-option, :root .theme-app12 .light .mat-list-single-selected-option:hover, :root .theme-app12 .light .mat-list-single-selected-option:focus { background: rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-menu-panel { background: white; } :root .theme-app12 .light .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-menu-item { background: transparent; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-menu-item[disabled], :root .theme-app12 .light .mat-menu-item[disabled] .mat-menu-submenu-icon, :root .theme-app12 .light .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(0, 0, 0, 0.38); } :root .theme-app12 .light .mat-menu-item .mat-icon-no-color, :root .theme-app12 .light .mat-menu-submenu-icon { color: rgba(0, 0, 0, 0.54); } :root .theme-app12 .light .mat-menu-item:hover:not([disabled]), :root .theme-app12 .light .mat-menu-item.cdk-program-focused:not([disabled]), :root .theme-app12 .light .mat-menu-item.cdk-keyboard-focused:not([disabled]), :root .theme-app12 .light .mat-menu-item-highlighted:not([disabled]) { background: rgba(0, 0, 0, 0.04); } :root .theme-app12 .light .mat-paginator { background: white; } :root .theme-app12 .light .mat-paginator, :root .theme-app12 .light .mat-paginator-page-size .mat-select-trigger { color: rgba(0, 0, 0, 0.54); } :root .theme-app12 .light .mat-paginator-decrement, :root .theme-app12 .light .mat-paginator-increment { border-top: 2px solid rgba(0, 0, 0, 0.54); border-right: 2px solid rgba(0, 0, 0, 0.54); } :root .theme-app12 .light .mat-paginator-first, :root .theme-app12 .light .mat-paginator-last { border-top: 2px solid rgba(0, 0, 0, 0.54); } :root .theme-app12 .light .mat-icon-button[disabled] .mat-paginator-decrement, :root .theme-app12 .light .mat-icon-button[disabled] .mat-paginator-increment, :root .theme-app12 .light .mat-icon-button[disabled] .mat-paginator-first, :root .theme-app12 .light .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app12 .light .mat-progress-bar-background { fill: #f7e2e2; } :root .theme-app12 .light .mat-progress-bar-buffer { background-color: #f7e2e2; } :root .theme-app12 .light .mat-progress-bar-fill::after { background-color: #ef9a9a; } :root .theme-app12 .light .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #f7e2e2; } :root .theme-app12 .light .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #f7e2e2; } :root .theme-app12 .light .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #ef9a9a; } :root .theme-app12 .light .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #fbe6e0; } :root .theme-app12 .light .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #fbe6e0; } :root .theme-app12 .light .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #ffab91; } :root .theme-app12 .light .mat-progress-spinner circle, :root .theme-app12 .light .mat-spinner circle { stroke: #ef9a9a; } :root .theme-app12 .light .mat-progress-spinner.mat-accent circle, :root .theme-app12 .light .mat-spinner.mat-accent circle { stroke: #ef9a9a; } :root .theme-app12 .light .mat-progress-spinner.mat-warn circle, :root .theme-app12 .light .mat-spinner.mat-warn circle { stroke: #ffab91; } :root .theme-app12 .light .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.54); } :root .theme-app12 .light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #ef9a9a; } :root .theme-app12 .light .mat-radio-button.mat-primary .mat-radio-inner-circle, :root .theme-app12 .light .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app12 .light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app12 .light .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #ef9a9a; } :root .theme-app12 .light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #ef9a9a; } :root .theme-app12 .light .mat-radio-button.mat-accent .mat-radio-inner-circle, :root .theme-app12 .light .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app12 .light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app12 .light .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #ef9a9a; } :root .theme-app12 .light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #ffab91; } :root .theme-app12 .light .mat-radio-button.mat-warn .mat-radio-inner-circle, :root .theme-app12 .light .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app12 .light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app12 .light .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #ffab91; } :root .theme-app12 .light .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, :root .theme-app12 .light .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app12 .light .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, :root .theme-app12 .light .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app12 .light .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(0, 0, 0, 0.38); } :root .theme-app12 .light .mat-radio-button .mat-ripple-element { background-color: black; } :root .theme-app12 .light .mat-select-value { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-select-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app12 .light .mat-select-disabled .mat-select-value { color: rgba(0, 0, 0, 0.38); } :root .theme-app12 .light .mat-select-arrow { color: rgba(0, 0, 0, 0.54); } :root .theme-app12 .light .mat-select-panel { background: white; } :root .theme-app12 .light .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #ef9a9a; } :root .theme-app12 .light .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #ef9a9a; } :root .theme-app12 .light .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #ffab91; } :root .theme-app12 .light .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #ffab91; } :root .theme-app12 .light .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(0, 0, 0, 0.38); } :root .theme-app12 .light .mat-drawer-container { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-drawer { background-color: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-drawer.mat-drawer-push { background-color: white; } :root .theme-app12 .light .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-drawer-side { border-right: solid 1px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } :root .theme-app12 .light [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } :root .theme-app12 .light [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(0, 0, 0, 0.6); } :root .theme-app12 .light .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #ef9a9a; } :root .theme-app12 .light .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(239, 154, 154, 0.54); } :root .theme-app12 .light .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #ef9a9a; } :root .theme-app12 .light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #ef9a9a; } :root .theme-app12 .light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(239, 154, 154, 0.54); } :root .theme-app12 .light .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #ef9a9a; } :root .theme-app12 .light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #ffab91; } :root .theme-app12 .light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 171, 145, 0.54); } :root .theme-app12 .light .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #ffab91; } :root .theme-app12 .light .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: black; } :root .theme-app12 .light .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #fafafa; } :root .theme-app12 .light .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app12 .light .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app12 .light .mat-slider.mat-primary .mat-slider-track-fill, :root .theme-app12 .light .mat-slider.mat-primary .mat-slider-thumb, :root .theme-app12 .light .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #ef9a9a; } :root .theme-app12 .light .mat-slider.mat-primary .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-slider.mat-primary .mat-slider-focus-ring { background-color: rgba(239, 154, 154, 0.2); } :root .theme-app12 .light .mat-slider.mat-accent .mat-slider-track-fill, :root .theme-app12 .light .mat-slider.mat-accent .mat-slider-thumb, :root .theme-app12 .light .mat-slider.mat-accent .mat-slider-thumb-label { background-color: #ef9a9a; } :root .theme-app12 .light .mat-slider.mat-accent .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(239, 154, 154, 0.2); } :root .theme-app12 .light .mat-slider.mat-warn .mat-slider-track-fill, :root .theme-app12 .light .mat-slider.mat-warn .mat-slider-thumb, :root .theme-app12 .light .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #ffab91; } :root .theme-app12 .light .mat-slider.mat-warn .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(255, 171, 145, 0.2); } :root .theme-app12 .light .mat-slider:hover .mat-slider-track-background, :root .theme-app12 .light .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app12 .light .mat-slider.mat-slider-disabled .mat-slider-track-background, :root .theme-app12 .light .mat-slider.mat-slider-disabled .mat-slider-track-fill, :root .theme-app12 .light .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app12 .light .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app12 .light .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, :root .theme-app12 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, :root .theme-app12 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app12 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); background-color: transparent; } :root .theme-app12 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, :root .theme-app12 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app12 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, :root .theme-app12 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); } :root .theme-app12 .light .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(0, 0, 0, 0.7); } :root .theme-app12 .light .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } :root .theme-app12 .light .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } :root .theme-app12 .light .mat-step-header.cdk-keyboard-focused, :root .theme-app12 .light .mat-step-header.cdk-program-focused, :root .theme-app12 .light .mat-step-header:hover:not([aria-disabled]), :root .theme-app12 .light .mat-step-header:hover[aria-disabled=false] { background-color: rgba(0, 0, 0, 0.04); } :root .theme-app12 .light .mat-step-header:hover[aria-disabled=true] { cursor: default; } @media (hover: none) { :root .theme-app12 .light .mat-step-header:hover { background: none; } } :root .theme-app12 .light .mat-step-header .mat-step-label, :root .theme-app12 .light .mat-step-header .mat-step-optional { color: rgba(0, 0, 0, 0.54); } :root .theme-app12 .light .mat-step-header .mat-step-icon { background-color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-step-header .mat-step-icon-selected, :root .theme-app12 .light .mat-step-header .mat-step-icon-state-done, :root .theme-app12 .light .mat-step-header .mat-step-icon-state-edit { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-step-header.mat-accent .mat-step-icon { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-step-header.mat-accent .mat-step-icon-selected, :root .theme-app12 .light .mat-step-header.mat-accent .mat-step-icon-state-done, :root .theme-app12 .light .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-step-header.mat-warn .mat-step-icon { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-step-header.mat-warn .mat-step-icon-selected, :root .theme-app12 .light .mat-step-header.mat-warn .mat-step-icon-state-done, :root .theme-app12 .light .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #ffab91; } :root .theme-app12 .light .mat-step-header .mat-step-label.mat-step-label-active { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-step-header .mat-step-label.mat-step-label-error { color: #ffab91; } :root .theme-app12 .light .mat-stepper-horizontal, :root .theme-app12 .light .mat-stepper-vertical { background-color: white; } :root .theme-app12 .light .mat-stepper-vertical-line::before { border-left-color: rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-horizontal-stepper-header::before, :root .theme-app12 .light .mat-horizontal-stepper-header::after, :root .theme-app12 .light .mat-stepper-horizontal-line { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-sort-header-arrow { color: #757575; } :root .theme-app12 .light .mat-tab-nav-bar, :root .theme-app12 .light .mat-tab-header { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-tab-group-inverted-header .mat-tab-nav-bar, :root .theme-app12 .light .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: none; } :root .theme-app12 .light .mat-tab-label, :root .theme-app12 .light .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-tab-label.mat-tab-disabled, :root .theme-app12 .light .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app12 .light .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app12 .light .mat-tab-group[class*=mat-background-] > .mat-tab-header, :root .theme-app12 .light .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } :root .theme-app12 .light .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(244, 67, 54, 0.3); } :root .theme-app12 .light .mat-tab-group.mat-primary .mat-ink-bar, :root .theme-app12 .light .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #ef9a9a; } :root .theme-app12 .light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app12 .light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, :root .theme-app12 .light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app12 .light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } :root .theme-app12 .light .mat-tab-group.mat-accent .mat-ink-bar, :root .theme-app12 .light .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #ef9a9a; } :root .theme-app12 .light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app12 .light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, :root .theme-app12 .light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app12 .light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app12 .light .mat-tab-group.mat-warn .mat-ink-bar, :root .theme-app12 .light .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #ffab91; } :root .theme-app12 .light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app12 .light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, :root .theme-app12 .light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app12 .light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(244, 67, 54, 0.3); } :root .theme-app12 .light .mat-tab-group.mat-background-primary > .mat-tab-header, :root .theme-app12 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container, :root .theme-app12 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #ef9a9a; } :root .theme-app12 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app12 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app12 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app12 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app12 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app12 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app12 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app12 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app12 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app12 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app12 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app12 .light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } :root .theme-app12 .light .mat-tab-group.mat-background-accent > .mat-tab-header, :root .theme-app12 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container, :root .theme-app12 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #ef9a9a; } :root .theme-app12 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app12 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app12 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app12 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app12 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app12 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app12 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app12 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app12 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app12 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app12 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app12 .light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app12 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app12 .light .mat-tab-group.mat-background-warn > .mat-tab-header, :root .theme-app12 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container, :root .theme-app12 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #ffab91; } :root .theme-app12 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app12 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app12 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app12 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app12 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app12 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app12 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app12 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app12 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app12 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app12 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app12 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app12 .light .mat-toolbar { background: whitesmoke; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-toolbar.mat-primary { background: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-toolbar.mat-accent { background: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-toolbar.mat-warn { background: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-toolbar .mat-form-field-underline, :root .theme-app12 .light .mat-toolbar .mat-form-field-ripple, :root .theme-app12 .light .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } :root .theme-app12 .light .mat-toolbar .mat-form-field-label, :root .theme-app12 .light .mat-toolbar .mat-focused .mat-form-field-label, :root .theme-app12 .light .mat-toolbar .mat-select-value, :root .theme-app12 .light .mat-toolbar .mat-select-arrow, :root .theme-app12 .light .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } :root .theme-app12 .light .mat-toolbar .mat-input-element { caret-color: currentColor; } :root .theme-app12 .light .mat-tooltip { background: rgba(97, 97, 97, 0.9); } :root .theme-app12 .light .mat-tree { background: white; } :root .theme-app12 .light .mat-tree-node, :root .theme-app12 .light .mat-nested-tree-node { color: rgba(0, 0, 0, 0.87); } :root .theme-app12 .light .mat-snack-bar-container { color: rgba(255, 255, 255, 0.7); background: #323232; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app12 .light .mat-simple-snackbar-action { color: #ef9a9a; } :root .theme-app12 body { -webkit-user-select: text; user-select: text; } :root .theme-app12 ion-label { -webkit-user-select: text; user-select: text; } :root .theme-app12 ion-item { background-color: var(--ion-background-color); border-bottom: 1px solid var(--secondary); } :root .theme-app12 .file-button { margin: 20px; background: transparent !important; color: var(--primaryText); font-size: 17px !important; font-weight: 300 !important; height: 44px !important; } :root .theme-app12 .file-button::-webkit-file-upload-button { background: transparent !important; margin-right: 10px !important; color: var(--accent); border-width: 2px; border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; font-weight: 300 !important; height: 44px !important; box-shadow: none !important; border-radius: 8px !important; } :root .theme-app12 main-menu .item-inner { margin-left: 6px !important; } :root .theme-app12 ion-split-pane { --side-max-width: 280px; --side-min-width: 280px; } :root .theme-app12 #leftMenu { border-color: var(--borderColor) !important; background-color: var(--primary); } :root .theme-app12 .dark .menuLogo { margin-top: 15px; margin-bottom: 15px; background-image: url('logo-dark.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app12 .dark .menuLogoIos { margin-top: 55px; margin-bottom: 15px; background-image: url('logo-dark.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app12 .light .menuLogo { margin-top: 15px; margin-bottom: 15px; background-image: url('logo-light.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app12 .light .menuLogoIos { margin-top: 45px; margin-bottom: 15px; background-image: url('logo-light.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app12 .menuIcon { color: var(--iconColor) !important; } :root .theme-app12 .padded-divider { padding: 3px; margin-bottom: 10px; width: 100%; border-bottom: 3px solid var(--accent) !important; } :root .theme-app12 ion-radio { --color-checked: var(--accent); --color: var(--accent); width: 20px; height: 20px; } :root .theme-app12 ion-button { --background: var(--accentBackground); color: var(--accent); --border-width: 2px; --border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app12 .button-style { --background: var(--accentBackground); color: var(--accent); --border-width: 2px; --border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app12 .button-style:hover { cursor: pointer; } :root .theme-app12 .button-cancel { color: red; border: none !important; --border-width: 0px !important; } :root .theme-app12 .small-button { height: 20px; font-size: 10px !important; margin: 3px; color: var(--accent); } :root .theme-app12 .medium-button { height: 25px; font-size: 15px !important; margin-top: 10px; margin-bottom: 10px; color: var(--accent); } :root .theme-app12 .default-h1 { font-size: 24px; color: var(--primaryText); font-weight: 300; } :root .theme-app12 .default-h2 { font-size: 24px; color: var(--primaryText); font-weight: 300; } :root .theme-app12 .default-h3 { font-size: 22px; color: var(--primaryText); font-weight: 400; } :root .theme-app12 .default-h4 { font-size: 17px; color: var(--primaryText); font-weight: 300; } :root .theme-app12 .default-h5 { font-size: 15px; color: var(--primaryText); font-weight: 200; } :root .theme-app12 .default-h6 { font-size: 14px; color: var(--primaryText); font-weight: 100; } :root .theme-app12 .default-p { font-size: 14px; color: var(--primaryText); font-weight: 300; } :root .theme-app12 .default-small { font-size: 12px; color: var(--primaryText); font-weight: 1; } :root .theme-app12 ion-header { background-color: var(--primary); } :root .theme-app12 ion-header [class^=icon-]:before, :root .theme-app12 ion-header [class*=" icon-"]:before { width: auto !important; margin-left: 0 !important; } :root .theme-app12 ion-footer { background-color: var(--primary); } :root .theme-app12 .header-md::after { background-image: none !important; } :root .theme-app12 ion-toolbar { color: var(--accent); } :root .theme-app12 .toolbar { background-color: var(--primary); --background: var(--primary); } :root .theme-app12 .toolbar .toolbar-title { font-weight: 400; } :root .theme-app12 .toolbar ion-title { font-size: larger; } :root .theme-app12 .toolbar ion-title, :root .theme-app12 .toolbar ion-title-ios, :root .theme-app12 .toolbar ion-back-button, :root .theme-app12 .toolbar ion-butto, :root .theme-app12 .toolbar ion-icon, :root .theme-app12 .toolbar ion-menu-button { color: var(--accentText); } :root .theme-app12 .toolbar-icon { color: var(--accentText); } :root .theme-app12 .alert-controller-withTheme { overflow: hidden; --background:var(--primary); color: var(--primaryText) !important; } :root .theme-app12 .alert-controller-withTheme .alert-wrapper { border-radius: 15px !important; background: var(--primary); border-color: var(--accent) !important; } :root .theme-app12 .alert-controller-withTheme .alert-head .alert-title { color: var(--primaryText); } :root .theme-app12 .alert-controller-withTheme .alert-message { color: var(--primaryText); } :root .theme-app12 .alert-controller-withTheme .alert-message strong { color: var(--ion-color-danger); } :root .theme-app12 .alert-controller-withTheme .alert-button-group #cancel-button.alert-button .alert-button-inner { color: var(--secondaryText); } :root .theme-app12 .alert-controller-withTheme .alert-button-group #confirm-button.alert-button .alert-button-inner { font-weight: bold; color: var(--ion-color-danger); } :root .theme-app12 .alert-controller-withTheme .alert-button-group #confirm-button-good.alert-button .alert-button-inner { font-weight: bold; color: var(--primaryText); } :root .theme-app12 ion-input { border-radius: 10px !important; margin-top: 5px; margin-bottom: 5px; margin-left: 10px; margin-right: 10px; font-size: 0.9em; color: var(--primaryText); --background: rgba(219,219,219, .03) !important; /* height: 10%; */ /* width: 41%; */ } :root .theme-app12 .withTheme { border: 2px solid var(--borderColor); margin: 10px; padding: 0px !important; border-radius: 15px; overflow: hidden; color: var(--primaryText) !important; } :root .theme-app12 .withTheme ion-card-title, :root .theme-app12 .withTheme ion-card-content, :root .theme-app12 .withTheme ion-label, :root .theme-app12 .withTheme mat-list-item { color: var(--primaryText) !important; } :root .theme-app12 .withTheme span { color: var(--primaryText) !important; } :root .theme-app12 .withTheme ion-img { --border-radius: 8px; } :root .theme-app12 .withTheme ion-thumbnail { --border-radius: 8px; } :root .theme-app12 .withTheme ion-item:hover { border-left: 8px solid var(--borderColor); transition: border-width 0.1s ease-in-out; } :root .theme-app12 .withTheme ion-item.nohover:hover { border-left: none; } :root .theme-app12 .withTheme ion-card-subtitle { color: var(--secondaryText) !important; } :root .theme-app12 .withTheme div.small-distance { margin: 2px; color: var(--primaryText); border: 1px solid var(--borderColor); font-size: 10px; padding-top: 3px; padding-left: 5px; padding-right: 5px; border-radius: 7px; height: 20px; } :root .theme-app12 .withTheme .aligned-with-icon { position: relative; font-size: 8px; top: 11px; margin-left: -25px; /* optional */ margin-right: 8px; } :root .theme-app12 .thumbnail-rounded { border-radius: 6px !important; } :root .theme-app12 .leftMenuColor ion-icon { color: var(--accent); font-family: Montserrat, sans-serif; } :root .theme-app12 .leftMenuColor ion-label { color: var(--primaryText); font-family: Montserrat, sans-serif; font-weight: thin !important; } :root .theme-app12 .leftMenuColor ion-toggle { --background: #3c3e42; --background-checked: #3c3e42; --handle-background: var(--accent); --handle-background-checked: var(--accent); } :root .theme-app12 .floatInput ion-label { color: var(--primaryText); } :root .theme-app12 .floatInput ion-input { color: var(--primaryText); } :root .theme-app12 .breakline-space { margin: 10px; border: 1px solid var(--borderColor) !important; } :root .theme-app12 ion-badge { border-radius: 10px !important; padding: 10px 10px !important; margin: 10px; border: 1px solid var(--borderColor) !important; } :root .theme-app12 ion-badge.failure { border: 1px solid red !important; } :root .theme-app12 ion-badge.success { border: 1px solid white !important; } :root .theme-app12 .row-is-selected { background-color: rgba(211, 211, 211, 0.8); } :root .theme-app12 .alertClass { color: white; background-color: rgba(200, 200, 200, 0.2); } :root .theme-app12 .alertClass .alert-title { font-weight: bolder; } :root .theme-app12 .alertClassActionButton { border: white; border: 2px solid var(--borderColor); border-radius: 7px; } :root .theme-app12 .alert-sub-title.sc-ion-alert-md, :root .theme-app12 .alert-title.sc-ion-alert-md, :root .theme-app12 .alert-message, :root .theme-app12 .sc-ion-alert-md { color: #e0e0e0; } :root .theme-app12 .toastError { --background: red; --color: black; } :root .theme-app12 .custom-options { --placeholder-opacity: 1; color: var(--primaryText); --placeholder-color: var(--primaryText); } :root .theme-app12 .custom-options ion-select::part(text) { color: var(--primaryText); } :root .theme-app12 .custom-options .select-interface-option { --color: var(--primaryText); color: var(--primaryText); } :root .theme-app12 .primaryText { color: var(--primaryText); } :root .theme-app12 .selectClass { min-width: 70%; color: white !important; } :root .theme-app12 .selectClass ion-select { max-width: 70% !important; } :root .theme-app12 .selectClass .sc-ion-alert-md { color: white; } :root .theme-app12 .selectClass .alert-radio-inner.sc-ion-alert-md { background-color: white !important; } :root .theme-app12 .selectClass .alert-radio-label.sc-ion-alert-md { color: white; font-weight: bold; } :root .theme-app12 .selectClass .alert-button.alert-button-inner { color: white; } :root .theme-app12 .selectClass .popover-content { min-width: 90% !important; } :root .theme-app12 .dateRanger { color: var(--ion-color-danger); font-weight: bold; font-size: large; } :root .theme-app12 .eventFloater { color: white; font-weight: bold; padding: 10px; border-radius: 10px; font-size: large; background-color: var(--ion-color-danger); } :root .theme-app12 .chatContainer ion-card-subtitle { padding-top: 3px; } :root .theme-app12 .chatContainer::after { content: ""; clear: both; display: table; } :root .theme-app12 .chatMessageOtherUser { color: white; float: left; } :root .theme-app12 .chatMessageLoggedInUser { color: white; float: right; } :root .theme-app12 .chatUsername { font-weight: bolder; } :root .theme-app12 .ion-icon { color: var(--accentText); } :root .theme-app12 .numberCard ion-card-header { color: white !important; } :root .theme-app12 .numberCard ion-card-header ion-card-subtitle { color: white !important; font-weight: bold; font-size: 20px !important; } :root .theme-app12 .numberCard ion-card-header ion-card-subtitle ion-icon { font-size: 30px !important; color: var(--borderColor); } :root .theme-app12 .numberCard ion-card-header ion-card-title { color: var(--primary) !important; font-weight: bold; padding: 10px; background: var(--accent); border-radius: 10px; float: right; } :root .theme-app12 .numberCard ion-card-content ion-button { margin-top: 10px; } :root .theme-app12 .numberCard ion-card-content div.leftBound { margin-top: 10px; padding: 5px; border-left: 2px solid var(--borderColor); border-bottom: 2px solid var(--borderColor); border-bottom-left-radius: 10px; } :root .theme-app12 .numberCard ion-card-content div.leftBound:hover { border-left: 8px solid var(--borderColor); transition: border-width 0.1s ease-in-out; } :root .theme-app12 .qrCodeStyle { display: flex; align-items: center; justify-content: center; opacity: 1; } :root .theme-app12 .qrCodeStyle img { border-radius: 25px; } :root .theme-app12 .matt-tree-styling { background-color: transparent; padding-top: 20px; margin-top: 20px; } :root .theme-app12 .matt-tree-styling .tree-nested-node { padding-left: 30px; margin-left: 10px; padding-left: 40px; } :root .theme-app12 .matt-tree-styling mat-tree { margin-left: 40px !important; background-color: transparent; } :root .theme-app12 .matt-tree-styling .mat-tree-hover:hover { background-color: var(--accentHover) !important; border-radius: 5px; } :root .theme-app12 .matt-tree-styling .mat-tree-node { padding: 3px; background-color: transparent; } :root .theme-app12 .matt-tree-styling .mat-nested-tree-node { top: -24px !important; background-color: transparent; } :root .theme-app12 .matt-tree-styling ul, :root .theme-app12 .matt-tree-styling li { list-style: none; margin: 0; padding: 0; background-color: transparent; } :root .theme-app12 .matt-tree-styling li.tree-container { border-bottom: 0; background-color: transparent; } :root .theme-app12 .matt-tree-styling li { padding-left: 40px; border-left: 1px dotted grey !important; border-bottom: 1px dotted grey !important; border-bottom-left-radius: 10px; border-width: 0 0 1px 1px; position: relative; top: -24px; background-color: transparent; } :root .theme-app12 .matt-tree-styling li.mat-tree-node, :root .theme-app12 .matt-tree-styling li div { margin: 0; position: relative; top: 15px !important; background-color: transparent; } :root .theme-app12 .matt-tree-styling li ul { padding-right: 80px !important; background-color: transparent; } :root .theme-app12 .popover_style ion-backdrop { --backdrop-opacity: 0.9; } :root .theme-app12 .full-modal-cover { --border-radius: 15px; --min-height: 85% !important; --min-width: 85% !important; --padding:10px !important; } :root .theme-app12 .full-modal-cover .modal-wrapper { height: 30%; width: 90%; border-radius: 10px; } :root .theme-app12 .full-modal-cover-narrow { --border-radius: 15px; --min-height: 85% !important; --min-width: 450px !important; --padding:10px !important; } :root .theme-app12 .full-modal-cover-narrow .modal-wrapper { height: 30%; width: 90%; border-radius: 10px; } :root .theme-app12 .small-modal-cover .modal-wrapper { border-radius: 15px; padding: 10px; } :root .theme-app12 .no-background-modal .modal-wrapper { --min-height: 95% !important; --min-width: 75% !important; --background: rgba(46, 46, 46, 0); --border-style: none; --box-shadow:none; --border-radius:none; --border-style:none; --border-color:none; --border-width:0px; } :root .theme-app12 .small-no-background-modal .modal-wrapper { --background: rgba(46, 46, 46, 0) !important; --border-style: none !important; --box-shadow:none !important; --border-radius:none !important; --border-style:none !important; --border-color:none !important; --border-width:0px !important; } :root .theme-app12 .firmware-chain { font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app12 .fab-close { font-size: large !important; font-weight: bold !important; border-color: var(--accent) !important; border-radius: 18px !important; } :root .theme-app12 .fab-close:hover { background-color: var(--accent) !important; } :root .theme-app12 ::-webkit-scrollbar { width: 10px; } :root .theme-app12 ::-webkit-scrollbar-track { background: none; } :root .theme-app12 ::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 5px; } :root .theme-app12 ::-webkit-scrollbar-thumb:hover { background: #555; } :root .theme-app12 .deck-tooltip { border-radius: 7px; } :root .theme-app12 .map-control-panel { position: absolute; top: 0; left: 0; display: flex; } :root .theme-app12 .map-control-panel ion-card { margin: 20px; padding: 10px; border-radius: 10px; } :root .theme-app12 .map-control-panel ion-item { color: var(--primaryText); } :root .theme-app12 .map-control-panel ion-item ion-button { padding-top: 3px; padding-bottom: 3px; } :root .theme-app12 .map-control-panel ion-thumbnail { --border-radius: 5px; } :root .theme-app12 .map-control-panel .ion-label-title { font-weight: 500; } :root .theme-app12 .map-control-panel .ion-label-body { font-weight: lighter; } :root .theme-app12 .scanCheckBox { float: right; font-size: small; } :root .theme-app12 .scanCheckBox ion-checkbox { margin-left: 4px; margin-bottom: -4px; --border-color: var(--borderColor); --border-color-checked: var(--borderColor); --checkmark-color: var(--borderColor); } :root .theme-app12 .accentText { color: var(--accentText); } :root .theme-app12 a { color: var(--accentDarkText); } :root .theme-app12 .layerLabel { text-transform: capitalize; color: var(--primaryText); } :root .theme-app12 .mini-profile { border: 2px solid var(--borderColor); display: inline-block; color: var(--accentText) !important; margin: 10px; padding: 8 30px; height: 30px; font-size: 16px; line-height: 25px; border-radius: 25px; } :root .theme-app12 .mini-profile img { float: left; margin-left: 10px; height: 25px; background-color: white; border-radius: 50%; padding-top: 1px; padding-right: 2px; } :root .theme-app12 .searchbar-input { background: white !important; font-size: 1.25em !important; border: 1px solid transparent; border-radius: 10px !important; height: 30px !important; } :root .theme-app12 .searchbar-search-icon.sc-ion-searchbar-md { top: 6px; } :root .theme-app12 .sc-ion-searchbar-ios-h { padding-bottom: 0 !important; } :root .theme-app12 .badgeAsSelection { --background:var(--accent) !important; color: var(--secondaryBaseText); cursor: pointer; } :root .theme-app12 .badgeAsOptions { --background:none !important; color: var(--accentText); border: 2px solid var(--borderColor); cursor: pointer; } :root .theme-app12 .badgeAsOptions { --background:none !important; color: var(--accentText); border: 2px solid var(--borderColor); cursor: pointer; } :root .theme-app12 .clearOptions { --background:none !important; color: red !important; border: 1px solid red !important; cursor: pointer; } :root .theme-app12 .ng-star-inserted { color: var(--primaryText) !important; } :root .theme-app12 .apexcharts-xaxis-label { fill: var(--primaryText) !important; } :root .theme-app12 .apexcharts-xaxis text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app12 .apexcharts-yaxis-label { fill: var(--primaryText) !important; color: var(--primaryText) !important; } :root .theme-app12 .apexcharts-yaxis text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app12 .apexcharts-title-text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app12 .apexcharts-tooltip { background: #f3f3f3 !important; color: black !important; fill: black !important; } :root .theme-app12 .apexcharts-tooltip span { color: black !important; fill: black !important; } :root .theme-app12 .apexcharts-tooltip-text { color: black !important; fill: black !important; } :root .theme-app12 .apexcharts-tooltip-text-y-label { color: black !important; fill: black !important; } :root .theme-app12 .apexcharts-tooltip-y-group span { color: black !important; fill: black !important; } :root .theme-app12 .area-custom-gradient { fill: linear-gradient(to bottom, #FF5733, #FFCC00); } :root .theme-app12 ion-item-divider { border-color: var(--secondary); } :root .theme-app12 ion-item-divider ion-label { --border-color: var(--secondary) !important; /* Replace with your desired color */ border-color: var(--secondary); } :root .theme-app12 .btn-prev-next { border: 1px solid lightgray; background-color: transparent; color: var(--primaryText); width: 30px; font-size: large; } :root .theme-app12 ion-accordion-group ion-accordion .ion-accordion-toggle-icon { color: var(--primaryText); } :root .theme-app12 .device-status-box { border: 2px solid var(--secondary); /* Set the border color to your desired color */ box-shadow: none; /* Set the box shadow color */ } :root .theme-app12 .counts { color: var(--primaryText); text-align: center; } :root .theme-app12 gridster-item { background-color: var(--ion-background-color) !important; } :root .theme-app12 gridster { background-color: var(--ion-background-color) !important; } :root .theme-app12 ion-fab ion-fab-button { --background: var(--accent); color: white; } :root .theme-app12 #chart path.apexcharts-area { fill: #ff5733; /* Set the fill color to your desired color */ } :root .theme-app12 #chart path.apexcharts-area:hover { fill: #ff33cc; /* Set the hover fill color to your desired color */ } :root .theme-app12 .card-indent { margin-left: 100px !important; } :root .theme-app12 .card-indent:before { content: ""; position: absolute; top: 50%; left: 111px; /* Adjust this value to position the arrow */ width: 0; height: 0; border-style: solid; border-width: 5px 7px 0 7px; border-color: #000 transparent transparent transparent; /* Change color if needed */ transform: translateY(-50%) rotate(45deg); } :root .theme-app12 .valid-alert { --background: green; /* Set the background color to green */ /* You can add more custom styles here */ } :root .theme-app12 .invlid-alert { --background: red; /* Set the background color to red */ /* You can add more custom styles here */ } :root .theme-app12 .mat-tabs .mat-ink-bar { background-color: var(--accent) !important; } :root .theme-app12 .mat-table { overflow-x: scroll; } :root .theme-app12 .mat-cell, :root .theme-app12 .mat-header-cell { word-wrap: initial; display: table-cell; padding: 0px 10px; line-break: unset; width: 100%; white-space: nowrap; overflow: hidden; vertical-align: middle; } :root .theme-app12 .mat-row, :root .theme-app12 .mat-header-row { display: table-row; } :root .theme-app12 .mat-tab-label { padding: 5px; background-color: transparent; color: var(--accent); font-weight: 700; } :root .theme-app12 .mat-tab-label.mat-tab-label-active { padding: 5px; background-color: transparent; color: var(--accent); font-weight: 700; } :root .theme-app12 .mat-ink-bar { background-color: var(--accent); } :root .theme-app12 mat-label { color: var(--primaryText); } :root .theme-app12 mat-form-field { color: var(--primaryText); } :root .theme-app12 mat-form-field input { color: var(--primaryText); } :root .theme-app12 .mat-icon { color: var(--primaryText); } :root .mat-badge-content { font-weight: 600; font-size: 12px; font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-badge-small .mat-badge-content { font-size: 9px; } :root .mat-badge-large .mat-badge-content { font-size: 24px; } :root .mat-h1, :root .mat-headline, :root .mat-typography .mat-h1, :root .mat-typography .mat-headline, :root .mat-typography h1 { font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h2, :root .mat-title, :root .mat-typography .mat-h2, :root .mat-typography .mat-title, :root .mat-typography h2 { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h3, :root .mat-subheading-2, :root .mat-typography .mat-h3, :root .mat-typography .mat-subheading-2, :root .mat-typography h3 { font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h4, :root .mat-subheading-1, :root .mat-typography .mat-h4, :root .mat-typography .mat-subheading-1, :root .mat-typography h4 { font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h5, :root .mat-typography .mat-h5, :root .mat-typography h5 { font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } :root .mat-h6, :root .mat-typography .mat-h6, :root .mat-typography h6 { font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } :root .mat-body-strong, :root .mat-body-2, :root .mat-typography .mat-body-strong, :root .mat-typography .mat-body-2 { font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-body, :root .mat-body-1, :root .mat-typography .mat-body, :root .mat-typography .mat-body-1, :root .mat-typography { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-body p, :root .mat-body-1 p, :root .mat-typography .mat-body p, :root .mat-typography .mat-body-1 p, :root .mat-typography p { margin: 0 0 12px; } :root .mat-small, :root .mat-caption, :root .mat-typography .mat-small, :root .mat-typography .mat-caption { font: 400 12px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-display-4, :root .mat-typography .mat-display-4 { font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.05em; margin: 0 0 56px; } :root .mat-display-3, :root .mat-typography .mat-display-3 { font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.02em; margin: 0 0 64px; } :root .mat-display-2, :root .mat-typography .mat-display-2 { font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.005em; margin: 0 0 64px; } :root .mat-display-1, :root .mat-typography .mat-display-1 { font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 64px; } :root .mat-bottom-sheet-container { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-button, :root .mat-raised-button, :root .mat-icon-button, :root .mat-stroked-button, :root .mat-flat-button, :root .mat-fab, :root .mat-mini-fab { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-button-toggle { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-card { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-card-title { font-size: 24px; font-weight: 500; } :root .mat-card-header .mat-card-title { font-size: 20px; } :root .mat-card-subtitle, :root .mat-card-content { font-size: 14px; } :root .mat-checkbox { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-checkbox-layout .mat-checkbox-label { line-height: 24px; } :root .mat-chip { font-size: 14px; font-weight: 500; } :root .mat-chip .mat-chip-trailing-icon.mat-icon, :root .mat-chip .mat-chip-remove.mat-icon { font-size: 18px; } :root .mat-table { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-header-cell { font-size: 12px; font-weight: 500; } :root .mat-cell, :root .mat-footer-cell { font-size: 14px; } :root .mat-calendar { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-calendar-body { font-size: 13px; } :root .mat-calendar-body-label, :root .mat-calendar-period-button { font-size: 14px; font-weight: 500; } :root .mat-calendar-table-header th { font-size: 11px; font-weight: 400; } :root .mat-dialog-title { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-expansion-panel-header { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 15px; font-weight: 400; } :root .mat-expansion-panel-content { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-form-field { font-size: inherit; font-weight: 400; line-height: 1.125; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-form-field-wrapper { padding-bottom: 1.34375em; } :root .mat-form-field-prefix .mat-icon, :root .mat-form-field-suffix .mat-icon { font-size: 150%; line-height: 1.125; } :root .mat-form-field-prefix .mat-icon-button, :root .mat-form-field-suffix .mat-icon-button { height: 1.5em; width: 1.5em; } :root .mat-form-field-prefix .mat-icon-button .mat-icon, :root .mat-form-field-suffix .mat-icon-button .mat-icon { height: 1.125em; line-height: 1.125; } :root .mat-form-field-infix { padding: 0.5em 0; border-top: 0.84375em solid transparent; } :root .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34363em) scale(0.75); width: 133.3334533333%; } :root .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34362em) scale(0.75); width: 133.3334633333%; } :root .mat-form-field-label-wrapper { top: -0.84375em; padding-top: 0.84375em; } :root .mat-form-field-label { top: 1.34375em; } :root .mat-form-field-underline { bottom: 1.34375em; } :root .mat-form-field-subscript-wrapper { font-size: 75%; margin-top: 0.6666666667em; top: calc(100% - 1.7916666667em); } :root .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 1.25em; } :root .mat-form-field-appearance-legacy .mat-form-field-infix { padding: 0.4375em 0; } :root .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00136px); width: 133.3336933333%; } :root .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 { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00137px); width: 133.3337033333%; } :root .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 { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00138px); width: 133.3337133333%; } :root .mat-form-field-appearance-legacy .mat-form-field-label { top: 1.28125em; } :root .mat-form-field-appearance-legacy .mat-form-field-underline { bottom: 1.25em; } :root .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { margin-top: 0.5416666667em; top: calc(100% - 1.6666666667em); } @media print { :root .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28086em) scale(0.75); } :root .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 { transform: translateY(-1.28085em) scale(0.75); } :root .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 { transform: translateY(-1.28084em) scale(0.75); } } :root .mat-form-field-appearance-fill .mat-form-field-infix { padding: 0.25em 0 0.75em 0; } :root .mat-form-field-appearance-fill .mat-form-field-label { top: 1.09375em; margin-top: -0.5em; } :root .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59363em) scale(0.75); width: 133.3334533333%; } :root .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 { transform: translateY(-0.59362em) scale(0.75); width: 133.3334633333%; } :root .mat-form-field-appearance-outline .mat-form-field-infix { padding: 1em 0 1em 0; } :root .mat-form-field-appearance-outline .mat-form-field-label { top: 1.84375em; margin-top: -0.25em; } :root .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59363em) scale(0.75); width: 133.3334533333%; } :root .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 { transform: translateY(-1.59362em) scale(0.75); width: 133.3334633333%; } :root .mat-grid-tile-header, :root .mat-grid-tile-footer { font-size: 14px; } :root .mat-grid-tile-header .mat-line, :root .mat-grid-tile-footer .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-grid-tile-header .mat-line:nth-child(n+2), :root .mat-grid-tile-footer .mat-line:nth-child(n+2) { font-size: 12px; } :root input.mat-input-element { margin-top: -0.0625em; } :root .mat-menu-item { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 400; } :root .mat-paginator, :root .mat-paginator-page-size .mat-select-trigger { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; } :root .mat-radio-button { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-select { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-select-trigger { height: 1.125em; } :root .mat-slide-toggle-content { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-slider-thumb-label-text { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } :root .mat-stepper-vertical, :root .mat-stepper-horizontal { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-step-label { font-size: 14px; font-weight: 400; } :root .mat-step-sub-label-error { font-weight: normal; } :root .mat-step-label-error { font-size: 14px; } :root .mat-step-label-selected { font-size: 14px; font-weight: 500; } :root .mat-tab-group { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-tab-label, :root .mat-tab-link { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-toolbar, :root .mat-toolbar h1, :root .mat-toolbar h2, :root .mat-toolbar h3, :root .mat-toolbar h4, :root .mat-toolbar h5, :root .mat-toolbar h6 { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0; } :root .mat-tooltip { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 10px; padding-top: 6px; padding-bottom: 6px; } :root .mat-tooltip-handset { font-size: 14px; padding-top: 8px; padding-bottom: 8px; } :root .mat-list-item { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-list-option { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-list-base .mat-list-item { font-size: 16px; } :root .mat-list-base .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base .mat-list-item .mat-line:nth-child(n+2) { font-size: 14px; } :root .mat-list-base .mat-list-option { font-size: 16px; } :root .mat-list-base .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base .mat-list-option .mat-line:nth-child(n+2) { font-size: 14px; } :root .mat-list-base .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-list-base[dense] .mat-list-item { font-size: 12px; } :root .mat-list-base[dense] .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) { font-size: 12px; } :root .mat-list-base[dense] .mat-list-option { font-size: 12px; } :root .mat-list-base[dense] .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) { font-size: 12px; } :root .mat-list-base[dense] .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } :root .mat-option { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 16px; } :root .mat-optgroup-label { font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-simple-snackbar { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; } :root .mat-simple-snackbar-action { line-height: 1; font-family: inherit; font-size: inherit; font-weight: 500; } :root .mat-tree { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-tree-node, :root .mat-nested-tree-node { font-weight: 400; font-size: 14px; } :root .mat-ripple { overflow: hidden; position: relative; } :root .mat-ripple:not(:empty) { transform: translateZ(0); } :root .mat-ripple.mat-ripple-unbounded { overflow: visible; } :root .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale(0); } .cdk-high-contrast-active :root .mat-ripple-element { display: none; } :root .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; outline: 0; -webkit-appearance: none; -moz-appearance: none; left: 0; } [dir=rtl] :root .cdk-visually-hidden { left: auto; right: 0; } :root .cdk-overlay-container, :root .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } :root .cdk-overlay-container { position: fixed; z-index: 1000; } :root .cdk-overlay-container:empty { display: none; } :root .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } :root .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } :root .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } :root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } .cdk-high-contrast-active :root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } :root .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } :root .cdk-overlay-transparent-backdrop { transition: visibility 1ms linear, opacity 1ms linear; visibility: hidden; opacity: 1; } :root .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; visibility: visible; } :root .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } :root .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } :root textarea.cdk-textarea-autosize { resize: none; } :root textarea.cdk-textarea-autosize-measuring { padding: 2px 0 !important; box-sizing: content-box !important; height: auto !important; overflow: hidden !important; } :root textarea.cdk-textarea-autosize-measuring-firefox { padding: 2px 0 !important; box-sizing: content-box !important; height: 0 !important; } @keyframes cdk-text-field-autofill-start { /*!*/ } @keyframes cdk-text-field-autofill-end { /*!*/ } :root .cdk-text-field-autofill-monitored:-webkit-autofill { animation: cdk-text-field-autofill-start 0s 1ms; } :root .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { animation: cdk-text-field-autofill-end 0s 1ms; } :root .mat-focus-indicator { position: relative; } :root .mat-mdc-focus-indicator { position: relative; } :root .theme-app14 { /* Track */ /* Handle */ /* Handle on hover */ /* Style the area path element when hovering (optional) */ /* active tab */ /* Styles for the active tab label */ /* Styles for the ink bar */ } :root .theme-app14 .dark { --primary: #2D3035; --secondary: rgba(199, 199, 204, 0.6); --secondaryBase: #fff; --accent: #6CD4CA; --secondaryDark: #383D43; --accentLight:rgba(138, 209, 202, .3); --accentBackground:rgba(138, 209, 202, .1); --accentDark: #376c65; --borderColor: #6CD4CA; --accentHover: rgba(108, 212, 202, 0.5); --iconColor: #6CD4CA; --primaryText: #fff; --secondaryText: #8E8E93; --accentText: #6CD4CA; --secondaryBaseText: #EFEFF4; --accentLightText: #2D3035; --accentDarkText: #000000; --ion-background-color: var(--primary); } :root .theme-app14 .dark .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app14 .dark .mat-option { color: white; } :root .theme-app14 .dark .mat-option:hover:not(.mat-option-disabled), :root .theme-app14 .dark .mat-option:focus:not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } :root .theme-app14 .dark .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } :root .theme-app14 .dark .mat-option.mat-active { background: rgba(255, 255, 255, 0.04); color: white; } :root .theme-app14 .dark .mat-option.mat-option-disabled { color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #40c4ff; } :root .theme-app14 .dark .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #40c4ff; } :root .theme-app14 .dark .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #ff5722; } :root .theme-app14 .dark .mat-optgroup-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app14 .dark .mat-optgroup-disabled .mat-optgroup-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-pseudo-checkbox { color: rgba(255, 255, 255, 0.7); } :root .theme-app14 .dark .mat-pseudo-checkbox::after { color: #303030; } :root .theme-app14 .dark .mat-pseudo-checkbox-disabled { color: #686868; } :root .theme-app14 .dark .mat-primary .mat-pseudo-checkbox-checked, :root .theme-app14 .dark .mat-primary .mat-pseudo-checkbox-indeterminate { background: #40c4ff; } :root .theme-app14 .dark .mat-pseudo-checkbox-checked, :root .theme-app14 .dark .mat-pseudo-checkbox-indeterminate, :root .theme-app14 .dark .mat-accent .mat-pseudo-checkbox-checked, :root .theme-app14 .dark .mat-accent .mat-pseudo-checkbox-indeterminate { background: #40c4ff; } :root .theme-app14 .dark .mat-warn .mat-pseudo-checkbox-checked, :root .theme-app14 .dark .mat-warn .mat-pseudo-checkbox-indeterminate { background: #ff5722; } :root .theme-app14 .dark .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, :root .theme-app14 .dark .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #686868; } :root .theme-app14 .dark .mat-app-background, :root .theme-app14 .dark.mat-app-background { background-color: #303030; color: white; } :root .theme-app14 .dark .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } :root .theme-app14 .dark .mat-autocomplete-panel { background: #424242; color: white; } :root .theme-app14 .dark .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: #424242; } :root .theme-app14 .dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: white; } :root .theme-app14 .dark .mat-badge { position: relative; } :root .theme-app14 .dark .mat-badge.mat-badge { overflow: visible; } :root .theme-app14 .dark .mat-badge-hidden .mat-badge-content { display: none; } :root .theme-app14 .dark .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } :root .theme-app14 .dark .ng-animate-disabled .mat-badge-content, :root .theme-app14 .dark .mat-badge-content._mat-animation-noopable { transition: none; } :root .theme-app14 .dark .mat-badge-content.mat-badge-active { transform: none; } :root .theme-app14 .dark .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } :root .theme-app14 .dark .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } :root .theme-app14 .dark .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } :root .theme-app14 .dark .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] :root .theme-app14 .dark .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } :root .theme-app14 .dark .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] :root .theme-app14 .dark .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } :root .theme-app14 .dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] :root .theme-app14 .dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } :root .theme-app14 .dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] :root .theme-app14 .dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } :root .theme-app14 .dark .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } :root .theme-app14 .dark .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } :root .theme-app14 .dark .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } :root .theme-app14 .dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] :root .theme-app14 .dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } :root .theme-app14 .dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] :root .theme-app14 .dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } :root .theme-app14 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] :root .theme-app14 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } :root .theme-app14 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] :root .theme-app14 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } :root .theme-app14 .dark .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } :root .theme-app14 .dark .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } :root .theme-app14 .dark .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } :root .theme-app14 .dark .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] :root .theme-app14 .dark .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } :root .theme-app14 .dark .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] :root .theme-app14 .dark .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } :root .theme-app14 .dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] :root .theme-app14 .dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } :root .theme-app14 .dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] :root .theme-app14 .dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } :root .theme-app14 .dark .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #40c4ff; } .cdk-high-contrast-active :root .theme-app14 .dark .mat-badge-content { outline: solid 1px; border-radius: 0; } :root .theme-app14 .dark .mat-badge-accent .mat-badge-content { background: #40c4ff; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .dark .mat-badge-warn .mat-badge-content { color: white; background: #ff5722; } :root .theme-app14 .dark .mat-badge-disabled .mat-badge-content { background: #6e6e6e; color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: #424242; color: white; } :root .theme-app14 .dark .mat-button, :root .theme-app14 .dark .mat-icon-button, :root .theme-app14 .dark .mat-stroked-button { color: inherit; background: transparent; } :root .theme-app14 .dark .mat-button.mat-primary, :root .theme-app14 .dark .mat-icon-button.mat-primary, :root .theme-app14 .dark .mat-stroked-button.mat-primary { color: #40c4ff; } :root .theme-app14 .dark .mat-button.mat-accent, :root .theme-app14 .dark .mat-icon-button.mat-accent, :root .theme-app14 .dark .mat-stroked-button.mat-accent { color: #40c4ff; } :root .theme-app14 .dark .mat-button.mat-warn, :root .theme-app14 .dark .mat-icon-button.mat-warn, :root .theme-app14 .dark .mat-stroked-button.mat-warn { color: #ff5722; } :root .theme-app14 .dark .mat-button.mat-primary.mat-button-disabled, :root .theme-app14 .dark .mat-button.mat-accent.mat-button-disabled, :root .theme-app14 .dark .mat-button.mat-warn.mat-button-disabled, :root .theme-app14 .dark .mat-button.mat-button-disabled.mat-button-disabled, :root .theme-app14 .dark .mat-icon-button.mat-primary.mat-button-disabled, :root .theme-app14 .dark .mat-icon-button.mat-accent.mat-button-disabled, :root .theme-app14 .dark .mat-icon-button.mat-warn.mat-button-disabled, :root .theme-app14 .dark .mat-icon-button.mat-button-disabled.mat-button-disabled, :root .theme-app14 .dark .mat-stroked-button.mat-primary.mat-button-disabled, :root .theme-app14 .dark .mat-stroked-button.mat-accent.mat-button-disabled, :root .theme-app14 .dark .mat-stroked-button.mat-warn.mat-button-disabled, :root .theme-app14 .dark .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } :root .theme-app14 .dark .mat-button.mat-primary .mat-button-focus-overlay, :root .theme-app14 .dark .mat-icon-button.mat-primary .mat-button-focus-overlay, :root .theme-app14 .dark .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #40c4ff; } :root .theme-app14 .dark .mat-button.mat-accent .mat-button-focus-overlay, :root .theme-app14 .dark .mat-icon-button.mat-accent .mat-button-focus-overlay, :root .theme-app14 .dark .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #40c4ff; } :root .theme-app14 .dark .mat-button.mat-warn .mat-button-focus-overlay, :root .theme-app14 .dark .mat-icon-button.mat-warn .mat-button-focus-overlay, :root .theme-app14 .dark .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #ff5722; } :root .theme-app14 .dark .mat-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app14 .dark .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app14 .dark .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } :root .theme-app14 .dark .mat-button .mat-ripple-element, :root .theme-app14 .dark .mat-icon-button .mat-ripple-element, :root .theme-app14 .dark .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } :root .theme-app14 .dark .mat-button-focus-overlay { background: white; } :root .theme-app14 .dark .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(255, 255, 255, 0.12); } :root .theme-app14 .dark .mat-flat-button, :root .theme-app14 .dark .mat-raised-button, :root .theme-app14 .dark .mat-fab, :root .theme-app14 .dark .mat-mini-fab { color: white; background-color: #424242; } :root .theme-app14 .dark .mat-flat-button.mat-primary, :root .theme-app14 .dark .mat-raised-button.mat-primary, :root .theme-app14 .dark .mat-fab.mat-primary, :root .theme-app14 .dark .mat-mini-fab.mat-primary { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .dark .mat-flat-button.mat-accent, :root .theme-app14 .dark .mat-raised-button.mat-accent, :root .theme-app14 .dark .mat-fab.mat-accent, :root .theme-app14 .dark .mat-mini-fab.mat-accent { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .dark .mat-flat-button.mat-warn, :root .theme-app14 .dark .mat-raised-button.mat-warn, :root .theme-app14 .dark .mat-fab.mat-warn, :root .theme-app14 .dark .mat-mini-fab.mat-warn { color: white; } :root .theme-app14 .dark .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app14 .dark .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app14 .dark .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app14 .dark .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app14 .dark .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app14 .dark .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app14 .dark .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app14 .dark .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app14 .dark .mat-fab.mat-primary.mat-button-disabled, :root .theme-app14 .dark .mat-fab.mat-accent.mat-button-disabled, :root .theme-app14 .dark .mat-fab.mat-warn.mat-button-disabled, :root .theme-app14 .dark .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app14 .dark .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app14 .dark .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app14 .dark .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app14 .dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } :root .theme-app14 .dark .mat-flat-button.mat-primary, :root .theme-app14 .dark .mat-raised-button.mat-primary, :root .theme-app14 .dark .mat-fab.mat-primary, :root .theme-app14 .dark .mat-mini-fab.mat-primary { background-color: #40c4ff; } :root .theme-app14 .dark .mat-flat-button.mat-accent, :root .theme-app14 .dark .mat-raised-button.mat-accent, :root .theme-app14 .dark .mat-fab.mat-accent, :root .theme-app14 .dark .mat-mini-fab.mat-accent { background-color: #40c4ff; } :root .theme-app14 .dark .mat-flat-button.mat-warn, :root .theme-app14 .dark .mat-raised-button.mat-warn, :root .theme-app14 .dark .mat-fab.mat-warn, :root .theme-app14 .dark .mat-mini-fab.mat-warn { background-color: #ff5722; } :root .theme-app14 .dark .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app14 .dark .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app14 .dark .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app14 .dark .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app14 .dark .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app14 .dark .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app14 .dark .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app14 .dark .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app14 .dark .mat-fab.mat-primary.mat-button-disabled, :root .theme-app14 .dark .mat-fab.mat-accent.mat-button-disabled, :root .theme-app14 .dark .mat-fab.mat-warn.mat-button-disabled, :root .theme-app14 .dark .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app14 .dark .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app14 .dark .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app14 .dark .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app14 .dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app14 .dark .mat-flat-button.mat-primary .mat-ripple-element, :root .theme-app14 .dark .mat-raised-button.mat-primary .mat-ripple-element, :root .theme-app14 .dark .mat-fab.mat-primary .mat-ripple-element, :root .theme-app14 .dark .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app14 .dark .mat-flat-button.mat-accent .mat-ripple-element, :root .theme-app14 .dark .mat-raised-button.mat-accent .mat-ripple-element, :root .theme-app14 .dark .mat-fab.mat-accent .mat-ripple-element, :root .theme-app14 .dark .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app14 .dark .mat-flat-button.mat-warn .mat-ripple-element, :root .theme-app14 .dark .mat-raised-button.mat-warn .mat-ripple-element, :root .theme-app14 .dark .mat-fab.mat-warn .mat-ripple-element, :root .theme-app14 .dark .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app14 .dark .mat-stroked-button:not([class*=mat-elevation-z]), :root .theme-app14 .dark .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-fab:not([class*=mat-elevation-z]), :root .theme-app14 .dark .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), :root .theme-app14 .dark .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), :root .theme-app14 .dark .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-button-toggle-standalone:not([class*=mat-elevation-z]), :root .theme-app14 .dark .mat-button-toggle-group:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), :root .theme-app14 .dark .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) { box-shadow: none; } :root .theme-app14 .dark .mat-button-toggle { color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app14 .dark .mat-button-toggle-appearance-standard { color: white; background: #424242; } :root .theme-app14 .dark .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: white; } :root .theme-app14 .dark .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px #595959; } :root .theme-app14 .dark [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px #595959; } :root .theme-app14 .dark .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px #595959; } :root .theme-app14 .dark .mat-button-toggle-checked { background-color: #212121; color: rgba(255, 255, 255, 0.7); } :root .theme-app14 .dark .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: white; } :root .theme-app14 .dark .mat-button-toggle-disabled { color: rgba(255, 255, 255, 0.3); background-color: black; } :root .theme-app14 .dark .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: #424242; } :root .theme-app14 .dark .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #424242; } :root .theme-app14 .dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, :root .theme-app14 .dark .mat-button-toggle-group-appearance-standard { border: solid 1px #595959; } :root .theme-app14 .dark .mat-card { background: #424242; color: white; } :root .theme-app14 .dark .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-card-subtitle { color: rgba(255, 255, 255, 0.7); } :root .theme-app14 .dark .mat-checkbox-frame { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app14 .dark .mat-checkbox-checkmark { fill: #303030; } :root .theme-app14 .dark .mat-checkbox-checkmark-path { stroke: #303030 !important; } :root .theme-app14 .dark .mat-checkbox-mixedmark { background-color: #303030; } :root .theme-app14 .dark .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, :root .theme-app14 .dark .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #40c4ff; } :root .theme-app14 .dark .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, :root .theme-app14 .dark .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #40c4ff; } :root .theme-app14 .dark .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, :root .theme-app14 .dark .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #ff5722; } :root .theme-app14 .dark .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, :root .theme-app14 .dark .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #686868; } :root .theme-app14 .dark .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #686868; } :root .theme-app14 .dark .mat-checkbox-disabled .mat-checkbox-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-checkbox .mat-ripple-element { background-color: white; } :root .theme-app14 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, :root .theme-app14 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #40c4ff; } :root .theme-app14 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, :root .theme-app14 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #40c4ff; } :root .theme-app14 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, :root .theme-app14 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #ff5722; } :root .theme-app14 .dark .mat-chip.mat-standard-chip { background-color: #616161; color: white; } :root .theme-app14 .dark .mat-chip.mat-standard-chip .mat-chip-remove { color: white; opacity: 0.4; } :root .theme-app14 .dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } :root .theme-app14 .dark .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } :root .theme-app14 .dark .mat-chip.mat-standard-chip::after { background: white; } :root .theme-app14 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #40c4ff; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app14 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app14 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #ff5722; color: white; } :root .theme-app14 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } :root .theme-app14 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app14 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #40c4ff; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app14 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app14 .dark .mat-table { background: #424242; } :root .theme-app14 .dark .mat-table thead, :root .theme-app14 .dark .mat-table tbody, :root .theme-app14 .dark .mat-table tfoot, :root .theme-app14 .dark mat-header-row, :root .theme-app14 .dark mat-row, :root .theme-app14 .dark mat-footer-row, :root .theme-app14 .dark [mat-header-row], :root .theme-app14 .dark [mat-row], :root .theme-app14 .dark [mat-footer-row], :root .theme-app14 .dark .mat-table-sticky { background: inherit; } :root .theme-app14 .dark mat-row, :root .theme-app14 .dark mat-header-row, :root .theme-app14 .dark mat-footer-row, :root .theme-app14 .dark th.mat-header-cell, :root .theme-app14 .dark td.mat-cell, :root .theme-app14 .dark td.mat-footer-cell { border-bottom-color: rgba(255, 255, 255, 0.12); } :root .theme-app14 .dark .mat-header-cell { color: rgba(255, 255, 255, 0.7); } :root .theme-app14 .dark .mat-cell, :root .theme-app14 .dark .mat-footer-cell { color: white; } :root .theme-app14 .dark .mat-calendar-arrow { fill: white; } :root .theme-app14 .dark .mat-datepicker-toggle, :root .theme-app14 .dark .mat-datepicker-content .mat-calendar-next-button, :root .theme-app14 .dark .mat-datepicker-content .mat-calendar-previous-button { color: white; } :root .theme-app14 .dark .mat-calendar-table-header-divider::after { background: rgba(255, 255, 255, 0.12); } :root .theme-app14 .dark .mat-calendar-table-header, :root .theme-app14 .dark .mat-calendar-body-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app14 .dark .mat-calendar-body-cell-content, :root .theme-app14 .dark .mat-date-range-input-separator { color: white; border-color: transparent; } :root .theme-app14 .dark .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-calendar-body-in-preview { color: rgba(255, 255, 255, 0.24); } :root .theme-app14 .dark .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app14 .dark .mat-calendar-body-in-range::before { background: rgba(64, 196, 255, 0.2); } :root .theme-app14 .dark .mat-calendar-body-comparison-identical, :root .theme-app14 .dark .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app14 .dark .mat-calendar-body-comparison-bridge-start::before, :root .theme-app14 .dark [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(64, 196, 255, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app14 .dark .mat-calendar-body-comparison-bridge-end::before, :root .theme-app14 .dark [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(64, 196, 255, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app14 .dark .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app14 .dark .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app14 .dark .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app14 .dark .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app14 .dark .mat-calendar-body-selected { background-color: #40c4ff; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .dark .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(64, 196, 255, 0.4); } :root .theme-app14 .dark .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app14 .dark .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app14 .dark .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(64, 196, 255, 0.3); } @media (hover: hover) { :root .theme-app14 .dark .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(64, 196, 255, 0.3); } } :root .theme-app14 .dark .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: #424242; color: white; } :root .theme-app14 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(64, 196, 255, 0.2); } :root .theme-app14 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, :root .theme-app14 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app14 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, :root .theme-app14 .dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(64, 196, 255, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app14 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, :root .theme-app14 .dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(64, 196, 255, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app14 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app14 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app14 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app14 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app14 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #40c4ff; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(64, 196, 255, 0.4); } :root .theme-app14 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app14 .dark .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app14 .dark .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(64, 196, 255, 0.3); } @media (hover: hover) { :root .theme-app14 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(64, 196, 255, 0.3); } } :root .theme-app14 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(255, 87, 34, 0.2); } :root .theme-app14 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, :root .theme-app14 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app14 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, :root .theme-app14 .dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 87, 34, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app14 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, :root .theme-app14 .dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 87, 34, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app14 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app14 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app14 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app14 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app14 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #ff5722; color: white; } :root .theme-app14 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 87, 34, 0.4); } :root .theme-app14 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } :root .theme-app14 .dark .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app14 .dark .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 87, 34, 0.3); } @media (hover: hover) { :root .theme-app14 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 87, 34, 0.3); } } :root .theme-app14 .dark .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-datepicker-toggle-active { color: #40c4ff; } :root .theme-app14 .dark .mat-datepicker-toggle-active.mat-accent { color: #40c4ff; } :root .theme-app14 .dark .mat-datepicker-toggle-active.mat-warn { color: #ff5722; } :root .theme-app14 .dark .mat-date-range-input-inner[disabled] { color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: #424242; color: white; } :root .theme-app14 .dark .mat-divider { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app14 .dark .mat-divider-vertical { border-right-color: rgba(255, 255, 255, 0.12); } :root .theme-app14 .dark .mat-expansion-panel { background: #424242; color: white; } :root .theme-app14 .dark .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-action-row { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app14 .dark .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), :root .theme-app14 .dark .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), :root .theme-app14 .dark .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(255, 255, 255, 0.04); } @media (hover: none) { :root .theme-app14 .dark .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: #424242; } } :root .theme-app14 .dark .mat-expansion-panel-header-title { color: white; } :root .theme-app14 .dark .mat-expansion-panel-header-description, :root .theme-app14 .dark .mat-expansion-indicator::after { color: rgba(255, 255, 255, 0.7); } :root .theme-app14 .dark .mat-expansion-panel-header[aria-disabled=true] { color: rgba(255, 255, 255, 0.3); } :root .theme-app14 .dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, :root .theme-app14 .dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } :root .theme-app14 .dark .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app14 .dark .mat-hint { color: rgba(255, 255, 255, 0.7); } :root .theme-app14 .dark .mat-form-field.mat-focused .mat-form-field-label { color: #40c4ff; } :root .theme-app14 .dark .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #40c4ff; } :root .theme-app14 .dark .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #ff5722; } :root .theme-app14 .dark .mat-focused .mat-form-field-required-marker { color: #40c4ff; } :root .theme-app14 .dark .mat-form-field-ripple { background-color: white; } :root .theme-app14 .dark .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #40c4ff; } :root .theme-app14 .dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #40c4ff; } :root .theme-app14 .dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #ff5722; } :root .theme-app14 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #40c4ff; } :root .theme-app14 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #40c4ff; } :root .theme-app14 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #ff5722; } :root .theme-app14 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #ff5722; } :root .theme-app14 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, :root .theme-app14 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #ff5722; } :root .theme-app14 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, :root .theme-app14 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #ff5722; } :root .theme-app14 .dark .mat-error { color: #ff5722; } :root .theme-app14 .dark .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app14 .dark .mat-form-field-appearance-legacy .mat-hint { color: rgba(255, 255, 255, 0.7); } :root .theme-app14 .dark .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } :root .theme-app14 .dark .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app14 .dark .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } :root .theme-app14 .dark .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app14 .dark .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app14 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.05); } :root .theme-app14 .dark .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } :root .theme-app14 .dark .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(255, 255, 255, 0.3); } :root .theme-app14 .dark .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: white; } :root .theme-app14 .dark .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #40c4ff; } :root .theme-app14 .dark .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #40c4ff; } :root .theme-app14 .dark .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #ff5722; } :root .theme-app14 .dark .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #ff5722; } :root .theme-app14 .dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(255, 255, 255, 0.15); } :root .theme-app14 .dark .mat-icon.mat-primary { color: #40c4ff; } :root .theme-app14 .dark .mat-icon.mat-accent { color: #40c4ff; } :root .theme-app14 .dark .mat-icon.mat-warn { color: #ff5722; } :root .theme-app14 .dark .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.7); } :root .theme-app14 .dark .mat-input-element:disabled, :root .theme-app14 .dark .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-input-element { caret-color: #40c4ff; } :root .theme-app14 .dark .mat-input-element::placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-input-element::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-input-element::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-input-element:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-input-element:not(.mat-native-select-inline) option { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .dark .mat-input-element:not(.mat-native-select-inline) option:disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app14 .dark .mat-form-field.mat-accent .mat-input-element { caret-color: #40c4ff; } :root .theme-app14 .dark .mat-form-field.mat-warn .mat-input-element, :root .theme-app14 .dark .mat-form-field-invalid .mat-input-element { caret-color: #ff5722; } :root .theme-app14 .dark .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #ff5722; } :root .theme-app14 .dark .mat-list-base .mat-list-item { color: white; } :root .theme-app14 .dark .mat-list-base .mat-list-option { color: white; } :root .theme-app14 .dark .mat-list-base .mat-subheader { color: rgba(255, 255, 255, 0.7); } :root .theme-app14 .dark .mat-list-base .mat-list-item-disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-list-option:hover, :root .theme-app14 .dark .mat-list-option:focus, :root .theme-app14 .dark .mat-nav-list .mat-list-item:hover, :root .theme-app14 .dark .mat-nav-list .mat-list-item:focus, :root .theme-app14 .dark .mat-action-list .mat-list-item:hover, :root .theme-app14 .dark .mat-action-list .mat-list-item:focus { background: rgba(255, 255, 255, 0.04); } :root .theme-app14 .dark .mat-list-single-selected-option, :root .theme-app14 .dark .mat-list-single-selected-option:hover, :root .theme-app14 .dark .mat-list-single-selected-option:focus { background: rgba(255, 255, 255, 0.12); } :root .theme-app14 .dark .mat-menu-panel { background: #424242; } :root .theme-app14 .dark .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-menu-item { background: transparent; color: white; } :root .theme-app14 .dark .mat-menu-item[disabled], :root .theme-app14 .dark .mat-menu-item[disabled] .mat-menu-submenu-icon, :root .theme-app14 .dark .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-menu-item .mat-icon-no-color, :root .theme-app14 .dark .mat-menu-submenu-icon { color: white; } :root .theme-app14 .dark .mat-menu-item:hover:not([disabled]), :root .theme-app14 .dark .mat-menu-item.cdk-program-focused:not([disabled]), :root .theme-app14 .dark .mat-menu-item.cdk-keyboard-focused:not([disabled]), :root .theme-app14 .dark .mat-menu-item-highlighted:not([disabled]) { background: rgba(255, 255, 255, 0.04); } :root .theme-app14 .dark .mat-paginator { background: #424242; } :root .theme-app14 .dark .mat-paginator, :root .theme-app14 .dark .mat-paginator-page-size .mat-select-trigger { color: rgba(255, 255, 255, 0.7); } :root .theme-app14 .dark .mat-paginator-decrement, :root .theme-app14 .dark .mat-paginator-increment { border-top: 2px solid white; border-right: 2px solid white; } :root .theme-app14 .dark .mat-paginator-first, :root .theme-app14 .dark .mat-paginator-last { border-top: 2px solid white; } :root .theme-app14 .dark .mat-icon-button[disabled] .mat-paginator-decrement, :root .theme-app14 .dark .mat-icon-button[disabled] .mat-paginator-increment, :root .theme-app14 .dark .mat-icon-button[disabled] .mat-paginator-first, :root .theme-app14 .dark .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-progress-bar-background { fill: #345564; } :root .theme-app14 .dark .mat-progress-bar-buffer { background-color: #345564; } :root .theme-app14 .dark .mat-progress-bar-fill::after { background-color: #40c4ff; } :root .theme-app14 .dark .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #345564; } :root .theme-app14 .dark .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #345564; } :root .theme-app14 .dark .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #40c4ff; } :root .theme-app14 .dark .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #643a2d; } :root .theme-app14 .dark .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #643a2d; } :root .theme-app14 .dark .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #ff5722; } :root .theme-app14 .dark .mat-progress-spinner circle, :root .theme-app14 .dark .mat-spinner circle { stroke: #40c4ff; } :root .theme-app14 .dark .mat-progress-spinner.mat-accent circle, :root .theme-app14 .dark .mat-spinner.mat-accent circle { stroke: #40c4ff; } :root .theme-app14 .dark .mat-progress-spinner.mat-warn circle, :root .theme-app14 .dark .mat-spinner.mat-warn circle { stroke: #ff5722; } :root .theme-app14 .dark .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app14 .dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #40c4ff; } :root .theme-app14 .dark .mat-radio-button.mat-primary .mat-radio-inner-circle, :root .theme-app14 .dark .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app14 .dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app14 .dark .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #40c4ff; } :root .theme-app14 .dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #40c4ff; } :root .theme-app14 .dark .mat-radio-button.mat-accent .mat-radio-inner-circle, :root .theme-app14 .dark .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app14 .dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app14 .dark .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #40c4ff; } :root .theme-app14 .dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #ff5722; } :root .theme-app14 .dark .mat-radio-button.mat-warn .mat-radio-inner-circle, :root .theme-app14 .dark .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app14 .dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app14 .dark .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #ff5722; } :root .theme-app14 .dark .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, :root .theme-app14 .dark .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, :root .theme-app14 .dark .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-radio-button .mat-ripple-element { background-color: white; } :root .theme-app14 .dark .mat-select-value { color: white; } :root .theme-app14 .dark .mat-select-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-select-disabled .mat-select-value { color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-select-arrow { color: rgba(255, 255, 255, 0.7); } :root .theme-app14 .dark .mat-select-panel { background: #424242; } :root .theme-app14 .dark .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(255, 255, 255, 0.12); } :root .theme-app14 .dark .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #40c4ff; } :root .theme-app14 .dark .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #40c4ff; } :root .theme-app14 .dark .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #ff5722; } :root .theme-app14 .dark .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #ff5722; } :root .theme-app14 .dark .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-drawer-container { background-color: #303030; color: white; } :root .theme-app14 .dark .mat-drawer { background-color: #424242; color: white; } :root .theme-app14 .dark .mat-drawer.mat-drawer-push { background-color: #424242; } :root .theme-app14 .dark .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-drawer-side { border-right: solid 1px rgba(255, 255, 255, 0.12); } :root .theme-app14 .dark .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } :root .theme-app14 .dark [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } :root .theme-app14 .dark [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(255, 255, 255, 0.12); } :root .theme-app14 .dark .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(189, 189, 189, 0.6); } :root .theme-app14 .dark .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #40c4ff; } :root .theme-app14 .dark .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(64, 196, 255, 0.54); } :root .theme-app14 .dark .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #40c4ff; } :root .theme-app14 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #40c4ff; } :root .theme-app14 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(64, 196, 255, 0.54); } :root .theme-app14 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #40c4ff; } :root .theme-app14 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #ff5722; } :root .theme-app14 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 87, 34, 0.54); } :root .theme-app14 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #ff5722; } :root .theme-app14 .dark .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: white; } :root .theme-app14 .dark .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #bdbdbd; } :root .theme-app14 .dark .mat-slide-toggle-bar { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app14 .dark .mat-slider.mat-primary .mat-slider-track-fill, :root .theme-app14 .dark .mat-slider.mat-primary .mat-slider-thumb, :root .theme-app14 .dark .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #40c4ff; } :root .theme-app14 .dark .mat-slider.mat-primary .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .dark .mat-slider.mat-primary .mat-slider-focus-ring { background-color: rgba(64, 196, 255, 0.2); } :root .theme-app14 .dark .mat-slider.mat-accent .mat-slider-track-fill, :root .theme-app14 .dark .mat-slider.mat-accent .mat-slider-thumb, :root .theme-app14 .dark .mat-slider.mat-accent .mat-slider-thumb-label { background-color: #40c4ff; } :root .theme-app14 .dark .mat-slider.mat-accent .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .dark .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(64, 196, 255, 0.2); } :root .theme-app14 .dark .mat-slider.mat-warn .mat-slider-track-fill, :root .theme-app14 .dark .mat-slider.mat-warn .mat-slider-thumb, :root .theme-app14 .dark .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #ff5722; } :root .theme-app14 .dark .mat-slider.mat-warn .mat-slider-thumb-label-text { color: white; } :root .theme-app14 .dark .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(255, 87, 34, 0.2); } :root .theme-app14 .dark .mat-slider:hover .mat-slider-track-background, :root .theme-app14 .dark .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app14 .dark .mat-slider.mat-slider-disabled .mat-slider-track-background, :root .theme-app14 .dark .mat-slider.mat-slider-disabled .mat-slider-track-fill, :root .theme-app14 .dark .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app14 .dark .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app14 .dark .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app14 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, :root .theme-app14 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: white; } :root .theme-app14 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, :root .theme-app14 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app14 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); background-color: transparent; } :root .theme-app14 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, :root .theme-app14 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app14 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, :root .theme-app14 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app14 .dark .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app14 .dark .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } :root .theme-app14 .dark .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } :root .theme-app14 .dark .mat-step-header.cdk-keyboard-focused, :root .theme-app14 .dark .mat-step-header.cdk-program-focused, :root .theme-app14 .dark .mat-step-header:hover:not([aria-disabled]), :root .theme-app14 .dark .mat-step-header:hover[aria-disabled=false] { background-color: rgba(255, 255, 255, 0.04); } :root .theme-app14 .dark .mat-step-header:hover[aria-disabled=true] { cursor: default; } @media (hover: none) { :root .theme-app14 .dark .mat-step-header:hover { background: none; } } :root .theme-app14 .dark .mat-step-header .mat-step-label, :root .theme-app14 .dark .mat-step-header .mat-step-optional { color: rgba(255, 255, 255, 0.7); } :root .theme-app14 .dark .mat-step-header .mat-step-icon { background-color: rgba(255, 255, 255, 0.7); color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .dark .mat-step-header .mat-step-icon-selected, :root .theme-app14 .dark .mat-step-header .mat-step-icon-state-done, :root .theme-app14 .dark .mat-step-header .mat-step-icon-state-edit { background-color: #40c4ff; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .dark .mat-step-header.mat-accent .mat-step-icon { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .dark .mat-step-header.mat-accent .mat-step-icon-selected, :root .theme-app14 .dark .mat-step-header.mat-accent .mat-step-icon-state-done, :root .theme-app14 .dark .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #40c4ff; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .dark .mat-step-header.mat-warn .mat-step-icon { color: white; } :root .theme-app14 .dark .mat-step-header.mat-warn .mat-step-icon-selected, :root .theme-app14 .dark .mat-step-header.mat-warn .mat-step-icon-state-done, :root .theme-app14 .dark .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #ff5722; color: white; } :root .theme-app14 .dark .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #ff5722; } :root .theme-app14 .dark .mat-step-header .mat-step-label.mat-step-label-active { color: white; } :root .theme-app14 .dark .mat-step-header .mat-step-label.mat-step-label-error { color: #ff5722; } :root .theme-app14 .dark .mat-stepper-horizontal, :root .theme-app14 .dark .mat-stepper-vertical { background-color: #424242; } :root .theme-app14 .dark .mat-stepper-vertical-line::before { border-left-color: rgba(255, 255, 255, 0.12); } :root .theme-app14 .dark .mat-horizontal-stepper-header::before, :root .theme-app14 .dark .mat-horizontal-stepper-header::after, :root .theme-app14 .dark .mat-stepper-horizontal-line { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app14 .dark .mat-sort-header-arrow { color: #c6c6c6; } :root .theme-app14 .dark .mat-tab-nav-bar, :root .theme-app14 .dark .mat-tab-header { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } :root .theme-app14 .dark .mat-tab-group-inverted-header .mat-tab-nav-bar, :root .theme-app14 .dark .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(255, 255, 255, 0.12); border-bottom: none; } :root .theme-app14 .dark .mat-tab-label, :root .theme-app14 .dark .mat-tab-link { color: white; } :root .theme-app14 .dark .mat-tab-label.mat-tab-disabled, :root .theme-app14 .dark .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-tab-header-pagination-chevron { border-color: white; } :root .theme-app14 .dark .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app14 .dark .mat-tab-group[class*=mat-background-] > .mat-tab-header, :root .theme-app14 .dark .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } :root .theme-app14 .dark .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(128, 216, 255, 0.3); } :root .theme-app14 .dark .mat-tab-group.mat-primary .mat-ink-bar, :root .theme-app14 .dark .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #40c4ff; } :root .theme-app14 .dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app14 .dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, :root .theme-app14 .dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app14 .dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .dark .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(128, 216, 255, 0.3); } :root .theme-app14 .dark .mat-tab-group.mat-accent .mat-ink-bar, :root .theme-app14 .dark .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #40c4ff; } :root .theme-app14 .dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app14 .dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, :root .theme-app14 .dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app14 .dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .dark .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app14 .dark .mat-tab-group.mat-warn .mat-ink-bar, :root .theme-app14 .dark .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #ff5722; } :root .theme-app14 .dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app14 .dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, :root .theme-app14 .dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app14 .dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: white; } :root .theme-app14 .dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(128, 216, 255, 0.3); } :root .theme-app14 .dark .mat-tab-group.mat-background-primary > .mat-tab-header, :root .theme-app14 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container, :root .theme-app14 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #40c4ff; } :root .theme-app14 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app14 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app14 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app14 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app14 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app14 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app14 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app14 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app14 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app14 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app14 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app14 .dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(128, 216, 255, 0.3); } :root .theme-app14 .dark .mat-tab-group.mat-background-accent > .mat-tab-header, :root .theme-app14 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container, :root .theme-app14 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #40c4ff; } :root .theme-app14 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app14 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app14 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app14 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app14 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app14 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app14 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app14 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app14 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app14 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app14 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app14 .dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app14 .dark .mat-tab-group.mat-background-warn > .mat-tab-header, :root .theme-app14 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container, :root .theme-app14 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #ff5722; } :root .theme-app14 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app14 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: white; } :root .theme-app14 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app14 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } :root .theme-app14 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app14 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app14 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app14 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: white; } :root .theme-app14 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app14 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } :root .theme-app14 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app14 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app14 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app14 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } :root .theme-app14 .dark .mat-toolbar { background: #212121; color: white; } :root .theme-app14 .dark .mat-toolbar.mat-primary { background: #40c4ff; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .dark .mat-toolbar.mat-accent { background: #40c4ff; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .dark .mat-toolbar.mat-warn { background: #ff5722; color: white; } :root .theme-app14 .dark .mat-toolbar .mat-form-field-underline, :root .theme-app14 .dark .mat-toolbar .mat-form-field-ripple, :root .theme-app14 .dark .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } :root .theme-app14 .dark .mat-toolbar .mat-form-field-label, :root .theme-app14 .dark .mat-toolbar .mat-focused .mat-form-field-label, :root .theme-app14 .dark .mat-toolbar .mat-select-value, :root .theme-app14 .dark .mat-toolbar .mat-select-arrow, :root .theme-app14 .dark .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } :root .theme-app14 .dark .mat-toolbar .mat-input-element { caret-color: currentColor; } :root .theme-app14 .dark .mat-tooltip { background: rgba(97, 97, 97, 0.9); } :root .theme-app14 .dark .mat-tree { background: #424242; } :root .theme-app14 .dark .mat-tree-node, :root .theme-app14 .dark .mat-nested-tree-node { color: white; } :root .theme-app14 .dark .mat-snack-bar-container { color: rgba(0, 0, 0, 0.87); background: #fafafa; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .dark .mat-simple-snackbar-action { color: inherit; } :root .theme-app14 .light { --primary: rgb(253, 253, 253); --secondary: #C7C7CC; --secondaryBase: #fff; --accent: #F44336; --secondaryDark: rgb(42, 53, 68); --accentLight: #f98981; --accentBackground:rgba(255, 255, 255, 0.05); --accentDark: rgb(106, 43, 39); --borderColor: rgba(0, 0, 0, .5); --accentHover: rgba(255,70,64, 0.1); --iconColor: #5aa1bf; --primaryText: rgb(29, 29, 29); --secondaryText: #8E8E93; --accentText: #ef233c; --secondaryBaseText: #EFEFF4; --accentLightText: #2D3035; --accentDarkText: #00000; --ion-background-color: var(--primary); } :root .theme-app14 .light .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app14 .light .mat-option { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-option:hover:not(.mat-option-disabled), :root .theme-app14 .light .mat-option:focus:not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } :root .theme-app14 .light .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } :root .theme-app14 .light .mat-option.mat-active { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-option.mat-option-disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app14 .light .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #81d4fa; } :root .theme-app14 .light .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #81d4fa; } :root .theme-app14 .light .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #ffab91; } :root .theme-app14 .light .mat-optgroup-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app14 .light .mat-optgroup-disabled .mat-optgroup-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app14 .light .mat-pseudo-checkbox { color: rgba(0, 0, 0, 0.54); } :root .theme-app14 .light .mat-pseudo-checkbox::after { color: #fafafa; } :root .theme-app14 .light .mat-pseudo-checkbox-disabled { color: #b0b0b0; } :root .theme-app14 .light .mat-primary .mat-pseudo-checkbox-checked, :root .theme-app14 .light .mat-primary .mat-pseudo-checkbox-indeterminate { background: #81d4fa; } :root .theme-app14 .light .mat-pseudo-checkbox-checked, :root .theme-app14 .light .mat-pseudo-checkbox-indeterminate, :root .theme-app14 .light .mat-accent .mat-pseudo-checkbox-checked, :root .theme-app14 .light .mat-accent .mat-pseudo-checkbox-indeterminate { background: #81d4fa; } :root .theme-app14 .light .mat-warn .mat-pseudo-checkbox-checked, :root .theme-app14 .light .mat-warn .mat-pseudo-checkbox-indeterminate { background: #ffab91; } :root .theme-app14 .light .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, :root .theme-app14 .light .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #b0b0b0; } :root .theme-app14 .light .mat-app-background, :root .theme-app14 .light.mat-app-background { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } :root .theme-app14 .light .mat-autocomplete-panel { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: white; } :root .theme-app14 .light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-badge { position: relative; } :root .theme-app14 .light .mat-badge.mat-badge { overflow: visible; } :root .theme-app14 .light .mat-badge-hidden .mat-badge-content { display: none; } :root .theme-app14 .light .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } :root .theme-app14 .light .ng-animate-disabled .mat-badge-content, :root .theme-app14 .light .mat-badge-content._mat-animation-noopable { transition: none; } :root .theme-app14 .light .mat-badge-content.mat-badge-active { transform: none; } :root .theme-app14 .light .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } :root .theme-app14 .light .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } :root .theme-app14 .light .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } :root .theme-app14 .light .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] :root .theme-app14 .light .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } :root .theme-app14 .light .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] :root .theme-app14 .light .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } :root .theme-app14 .light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] :root .theme-app14 .light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } :root .theme-app14 .light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] :root .theme-app14 .light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } :root .theme-app14 .light .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } :root .theme-app14 .light .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } :root .theme-app14 .light .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } :root .theme-app14 .light .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] :root .theme-app14 .light .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } :root .theme-app14 .light .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] :root .theme-app14 .light .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } :root .theme-app14 .light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] :root .theme-app14 .light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } :root .theme-app14 .light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] :root .theme-app14 .light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } :root .theme-app14 .light .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } :root .theme-app14 .light .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } :root .theme-app14 .light .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } :root .theme-app14 .light .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] :root .theme-app14 .light .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } :root .theme-app14 .light .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] :root .theme-app14 .light .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } :root .theme-app14 .light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] :root .theme-app14 .light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } :root .theme-app14 .light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] :root .theme-app14 .light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } :root .theme-app14 .light .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #81d4fa; } .cdk-high-contrast-active :root .theme-app14 .light .mat-badge-content { outline: solid 1px; border-radius: 0; } :root .theme-app14 .light .mat-badge-accent .mat-badge-content { background: #81d4fa; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-badge-warn .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #ffab91; } :root .theme-app14 .light .mat-badge-disabled .mat-badge-content { background: #b9b9b9; color: rgba(0, 0, 0, 0.38); } :root .theme-app14 .light .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-button, :root .theme-app14 .light .mat-icon-button, :root .theme-app14 .light .mat-stroked-button { color: inherit; background: transparent; } :root .theme-app14 .light .mat-button.mat-primary, :root .theme-app14 .light .mat-icon-button.mat-primary, :root .theme-app14 .light .mat-stroked-button.mat-primary { color: #81d4fa; } :root .theme-app14 .light .mat-button.mat-accent, :root .theme-app14 .light .mat-icon-button.mat-accent, :root .theme-app14 .light .mat-stroked-button.mat-accent { color: #81d4fa; } :root .theme-app14 .light .mat-button.mat-warn, :root .theme-app14 .light .mat-icon-button.mat-warn, :root .theme-app14 .light .mat-stroked-button.mat-warn { color: #ffab91; } :root .theme-app14 .light .mat-button.mat-primary.mat-button-disabled, :root .theme-app14 .light .mat-button.mat-accent.mat-button-disabled, :root .theme-app14 .light .mat-button.mat-warn.mat-button-disabled, :root .theme-app14 .light .mat-button.mat-button-disabled.mat-button-disabled, :root .theme-app14 .light .mat-icon-button.mat-primary.mat-button-disabled, :root .theme-app14 .light .mat-icon-button.mat-accent.mat-button-disabled, :root .theme-app14 .light .mat-icon-button.mat-warn.mat-button-disabled, :root .theme-app14 .light .mat-icon-button.mat-button-disabled.mat-button-disabled, :root .theme-app14 .light .mat-stroked-button.mat-primary.mat-button-disabled, :root .theme-app14 .light .mat-stroked-button.mat-accent.mat-button-disabled, :root .theme-app14 .light .mat-stroked-button.mat-warn.mat-button-disabled, :root .theme-app14 .light .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } :root .theme-app14 .light .mat-button.mat-primary .mat-button-focus-overlay, :root .theme-app14 .light .mat-icon-button.mat-primary .mat-button-focus-overlay, :root .theme-app14 .light .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #81d4fa; } :root .theme-app14 .light .mat-button.mat-accent .mat-button-focus-overlay, :root .theme-app14 .light .mat-icon-button.mat-accent .mat-button-focus-overlay, :root .theme-app14 .light .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #81d4fa; } :root .theme-app14 .light .mat-button.mat-warn .mat-button-focus-overlay, :root .theme-app14 .light .mat-icon-button.mat-warn .mat-button-focus-overlay, :root .theme-app14 .light .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #ffab91; } :root .theme-app14 .light .mat-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app14 .light .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app14 .light .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } :root .theme-app14 .light .mat-button .mat-ripple-element, :root .theme-app14 .light .mat-icon-button .mat-ripple-element, :root .theme-app14 .light .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } :root .theme-app14 .light .mat-button-focus-overlay { background: black; } :root .theme-app14 .light .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-flat-button, :root .theme-app14 .light .mat-raised-button, :root .theme-app14 .light .mat-fab, :root .theme-app14 .light .mat-mini-fab { color: rgba(0, 0, 0, 0.87); background-color: white; } :root .theme-app14 .light .mat-flat-button.mat-primary, :root .theme-app14 .light .mat-raised-button.mat-primary, :root .theme-app14 .light .mat-fab.mat-primary, :root .theme-app14 .light .mat-mini-fab.mat-primary { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-flat-button.mat-accent, :root .theme-app14 .light .mat-raised-button.mat-accent, :root .theme-app14 .light .mat-fab.mat-accent, :root .theme-app14 .light .mat-mini-fab.mat-accent { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-flat-button.mat-warn, :root .theme-app14 .light .mat-raised-button.mat-warn, :root .theme-app14 .light .mat-fab.mat-warn, :root .theme-app14 .light .mat-mini-fab.mat-warn { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app14 .light .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app14 .light .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app14 .light .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app14 .light .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app14 .light .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app14 .light .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app14 .light .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app14 .light .mat-fab.mat-primary.mat-button-disabled, :root .theme-app14 .light .mat-fab.mat-accent.mat-button-disabled, :root .theme-app14 .light .mat-fab.mat-warn.mat-button-disabled, :root .theme-app14 .light .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app14 .light .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app14 .light .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app14 .light .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app14 .light .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } :root .theme-app14 .light .mat-flat-button.mat-primary, :root .theme-app14 .light .mat-raised-button.mat-primary, :root .theme-app14 .light .mat-fab.mat-primary, :root .theme-app14 .light .mat-mini-fab.mat-primary { background-color: #81d4fa; } :root .theme-app14 .light .mat-flat-button.mat-accent, :root .theme-app14 .light .mat-raised-button.mat-accent, :root .theme-app14 .light .mat-fab.mat-accent, :root .theme-app14 .light .mat-mini-fab.mat-accent { background-color: #81d4fa; } :root .theme-app14 .light .mat-flat-button.mat-warn, :root .theme-app14 .light .mat-raised-button.mat-warn, :root .theme-app14 .light .mat-fab.mat-warn, :root .theme-app14 .light .mat-mini-fab.mat-warn { background-color: #ffab91; } :root .theme-app14 .light .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app14 .light .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app14 .light .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app14 .light .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app14 .light .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app14 .light .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app14 .light .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app14 .light .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app14 .light .mat-fab.mat-primary.mat-button-disabled, :root .theme-app14 .light .mat-fab.mat-accent.mat-button-disabled, :root .theme-app14 .light .mat-fab.mat-warn.mat-button-disabled, :root .theme-app14 .light .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app14 .light .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app14 .light .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app14 .light .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app14 .light .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-flat-button.mat-primary .mat-ripple-element, :root .theme-app14 .light .mat-raised-button.mat-primary .mat-ripple-element, :root .theme-app14 .light .mat-fab.mat-primary .mat-ripple-element, :root .theme-app14 .light .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app14 .light .mat-flat-button.mat-accent .mat-ripple-element, :root .theme-app14 .light .mat-raised-button.mat-accent .mat-ripple-element, :root .theme-app14 .light .mat-fab.mat-accent .mat-ripple-element, :root .theme-app14 .light .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app14 .light .mat-flat-button.mat-warn .mat-ripple-element, :root .theme-app14 .light .mat-raised-button.mat-warn .mat-ripple-element, :root .theme-app14 .light .mat-fab.mat-warn .mat-ripple-element, :root .theme-app14 .light .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app14 .light .mat-stroked-button:not([class*=mat-elevation-z]), :root .theme-app14 .light .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-fab:not([class*=mat-elevation-z]), :root .theme-app14 .light .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), :root .theme-app14 .light .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), :root .theme-app14 .light .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-button-toggle-standalone:not([class*=mat-elevation-z]), :root .theme-app14 .light .mat-button-toggle-group:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), :root .theme-app14 .light .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) { box-shadow: none; } :root .theme-app14 .light .mat-button-toggle { color: rgba(0, 0, 0, 0.38); } :root .theme-app14 .light .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); background: white; } :root .theme-app14 .light .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: black; } :root .theme-app14 .light .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px #e0e0e0; } :root .theme-app14 .light [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px #e0e0e0; } :root .theme-app14 .light .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px #e0e0e0; } :root .theme-app14 .light .mat-button-toggle-checked { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.54); } :root .theme-app14 .light .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-button-toggle-disabled { color: rgba(0, 0, 0, 0.26); background-color: #eeeeee; } :root .theme-app14 .light .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: white; } :root .theme-app14 .light .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #bdbdbd; } :root .theme-app14 .light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, :root .theme-app14 .light .mat-button-toggle-group-appearance-standard { border: solid 1px #e0e0e0; } :root .theme-app14 .light .mat-card { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-card-subtitle { color: rgba(0, 0, 0, 0.54); } :root .theme-app14 .light .mat-checkbox-frame { border-color: rgba(0, 0, 0, 0.54); } :root .theme-app14 .light .mat-checkbox-checkmark { fill: #fafafa; } :root .theme-app14 .light .mat-checkbox-checkmark-path { stroke: #fafafa !important; } :root .theme-app14 .light .mat-checkbox-mixedmark { background-color: #fafafa; } :root .theme-app14 .light .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, :root .theme-app14 .light .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #81d4fa; } :root .theme-app14 .light .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, :root .theme-app14 .light .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #81d4fa; } :root .theme-app14 .light .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, :root .theme-app14 .light .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #ffab91; } :root .theme-app14 .light .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, :root .theme-app14 .light .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #b0b0b0; } :root .theme-app14 .light .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #b0b0b0; } :root .theme-app14 .light .mat-checkbox-disabled .mat-checkbox-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app14 .light .mat-checkbox .mat-ripple-element { background-color: black; } :root .theme-app14 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, :root .theme-app14 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #81d4fa; } :root .theme-app14 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, :root .theme-app14 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #81d4fa; } :root .theme-app14 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, :root .theme-app14 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #ffab91; } :root .theme-app14 .light .mat-chip.mat-standard-chip { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-chip.mat-standard-chip .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app14 .light .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } :root .theme-app14 .light .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } :root .theme-app14 .light .mat-chip.mat-standard-chip::after { background: black; } :root .theme-app14 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #81d4fa; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app14 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app14 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app14 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app14 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #81d4fa; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app14 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app14 .light .mat-table { background: white; } :root .theme-app14 .light .mat-table thead, :root .theme-app14 .light .mat-table tbody, :root .theme-app14 .light .mat-table tfoot, :root .theme-app14 .light mat-header-row, :root .theme-app14 .light mat-row, :root .theme-app14 .light mat-footer-row, :root .theme-app14 .light [mat-header-row], :root .theme-app14 .light [mat-row], :root .theme-app14 .light [mat-footer-row], :root .theme-app14 .light .mat-table-sticky { background: inherit; } :root .theme-app14 .light mat-row, :root .theme-app14 .light mat-header-row, :root .theme-app14 .light mat-footer-row, :root .theme-app14 .light th.mat-header-cell, :root .theme-app14 .light td.mat-cell, :root .theme-app14 .light td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-header-cell { color: rgba(0, 0, 0, 0.54); } :root .theme-app14 .light .mat-cell, :root .theme-app14 .light .mat-footer-cell { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-calendar-arrow { fill: rgba(0, 0, 0, 0.54); } :root .theme-app14 .light .mat-datepicker-toggle, :root .theme-app14 .light .mat-datepicker-content .mat-calendar-next-button, :root .theme-app14 .light .mat-datepicker-content .mat-calendar-previous-button { color: rgba(0, 0, 0, 0.54); } :root .theme-app14 .light .mat-calendar-table-header-divider::after { background: rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-calendar-table-header, :root .theme-app14 .light .mat-calendar-body-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app14 .light .mat-calendar-body-cell-content, :root .theme-app14 .light .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.87); border-color: transparent; } :root .theme-app14 .light .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(0, 0, 0, 0.38); } :root .theme-app14 .light .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.38); } :root .theme-app14 .light .mat-calendar-body-in-preview { color: rgba(0, 0, 0, 0.24); } :root .theme-app14 .light .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app14 .light .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.18); } :root .theme-app14 .light .mat-calendar-body-in-range::before { background: rgba(129, 212, 250, 0.2); } :root .theme-app14 .light .mat-calendar-body-comparison-identical, :root .theme-app14 .light .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app14 .light .mat-calendar-body-comparison-bridge-start::before, :root .theme-app14 .light [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(129, 212, 250, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app14 .light .mat-calendar-body-comparison-bridge-end::before, :root .theme-app14 .light [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(129, 212, 250, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app14 .light .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app14 .light .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app14 .light .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app14 .light .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app14 .light .mat-calendar-body-selected { background-color: #81d4fa; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(129, 212, 250, 0.4); } :root .theme-app14 .light .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app14 .light .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(129, 212, 250, 0.3); } @media (hover: hover) { :root .theme-app14 .light .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(129, 212, 250, 0.3); } } :root .theme-app14 .light .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(129, 212, 250, 0.2); } :root .theme-app14 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, :root .theme-app14 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app14 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, :root .theme-app14 .light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(129, 212, 250, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app14 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, :root .theme-app14 .light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(129, 212, 250, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app14 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app14 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app14 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app14 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app14 .light .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #81d4fa; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(129, 212, 250, 0.4); } :root .theme-app14 .light .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app14 .light .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(129, 212, 250, 0.3); } @media (hover: hover) { :root .theme-app14 .light .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(129, 212, 250, 0.3); } } :root .theme-app14 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(255, 171, 145, 0.2); } :root .theme-app14 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, :root .theme-app14 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app14 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, :root .theme-app14 .light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 171, 145, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app14 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, :root .theme-app14 .light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 171, 145, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app14 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app14 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app14 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app14 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app14 .light .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 171, 145, 0.4); } :root .theme-app14 .light .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app14 .light .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 171, 145, 0.3); } @media (hover: hover) { :root .theme-app14 .light .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 171, 145, 0.3); } } :root .theme-app14 .light .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-datepicker-toggle-active { color: #81d4fa; } :root .theme-app14 .light .mat-datepicker-toggle-active.mat-accent { color: #81d4fa; } :root .theme-app14 .light .mat-datepicker-toggle-active.mat-warn { color: #ffab91; } :root .theme-app14 .light .mat-date-range-input-inner[disabled] { color: rgba(0, 0, 0, 0.38); } :root .theme-app14 .light .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-divider { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-divider-vertical { border-right-color: rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-expansion-panel { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-action-row { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), :root .theme-app14 .light .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), :root .theme-app14 .light .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(0, 0, 0, 0.04); } @media (hover: none) { :root .theme-app14 .light .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: white; } } :root .theme-app14 .light .mat-expansion-panel-header-title { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-expansion-panel-header-description, :root .theme-app14 .light .mat-expansion-indicator::after { color: rgba(0, 0, 0, 0.54); } :root .theme-app14 .light .mat-expansion-panel-header[aria-disabled=true] { color: rgba(0, 0, 0, 0.26); } :root .theme-app14 .light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, :root .theme-app14 .light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } :root .theme-app14 .light .mat-form-field-label { color: rgba(0, 0, 0, 0.6); } :root .theme-app14 .light .mat-hint { color: rgba(0, 0, 0, 0.6); } :root .theme-app14 .light .mat-form-field.mat-focused .mat-form-field-label { color: #81d4fa; } :root .theme-app14 .light .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #81d4fa; } :root .theme-app14 .light .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #ffab91; } :root .theme-app14 .light .mat-focused .mat-form-field-required-marker { color: #81d4fa; } :root .theme-app14 .light .mat-form-field-ripple { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #81d4fa; } :root .theme-app14 .light .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #81d4fa; } :root .theme-app14 .light .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #ffab91; } :root .theme-app14 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #81d4fa; } :root .theme-app14 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #81d4fa; } :root .theme-app14 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #ffab91; } :root .theme-app14 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #ffab91; } :root .theme-app14 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, :root .theme-app14 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #ffab91; } :root .theme-app14 .light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, :root .theme-app14 .light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #ffab91; } :root .theme-app14 .light .mat-error { color: #ffab91; } :root .theme-app14 .light .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app14 .light .mat-form-field-appearance-legacy .mat-hint { color: rgba(0, 0, 0, 0.54); } :root .theme-app14 .light .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app14 .light .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app14 .light .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app14 .light .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app14 .light .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.04); } :root .theme-app14 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.02); } :root .theme-app14 .light .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app14 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app14 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } :root .theme-app14 .light .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #81d4fa; } :root .theme-app14 .light .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #81d4fa; } :root .theme-app14 .light .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #ffab91; } :root .theme-app14 .light .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #ffab91; } :root .theme-app14 .light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app14 .light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(0, 0, 0, 0.06); } :root .theme-app14 .light .mat-icon.mat-primary { color: #81d4fa; } :root .theme-app14 .light .mat-icon.mat-accent { color: #81d4fa; } :root .theme-app14 .light .mat-icon.mat-warn { color: #ffab91; } :root .theme-app14 .light .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.54); } :root .theme-app14 .light .mat-input-element:disabled, :root .theme-app14 .light .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.38); } :root .theme-app14 .light .mat-input-element { caret-color: #81d4fa; } :root .theme-app14 .light .mat-input-element::placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app14 .light .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app14 .light .mat-input-element::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app14 .light .mat-input-element:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app14 .light .mat-form-field.mat-accent .mat-input-element { caret-color: #81d4fa; } :root .theme-app14 .light .mat-form-field.mat-warn .mat-input-element, :root .theme-app14 .light .mat-form-field-invalid .mat-input-element { caret-color: #ffab91; } :root .theme-app14 .light .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #ffab91; } :root .theme-app14 .light .mat-list-base .mat-list-item { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-list-base .mat-list-option { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-list-base .mat-subheader { color: rgba(0, 0, 0, 0.54); } :root .theme-app14 .light .mat-list-base .mat-list-item-disabled { background-color: #eeeeee; color: rgba(0, 0, 0, 0.38); } :root .theme-app14 .light .mat-list-option:hover, :root .theme-app14 .light .mat-list-option:focus, :root .theme-app14 .light .mat-nav-list .mat-list-item:hover, :root .theme-app14 .light .mat-nav-list .mat-list-item:focus, :root .theme-app14 .light .mat-action-list .mat-list-item:hover, :root .theme-app14 .light .mat-action-list .mat-list-item:focus { background: rgba(0, 0, 0, 0.04); } :root .theme-app14 .light .mat-list-single-selected-option, :root .theme-app14 .light .mat-list-single-selected-option:hover, :root .theme-app14 .light .mat-list-single-selected-option:focus { background: rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-menu-panel { background: white; } :root .theme-app14 .light .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-menu-item { background: transparent; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-menu-item[disabled], :root .theme-app14 .light .mat-menu-item[disabled] .mat-menu-submenu-icon, :root .theme-app14 .light .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(0, 0, 0, 0.38); } :root .theme-app14 .light .mat-menu-item .mat-icon-no-color, :root .theme-app14 .light .mat-menu-submenu-icon { color: rgba(0, 0, 0, 0.54); } :root .theme-app14 .light .mat-menu-item:hover:not([disabled]), :root .theme-app14 .light .mat-menu-item.cdk-program-focused:not([disabled]), :root .theme-app14 .light .mat-menu-item.cdk-keyboard-focused:not([disabled]), :root .theme-app14 .light .mat-menu-item-highlighted:not([disabled]) { background: rgba(0, 0, 0, 0.04); } :root .theme-app14 .light .mat-paginator { background: white; } :root .theme-app14 .light .mat-paginator, :root .theme-app14 .light .mat-paginator-page-size .mat-select-trigger { color: rgba(0, 0, 0, 0.54); } :root .theme-app14 .light .mat-paginator-decrement, :root .theme-app14 .light .mat-paginator-increment { border-top: 2px solid rgba(0, 0, 0, 0.54); border-right: 2px solid rgba(0, 0, 0, 0.54); } :root .theme-app14 .light .mat-paginator-first, :root .theme-app14 .light .mat-paginator-last { border-top: 2px solid rgba(0, 0, 0, 0.54); } :root .theme-app14 .light .mat-icon-button[disabled] .mat-paginator-decrement, :root .theme-app14 .light .mat-icon-button[disabled] .mat-paginator-increment, :root .theme-app14 .light .mat-icon-button[disabled] .mat-paginator-first, :root .theme-app14 .light .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app14 .light .mat-progress-bar-background { fill: #dcf1fa; } :root .theme-app14 .light .mat-progress-bar-buffer { background-color: #dcf1fa; } :root .theme-app14 .light .mat-progress-bar-fill::after { background-color: #81d4fa; } :root .theme-app14 .light .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #dcf1fa; } :root .theme-app14 .light .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #dcf1fa; } :root .theme-app14 .light .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #81d4fa; } :root .theme-app14 .light .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #fbe6e0; } :root .theme-app14 .light .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #fbe6e0; } :root .theme-app14 .light .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #ffab91; } :root .theme-app14 .light .mat-progress-spinner circle, :root .theme-app14 .light .mat-spinner circle { stroke: #81d4fa; } :root .theme-app14 .light .mat-progress-spinner.mat-accent circle, :root .theme-app14 .light .mat-spinner.mat-accent circle { stroke: #81d4fa; } :root .theme-app14 .light .mat-progress-spinner.mat-warn circle, :root .theme-app14 .light .mat-spinner.mat-warn circle { stroke: #ffab91; } :root .theme-app14 .light .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.54); } :root .theme-app14 .light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #81d4fa; } :root .theme-app14 .light .mat-radio-button.mat-primary .mat-radio-inner-circle, :root .theme-app14 .light .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app14 .light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app14 .light .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #81d4fa; } :root .theme-app14 .light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #81d4fa; } :root .theme-app14 .light .mat-radio-button.mat-accent .mat-radio-inner-circle, :root .theme-app14 .light .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app14 .light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app14 .light .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #81d4fa; } :root .theme-app14 .light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #ffab91; } :root .theme-app14 .light .mat-radio-button.mat-warn .mat-radio-inner-circle, :root .theme-app14 .light .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app14 .light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app14 .light .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #ffab91; } :root .theme-app14 .light .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, :root .theme-app14 .light .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app14 .light .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, :root .theme-app14 .light .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app14 .light .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(0, 0, 0, 0.38); } :root .theme-app14 .light .mat-radio-button .mat-ripple-element { background-color: black; } :root .theme-app14 .light .mat-select-value { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-select-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app14 .light .mat-select-disabled .mat-select-value { color: rgba(0, 0, 0, 0.38); } :root .theme-app14 .light .mat-select-arrow { color: rgba(0, 0, 0, 0.54); } :root .theme-app14 .light .mat-select-panel { background: white; } :root .theme-app14 .light .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #81d4fa; } :root .theme-app14 .light .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #81d4fa; } :root .theme-app14 .light .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #ffab91; } :root .theme-app14 .light .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #ffab91; } :root .theme-app14 .light .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(0, 0, 0, 0.38); } :root .theme-app14 .light .mat-drawer-container { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-drawer { background-color: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-drawer.mat-drawer-push { background-color: white; } :root .theme-app14 .light .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-drawer-side { border-right: solid 1px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } :root .theme-app14 .light [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } :root .theme-app14 .light [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(0, 0, 0, 0.6); } :root .theme-app14 .light .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #81d4fa; } :root .theme-app14 .light .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(129, 212, 250, 0.54); } :root .theme-app14 .light .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #81d4fa; } :root .theme-app14 .light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #81d4fa; } :root .theme-app14 .light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(129, 212, 250, 0.54); } :root .theme-app14 .light .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #81d4fa; } :root .theme-app14 .light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #ffab91; } :root .theme-app14 .light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 171, 145, 0.54); } :root .theme-app14 .light .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #ffab91; } :root .theme-app14 .light .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: black; } :root .theme-app14 .light .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #fafafa; } :root .theme-app14 .light .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app14 .light .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app14 .light .mat-slider.mat-primary .mat-slider-track-fill, :root .theme-app14 .light .mat-slider.mat-primary .mat-slider-thumb, :root .theme-app14 .light .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #81d4fa; } :root .theme-app14 .light .mat-slider.mat-primary .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-slider.mat-primary .mat-slider-focus-ring { background-color: rgba(129, 212, 250, 0.2); } :root .theme-app14 .light .mat-slider.mat-accent .mat-slider-track-fill, :root .theme-app14 .light .mat-slider.mat-accent .mat-slider-thumb, :root .theme-app14 .light .mat-slider.mat-accent .mat-slider-thumb-label { background-color: #81d4fa; } :root .theme-app14 .light .mat-slider.mat-accent .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(129, 212, 250, 0.2); } :root .theme-app14 .light .mat-slider.mat-warn .mat-slider-track-fill, :root .theme-app14 .light .mat-slider.mat-warn .mat-slider-thumb, :root .theme-app14 .light .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #ffab91; } :root .theme-app14 .light .mat-slider.mat-warn .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(255, 171, 145, 0.2); } :root .theme-app14 .light .mat-slider:hover .mat-slider-track-background, :root .theme-app14 .light .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app14 .light .mat-slider.mat-slider-disabled .mat-slider-track-background, :root .theme-app14 .light .mat-slider.mat-slider-disabled .mat-slider-track-fill, :root .theme-app14 .light .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app14 .light .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app14 .light .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, :root .theme-app14 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, :root .theme-app14 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app14 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); background-color: transparent; } :root .theme-app14 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, :root .theme-app14 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app14 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, :root .theme-app14 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); } :root .theme-app14 .light .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(0, 0, 0, 0.7); } :root .theme-app14 .light .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } :root .theme-app14 .light .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } :root .theme-app14 .light .mat-step-header.cdk-keyboard-focused, :root .theme-app14 .light .mat-step-header.cdk-program-focused, :root .theme-app14 .light .mat-step-header:hover:not([aria-disabled]), :root .theme-app14 .light .mat-step-header:hover[aria-disabled=false] { background-color: rgba(0, 0, 0, 0.04); } :root .theme-app14 .light .mat-step-header:hover[aria-disabled=true] { cursor: default; } @media (hover: none) { :root .theme-app14 .light .mat-step-header:hover { background: none; } } :root .theme-app14 .light .mat-step-header .mat-step-label, :root .theme-app14 .light .mat-step-header .mat-step-optional { color: rgba(0, 0, 0, 0.54); } :root .theme-app14 .light .mat-step-header .mat-step-icon { background-color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-step-header .mat-step-icon-selected, :root .theme-app14 .light .mat-step-header .mat-step-icon-state-done, :root .theme-app14 .light .mat-step-header .mat-step-icon-state-edit { background-color: #81d4fa; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-step-header.mat-accent .mat-step-icon { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-step-header.mat-accent .mat-step-icon-selected, :root .theme-app14 .light .mat-step-header.mat-accent .mat-step-icon-state-done, :root .theme-app14 .light .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #81d4fa; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-step-header.mat-warn .mat-step-icon { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-step-header.mat-warn .mat-step-icon-selected, :root .theme-app14 .light .mat-step-header.mat-warn .mat-step-icon-state-done, :root .theme-app14 .light .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #ffab91; } :root .theme-app14 .light .mat-step-header .mat-step-label.mat-step-label-active { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-step-header .mat-step-label.mat-step-label-error { color: #ffab91; } :root .theme-app14 .light .mat-stepper-horizontal, :root .theme-app14 .light .mat-stepper-vertical { background-color: white; } :root .theme-app14 .light .mat-stepper-vertical-line::before { border-left-color: rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-horizontal-stepper-header::before, :root .theme-app14 .light .mat-horizontal-stepper-header::after, :root .theme-app14 .light .mat-stepper-horizontal-line { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-sort-header-arrow { color: #757575; } :root .theme-app14 .light .mat-tab-nav-bar, :root .theme-app14 .light .mat-tab-header { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-tab-group-inverted-header .mat-tab-nav-bar, :root .theme-app14 .light .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: none; } :root .theme-app14 .light .mat-tab-label, :root .theme-app14 .light .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-tab-label.mat-tab-disabled, :root .theme-app14 .light .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app14 .light .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app14 .light .mat-tab-group[class*=mat-background-] > .mat-tab-header, :root .theme-app14 .light .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } :root .theme-app14 .light .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(3, 169, 244, 0.3); } :root .theme-app14 .light .mat-tab-group.mat-primary .mat-ink-bar, :root .theme-app14 .light .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #81d4fa; } :root .theme-app14 .light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app14 .light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, :root .theme-app14 .light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app14 .light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(179, 229, 252, 0.3); } :root .theme-app14 .light .mat-tab-group.mat-accent .mat-ink-bar, :root .theme-app14 .light .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #81d4fa; } :root .theme-app14 .light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app14 .light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, :root .theme-app14 .light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app14 .light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app14 .light .mat-tab-group.mat-warn .mat-ink-bar, :root .theme-app14 .light .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #ffab91; } :root .theme-app14 .light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app14 .light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, :root .theme-app14 .light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app14 .light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(3, 169, 244, 0.3); } :root .theme-app14 .light .mat-tab-group.mat-background-primary > .mat-tab-header, :root .theme-app14 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container, :root .theme-app14 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #81d4fa; } :root .theme-app14 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app14 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app14 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app14 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app14 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app14 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app14 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app14 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app14 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app14 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app14 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app14 .light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(179, 229, 252, 0.3); } :root .theme-app14 .light .mat-tab-group.mat-background-accent > .mat-tab-header, :root .theme-app14 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container, :root .theme-app14 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #81d4fa; } :root .theme-app14 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app14 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app14 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app14 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app14 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app14 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app14 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app14 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app14 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app14 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app14 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app14 .light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app14 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app14 .light .mat-tab-group.mat-background-warn > .mat-tab-header, :root .theme-app14 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container, :root .theme-app14 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #ffab91; } :root .theme-app14 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app14 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app14 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app14 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app14 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app14 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app14 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app14 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app14 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app14 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app14 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app14 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app14 .light .mat-toolbar { background: whitesmoke; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-toolbar.mat-primary { background: #81d4fa; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-toolbar.mat-accent { background: #81d4fa; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-toolbar.mat-warn { background: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-toolbar .mat-form-field-underline, :root .theme-app14 .light .mat-toolbar .mat-form-field-ripple, :root .theme-app14 .light .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } :root .theme-app14 .light .mat-toolbar .mat-form-field-label, :root .theme-app14 .light .mat-toolbar .mat-focused .mat-form-field-label, :root .theme-app14 .light .mat-toolbar .mat-select-value, :root .theme-app14 .light .mat-toolbar .mat-select-arrow, :root .theme-app14 .light .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } :root .theme-app14 .light .mat-toolbar .mat-input-element { caret-color: currentColor; } :root .theme-app14 .light .mat-tooltip { background: rgba(97, 97, 97, 0.9); } :root .theme-app14 .light .mat-tree { background: white; } :root .theme-app14 .light .mat-tree-node, :root .theme-app14 .light .mat-nested-tree-node { color: rgba(0, 0, 0, 0.87); } :root .theme-app14 .light .mat-snack-bar-container { color: rgba(255, 255, 255, 0.7); background: #323232; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app14 .light .mat-simple-snackbar-action { color: #81d4fa; } :root .theme-app14 body { -webkit-user-select: text; user-select: text; } :root .theme-app14 ion-label { -webkit-user-select: text; user-select: text; } :root .theme-app14 ion-item { background-color: var(--ion-background-color); border-bottom: 1px solid var(--secondary); } :root .theme-app14 .file-button { margin: 20px; background: transparent !important; color: var(--primaryText); font-size: 17px !important; font-weight: 300 !important; height: 44px !important; } :root .theme-app14 .file-button::-webkit-file-upload-button { background: transparent !important; margin-right: 10px !important; color: var(--accent); border-width: 2px; border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; font-weight: 300 !important; height: 44px !important; box-shadow: none !important; border-radius: 8px !important; } :root .theme-app14 main-menu .item-inner { margin-left: 6px !important; } :root .theme-app14 ion-split-pane { --side-max-width: 280px; --side-min-width: 280px; } :root .theme-app14 #leftMenu { border-color: var(--borderColor) !important; background-color: var(--primary); } :root .theme-app14 .dark .menuLogo { margin-top: 15px; margin-bottom: 15px; background-image: url('logo-dark.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app14 .dark .menuLogoIos { margin-top: 55px; margin-bottom: 15px; background-image: url('logo-dark.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app14 .light .menuLogo { margin-top: 15px; margin-bottom: 15px; background-image: url('logo-light.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app14 .light .menuLogoIos { margin-top: 45px; margin-bottom: 15px; background-image: url('logo-light.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app14 .menuIcon { color: var(--iconColor) !important; } :root .theme-app14 .padded-divider { padding: 3px; margin-bottom: 10px; width: 100%; border-bottom: 3px solid var(--accent) !important; } :root .theme-app14 ion-radio { --color-checked: var(--accent); --color: var(--accent); width: 20px; height: 20px; } :root .theme-app14 ion-button { --background: var(--accentBackground); color: var(--accent); --border-width: 2px; --border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app14 .button-style { --background: var(--accentBackground); color: var(--accent); --border-width: 2px; --border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app14 .button-style:hover { cursor: pointer; } :root .theme-app14 .button-cancel { color: red; border: none !important; --border-width: 0px !important; } :root .theme-app14 .small-button { height: 20px; font-size: 10px !important; margin: 3px; color: var(--accent); } :root .theme-app14 .medium-button { height: 25px; font-size: 15px !important; margin-top: 10px; margin-bottom: 10px; color: var(--accent); } :root .theme-app14 .default-h1 { font-size: 24px; color: var(--primaryText); font-weight: 300; } :root .theme-app14 .default-h2 { font-size: 24px; color: var(--primaryText); font-weight: 300; } :root .theme-app14 .default-h3 { font-size: 22px; color: var(--primaryText); font-weight: 400; } :root .theme-app14 .default-h4 { font-size: 17px; color: var(--primaryText); font-weight: 300; } :root .theme-app14 .default-h5 { font-size: 15px; color: var(--primaryText); font-weight: 200; } :root .theme-app14 .default-h6 { font-size: 14px; color: var(--primaryText); font-weight: 100; } :root .theme-app14 .default-p { font-size: 14px; color: var(--primaryText); font-weight: 300; } :root .theme-app14 .default-small { font-size: 12px; color: var(--primaryText); font-weight: 1; } :root .theme-app14 ion-header { background-color: var(--primary); } :root .theme-app14 ion-header [class^=icon-]:before, :root .theme-app14 ion-header [class*=" icon-"]:before { width: auto !important; margin-left: 0 !important; } :root .theme-app14 ion-footer { background-color: var(--primary); } :root .theme-app14 .header-md::after { background-image: none !important; } :root .theme-app14 ion-toolbar { color: var(--accent); } :root .theme-app14 .toolbar { background-color: var(--primary); --background: var(--primary); } :root .theme-app14 .toolbar .toolbar-title { font-weight: 400; } :root .theme-app14 .toolbar ion-title { font-size: larger; } :root .theme-app14 .toolbar ion-title, :root .theme-app14 .toolbar ion-title-ios, :root .theme-app14 .toolbar ion-back-button, :root .theme-app14 .toolbar ion-butto, :root .theme-app14 .toolbar ion-icon, :root .theme-app14 .toolbar ion-menu-button { color: var(--accentText); } :root .theme-app14 .toolbar-icon { color: var(--accentText); } :root .theme-app14 .alert-controller-withTheme { overflow: hidden; --background:var(--primary); color: var(--primaryText) !important; } :root .theme-app14 .alert-controller-withTheme .alert-wrapper { border-radius: 15px !important; background: var(--primary); border-color: var(--accent) !important; } :root .theme-app14 .alert-controller-withTheme .alert-head .alert-title { color: var(--primaryText); } :root .theme-app14 .alert-controller-withTheme .alert-message { color: var(--primaryText); } :root .theme-app14 .alert-controller-withTheme .alert-message strong { color: var(--ion-color-danger); } :root .theme-app14 .alert-controller-withTheme .alert-button-group #cancel-button.alert-button .alert-button-inner { color: var(--secondaryText); } :root .theme-app14 .alert-controller-withTheme .alert-button-group #confirm-button.alert-button .alert-button-inner { font-weight: bold; color: var(--ion-color-danger); } :root .theme-app14 .alert-controller-withTheme .alert-button-group #confirm-button-good.alert-button .alert-button-inner { font-weight: bold; color: var(--primaryText); } :root .theme-app14 ion-input { border-radius: 10px !important; margin-top: 5px; margin-bottom: 5px; margin-left: 10px; margin-right: 10px; font-size: 0.9em; color: var(--primaryText); --background: rgba(219,219,219, .03) !important; /* height: 10%; */ /* width: 41%; */ } :root .theme-app14 .withTheme { border: 2px solid var(--borderColor); margin: 10px; padding: 0px !important; border-radius: 15px; overflow: hidden; color: var(--primaryText) !important; } :root .theme-app14 .withTheme ion-card-title, :root .theme-app14 .withTheme ion-card-content, :root .theme-app14 .withTheme ion-label, :root .theme-app14 .withTheme mat-list-item { color: var(--primaryText) !important; } :root .theme-app14 .withTheme span { color: var(--primaryText) !important; } :root .theme-app14 .withTheme ion-img { --border-radius: 8px; } :root .theme-app14 .withTheme ion-thumbnail { --border-radius: 8px; } :root .theme-app14 .withTheme ion-item:hover { border-left: 8px solid var(--borderColor); transition: border-width 0.1s ease-in-out; } :root .theme-app14 .withTheme ion-item.nohover:hover { border-left: none; } :root .theme-app14 .withTheme ion-card-subtitle { color: var(--secondaryText) !important; } :root .theme-app14 .withTheme div.small-distance { margin: 2px; color: var(--primaryText); border: 1px solid var(--borderColor); font-size: 10px; padding-top: 3px; padding-left: 5px; padding-right: 5px; border-radius: 7px; height: 20px; } :root .theme-app14 .withTheme .aligned-with-icon { position: relative; font-size: 8px; top: 11px; margin-left: -25px; /* optional */ margin-right: 8px; } :root .theme-app14 .thumbnail-rounded { border-radius: 6px !important; } :root .theme-app14 .leftMenuColor ion-icon { color: var(--accent); font-family: Montserrat, sans-serif; } :root .theme-app14 .leftMenuColor ion-label { color: var(--primaryText); font-family: Montserrat, sans-serif; font-weight: thin !important; } :root .theme-app14 .leftMenuColor ion-toggle { --background: #3c3e42; --background-checked: #3c3e42; --handle-background: var(--accent); --handle-background-checked: var(--accent); } :root .theme-app14 .floatInput ion-label { color: var(--primaryText); } :root .theme-app14 .floatInput ion-input { color: var(--primaryText); } :root .theme-app14 .breakline-space { margin: 10px; border: 1px solid var(--borderColor) !important; } :root .theme-app14 ion-badge { border-radius: 10px !important; padding: 10px 10px !important; margin: 10px; border: 1px solid var(--borderColor) !important; } :root .theme-app14 ion-badge.failure { border: 1px solid red !important; } :root .theme-app14 ion-badge.success { border: 1px solid white !important; } :root .theme-app14 .row-is-selected { background-color: rgba(211, 211, 211, 0.8); } :root .theme-app14 .alertClass { color: white; background-color: rgba(200, 200, 200, 0.2); } :root .theme-app14 .alertClass .alert-title { font-weight: bolder; } :root .theme-app14 .alertClassActionButton { border: white; border: 2px solid var(--borderColor); border-radius: 7px; } :root .theme-app14 .alert-sub-title.sc-ion-alert-md, :root .theme-app14 .alert-title.sc-ion-alert-md, :root .theme-app14 .alert-message, :root .theme-app14 .sc-ion-alert-md { color: #e0e0e0; } :root .theme-app14 .toastError { --background: red; --color: black; } :root .theme-app14 .custom-options { --placeholder-opacity: 1; color: var(--primaryText); --placeholder-color: var(--primaryText); } :root .theme-app14 .custom-options ion-select::part(text) { color: var(--primaryText); } :root .theme-app14 .custom-options .select-interface-option { --color: var(--primaryText); color: var(--primaryText); } :root .theme-app14 .primaryText { color: var(--primaryText); } :root .theme-app14 .selectClass { min-width: 70%; color: white !important; } :root .theme-app14 .selectClass ion-select { max-width: 70% !important; } :root .theme-app14 .selectClass .sc-ion-alert-md { color: white; } :root .theme-app14 .selectClass .alert-radio-inner.sc-ion-alert-md { background-color: white !important; } :root .theme-app14 .selectClass .alert-radio-label.sc-ion-alert-md { color: white; font-weight: bold; } :root .theme-app14 .selectClass .alert-button.alert-button-inner { color: white; } :root .theme-app14 .selectClass .popover-content { min-width: 90% !important; } :root .theme-app14 .dateRanger { color: var(--ion-color-danger); font-weight: bold; font-size: large; } :root .theme-app14 .eventFloater { color: white; font-weight: bold; padding: 10px; border-radius: 10px; font-size: large; background-color: var(--ion-color-danger); } :root .theme-app14 .chatContainer ion-card-subtitle { padding-top: 3px; } :root .theme-app14 .chatContainer::after { content: ""; clear: both; display: table; } :root .theme-app14 .chatMessageOtherUser { color: white; float: left; } :root .theme-app14 .chatMessageLoggedInUser { color: white; float: right; } :root .theme-app14 .chatUsername { font-weight: bolder; } :root .theme-app14 .ion-icon { color: var(--accentText); } :root .theme-app14 .numberCard ion-card-header { color: white !important; } :root .theme-app14 .numberCard ion-card-header ion-card-subtitle { color: white !important; font-weight: bold; font-size: 20px !important; } :root .theme-app14 .numberCard ion-card-header ion-card-subtitle ion-icon { font-size: 30px !important; color: var(--borderColor); } :root .theme-app14 .numberCard ion-card-header ion-card-title { color: var(--primary) !important; font-weight: bold; padding: 10px; background: var(--accent); border-radius: 10px; float: right; } :root .theme-app14 .numberCard ion-card-content ion-button { margin-top: 10px; } :root .theme-app14 .numberCard ion-card-content div.leftBound { margin-top: 10px; padding: 5px; border-left: 2px solid var(--borderColor); border-bottom: 2px solid var(--borderColor); border-bottom-left-radius: 10px; } :root .theme-app14 .numberCard ion-card-content div.leftBound:hover { border-left: 8px solid var(--borderColor); transition: border-width 0.1s ease-in-out; } :root .theme-app14 .qrCodeStyle { display: flex; align-items: center; justify-content: center; opacity: 1; } :root .theme-app14 .qrCodeStyle img { border-radius: 25px; } :root .theme-app14 .matt-tree-styling { background-color: transparent; padding-top: 20px; margin-top: 20px; } :root .theme-app14 .matt-tree-styling .tree-nested-node { padding-left: 30px; margin-left: 10px; padding-left: 40px; } :root .theme-app14 .matt-tree-styling mat-tree { margin-left: 40px !important; background-color: transparent; } :root .theme-app14 .matt-tree-styling .mat-tree-hover:hover { background-color: var(--accentHover) !important; border-radius: 5px; } :root .theme-app14 .matt-tree-styling .mat-tree-node { padding: 3px; background-color: transparent; } :root .theme-app14 .matt-tree-styling .mat-nested-tree-node { top: -24px !important; background-color: transparent; } :root .theme-app14 .matt-tree-styling ul, :root .theme-app14 .matt-tree-styling li { list-style: none; margin: 0; padding: 0; background-color: transparent; } :root .theme-app14 .matt-tree-styling li.tree-container { border-bottom: 0; background-color: transparent; } :root .theme-app14 .matt-tree-styling li { padding-left: 40px; border-left: 1px dotted grey !important; border-bottom: 1px dotted grey !important; border-bottom-left-radius: 10px; border-width: 0 0 1px 1px; position: relative; top: -24px; background-color: transparent; } :root .theme-app14 .matt-tree-styling li.mat-tree-node, :root .theme-app14 .matt-tree-styling li div { margin: 0; position: relative; top: 15px !important; background-color: transparent; } :root .theme-app14 .matt-tree-styling li ul { padding-right: 80px !important; background-color: transparent; } :root .theme-app14 .popover_style ion-backdrop { --backdrop-opacity: 0.9; } :root .theme-app14 .full-modal-cover { --border-radius: 15px; --min-height: 85% !important; --min-width: 85% !important; --padding:10px !important; } :root .theme-app14 .full-modal-cover .modal-wrapper { height: 30%; width: 90%; border-radius: 10px; } :root .theme-app14 .full-modal-cover-narrow { --border-radius: 15px; --min-height: 85% !important; --min-width: 450px !important; --padding:10px !important; } :root .theme-app14 .full-modal-cover-narrow .modal-wrapper { height: 30%; width: 90%; border-radius: 10px; } :root .theme-app14 .small-modal-cover .modal-wrapper { border-radius: 15px; padding: 10px; } :root .theme-app14 .no-background-modal .modal-wrapper { --min-height: 95% !important; --min-width: 75% !important; --background: rgba(46, 46, 46, 0); --border-style: none; --box-shadow:none; --border-radius:none; --border-style:none; --border-color:none; --border-width:0px; } :root .theme-app14 .small-no-background-modal .modal-wrapper { --background: rgba(46, 46, 46, 0) !important; --border-style: none !important; --box-shadow:none !important; --border-radius:none !important; --border-style:none !important; --border-color:none !important; --border-width:0px !important; } :root .theme-app14 .firmware-chain { font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app14 .fab-close { font-size: large !important; font-weight: bold !important; border-color: var(--accent) !important; border-radius: 18px !important; } :root .theme-app14 .fab-close:hover { background-color: var(--accent) !important; } :root .theme-app14 ::-webkit-scrollbar { width: 10px; } :root .theme-app14 ::-webkit-scrollbar-track { background: none; } :root .theme-app14 ::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 5px; } :root .theme-app14 ::-webkit-scrollbar-thumb:hover { background: #555; } :root .theme-app14 .deck-tooltip { border-radius: 7px; } :root .theme-app14 .map-control-panel { position: absolute; top: 0; left: 0; display: flex; } :root .theme-app14 .map-control-panel ion-card { margin: 20px; padding: 10px; border-radius: 10px; } :root .theme-app14 .map-control-panel ion-item { color: var(--primaryText); } :root .theme-app14 .map-control-panel ion-item ion-button { padding-top: 3px; padding-bottom: 3px; } :root .theme-app14 .map-control-panel ion-thumbnail { --border-radius: 5px; } :root .theme-app14 .map-control-panel .ion-label-title { font-weight: 500; } :root .theme-app14 .map-control-panel .ion-label-body { font-weight: lighter; } :root .theme-app14 .scanCheckBox { float: right; font-size: small; } :root .theme-app14 .scanCheckBox ion-checkbox { margin-left: 4px; margin-bottom: -4px; --border-color: var(--borderColor); --border-color-checked: var(--borderColor); --checkmark-color: var(--borderColor); } :root .theme-app14 .accentText { color: var(--accentText); } :root .theme-app14 a { color: var(--accentDarkText); } :root .theme-app14 .layerLabel { text-transform: capitalize; color: var(--primaryText); } :root .theme-app14 .mini-profile { border: 2px solid var(--borderColor); display: inline-block; color: var(--accentText) !important; margin: 10px; padding: 8 30px; height: 30px; font-size: 16px; line-height: 25px; border-radius: 25px; } :root .theme-app14 .mini-profile img { float: left; margin-left: 10px; height: 25px; background-color: white; border-radius: 50%; padding-top: 1px; padding-right: 2px; } :root .theme-app14 .searchbar-input { background: white !important; font-size: 1.25em !important; border: 1px solid transparent; border-radius: 10px !important; height: 30px !important; } :root .theme-app14 .searchbar-search-icon.sc-ion-searchbar-md { top: 6px; } :root .theme-app14 .sc-ion-searchbar-ios-h { padding-bottom: 0 !important; } :root .theme-app14 .badgeAsSelection { --background:var(--accent) !important; color: var(--secondaryBaseText); cursor: pointer; } :root .theme-app14 .badgeAsOptions { --background:none !important; color: var(--accentText); border: 2px solid var(--borderColor); cursor: pointer; } :root .theme-app14 .badgeAsOptions { --background:none !important; color: var(--accentText); border: 2px solid var(--borderColor); cursor: pointer; } :root .theme-app14 .clearOptions { --background:none !important; color: red !important; border: 1px solid red !important; cursor: pointer; } :root .theme-app14 .ng-star-inserted { color: var(--primaryText) !important; } :root .theme-app14 .apexcharts-xaxis-label { fill: var(--primaryText) !important; } :root .theme-app14 .apexcharts-xaxis text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app14 .apexcharts-yaxis-label { fill: var(--primaryText) !important; color: var(--primaryText) !important; } :root .theme-app14 .apexcharts-yaxis text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app14 .apexcharts-title-text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app14 .apexcharts-tooltip { background: #f3f3f3 !important; color: black !important; fill: black !important; } :root .theme-app14 .apexcharts-tooltip span { color: black !important; fill: black !important; } :root .theme-app14 .apexcharts-tooltip-text { color: black !important; fill: black !important; } :root .theme-app14 .apexcharts-tooltip-text-y-label { color: black !important; fill: black !important; } :root .theme-app14 .apexcharts-tooltip-y-group span { color: black !important; fill: black !important; } :root .theme-app14 .area-custom-gradient { fill: linear-gradient(to bottom, #FF5733, #FFCC00); } :root .theme-app14 ion-item-divider { border-color: var(--secondary); } :root .theme-app14 ion-item-divider ion-label { --border-color: var(--secondary) !important; /* Replace with your desired color */ border-color: var(--secondary); } :root .theme-app14 .btn-prev-next { border: 1px solid lightgray; background-color: transparent; color: var(--primaryText); width: 30px; font-size: large; } :root .theme-app14 ion-accordion-group ion-accordion .ion-accordion-toggle-icon { color: var(--primaryText); } :root .theme-app14 .device-status-box { border: 2px solid var(--secondary); /* Set the border color to your desired color */ box-shadow: none; /* Set the box shadow color */ } :root .theme-app14 .counts { color: var(--primaryText); text-align: center; } :root .theme-app14 gridster-item { background-color: var(--ion-background-color) !important; } :root .theme-app14 gridster { background-color: var(--ion-background-color) !important; } :root .theme-app14 ion-fab ion-fab-button { --background: var(--accent); color: white; } :root .theme-app14 #chart path.apexcharts-area { fill: #ff5733; /* Set the fill color to your desired color */ } :root .theme-app14 #chart path.apexcharts-area:hover { fill: #ff33cc; /* Set the hover fill color to your desired color */ } :root .theme-app14 .card-indent { margin-left: 100px !important; } :root .theme-app14 .card-indent:before { content: ""; position: absolute; top: 50%; left: 111px; /* Adjust this value to position the arrow */ width: 0; height: 0; border-style: solid; border-width: 5px 7px 0 7px; border-color: #000 transparent transparent transparent; /* Change color if needed */ transform: translateY(-50%) rotate(45deg); } :root .theme-app14 .valid-alert { --background: green; /* Set the background color to green */ /* You can add more custom styles here */ } :root .theme-app14 .invlid-alert { --background: red; /* Set the background color to red */ /* You can add more custom styles here */ } :root .theme-app14 .mat-tabs .mat-ink-bar { background-color: var(--accent) !important; } :root .theme-app14 .mat-table { overflow-x: scroll; } :root .theme-app14 .mat-cell, :root .theme-app14 .mat-header-cell { word-wrap: initial; display: table-cell; padding: 0px 10px; line-break: unset; width: 100%; white-space: nowrap; overflow: hidden; vertical-align: middle; } :root .theme-app14 .mat-row, :root .theme-app14 .mat-header-row { display: table-row; } :root .theme-app14 .mat-tab-label { padding: 5px; background-color: transparent; color: var(--accent); font-weight: 700; } :root .theme-app14 .mat-tab-label.mat-tab-label-active { padding: 5px; background-color: transparent; color: var(--accent); font-weight: 700; } :root .theme-app14 .mat-ink-bar { background-color: var(--accent); } :root .theme-app14 mat-label { color: var(--primaryText); } :root .theme-app14 mat-form-field { color: var(--primaryText); } :root .theme-app14 mat-form-field input { color: var(--primaryText); } :root .theme-app14 .mat-icon { color: var(--primaryText); } :root .mat-badge-content { font-weight: 600; font-size: 12px; font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-badge-small .mat-badge-content { font-size: 9px; } :root .mat-badge-large .mat-badge-content { font-size: 24px; } :root .mat-h1, :root .mat-headline, :root .mat-typography .mat-h1, :root .mat-typography .mat-headline, :root .mat-typography h1 { font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h2, :root .mat-title, :root .mat-typography .mat-h2, :root .mat-typography .mat-title, :root .mat-typography h2 { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h3, :root .mat-subheading-2, :root .mat-typography .mat-h3, :root .mat-typography .mat-subheading-2, :root .mat-typography h3 { font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h4, :root .mat-subheading-1, :root .mat-typography .mat-h4, :root .mat-typography .mat-subheading-1, :root .mat-typography h4 { font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h5, :root .mat-typography .mat-h5, :root .mat-typography h5 { font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } :root .mat-h6, :root .mat-typography .mat-h6, :root .mat-typography h6 { font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } :root .mat-body-strong, :root .mat-body-2, :root .mat-typography .mat-body-strong, :root .mat-typography .mat-body-2 { font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-body, :root .mat-body-1, :root .mat-typography .mat-body, :root .mat-typography .mat-body-1, :root .mat-typography { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-body p, :root .mat-body-1 p, :root .mat-typography .mat-body p, :root .mat-typography .mat-body-1 p, :root .mat-typography p { margin: 0 0 12px; } :root .mat-small, :root .mat-caption, :root .mat-typography .mat-small, :root .mat-typography .mat-caption { font: 400 12px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-display-4, :root .mat-typography .mat-display-4 { font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.05em; margin: 0 0 56px; } :root .mat-display-3, :root .mat-typography .mat-display-3 { font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.02em; margin: 0 0 64px; } :root .mat-display-2, :root .mat-typography .mat-display-2 { font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.005em; margin: 0 0 64px; } :root .mat-display-1, :root .mat-typography .mat-display-1 { font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 64px; } :root .mat-bottom-sheet-container { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-button, :root .mat-raised-button, :root .mat-icon-button, :root .mat-stroked-button, :root .mat-flat-button, :root .mat-fab, :root .mat-mini-fab { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-button-toggle { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-card { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-card-title { font-size: 24px; font-weight: 500; } :root .mat-card-header .mat-card-title { font-size: 20px; } :root .mat-card-subtitle, :root .mat-card-content { font-size: 14px; } :root .mat-checkbox { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-checkbox-layout .mat-checkbox-label { line-height: 24px; } :root .mat-chip { font-size: 14px; font-weight: 500; } :root .mat-chip .mat-chip-trailing-icon.mat-icon, :root .mat-chip .mat-chip-remove.mat-icon { font-size: 18px; } :root .mat-table { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-header-cell { font-size: 12px; font-weight: 500; } :root .mat-cell, :root .mat-footer-cell { font-size: 14px; } :root .mat-calendar { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-calendar-body { font-size: 13px; } :root .mat-calendar-body-label, :root .mat-calendar-period-button { font-size: 14px; font-weight: 500; } :root .mat-calendar-table-header th { font-size: 11px; font-weight: 400; } :root .mat-dialog-title { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-expansion-panel-header { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 15px; font-weight: 400; } :root .mat-expansion-panel-content { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-form-field { font-size: inherit; font-weight: 400; line-height: 1.125; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-form-field-wrapper { padding-bottom: 1.34375em; } :root .mat-form-field-prefix .mat-icon, :root .mat-form-field-suffix .mat-icon { font-size: 150%; line-height: 1.125; } :root .mat-form-field-prefix .mat-icon-button, :root .mat-form-field-suffix .mat-icon-button { height: 1.5em; width: 1.5em; } :root .mat-form-field-prefix .mat-icon-button .mat-icon, :root .mat-form-field-suffix .mat-icon-button .mat-icon { height: 1.125em; line-height: 1.125; } :root .mat-form-field-infix { padding: 0.5em 0; border-top: 0.84375em solid transparent; } :root .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34361em) scale(0.75); width: 133.3334733333%; } :root .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.3436em) scale(0.75); width: 133.3334833333%; } :root .mat-form-field-label-wrapper { top: -0.84375em; padding-top: 0.84375em; } :root .mat-form-field-label { top: 1.34375em; } :root .mat-form-field-underline { bottom: 1.34375em; } :root .mat-form-field-subscript-wrapper { font-size: 75%; margin-top: 0.6666666667em; top: calc(100% - 1.7916666667em); } :root .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 1.25em; } :root .mat-form-field-appearance-legacy .mat-form-field-infix { padding: 0.4375em 0; } :root .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00142px); width: 133.3337533333%; } :root .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 { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00143px); width: 133.3337633333%; } :root .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 { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00144px); width: 133.3337733333%; } :root .mat-form-field-appearance-legacy .mat-form-field-label { top: 1.28125em; } :root .mat-form-field-appearance-legacy .mat-form-field-underline { bottom: 1.25em; } :root .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { margin-top: 0.5416666667em; top: calc(100% - 1.6666666667em); } @media print { :root .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.2808em) scale(0.75); } :root .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 { transform: translateY(-1.28079em) scale(0.75); } :root .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 { transform: translateY(-1.28078em) scale(0.75); } } :root .mat-form-field-appearance-fill .mat-form-field-infix { padding: 0.25em 0 0.75em 0; } :root .mat-form-field-appearance-fill .mat-form-field-label { top: 1.09375em; margin-top: -0.5em; } :root .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59361em) scale(0.75); width: 133.3334733333%; } :root .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 { transform: translateY(-0.5936em) scale(0.75); width: 133.3334833333%; } :root .mat-form-field-appearance-outline .mat-form-field-infix { padding: 1em 0 1em 0; } :root .mat-form-field-appearance-outline .mat-form-field-label { top: 1.84375em; margin-top: -0.25em; } :root .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59361em) scale(0.75); width: 133.3334733333%; } :root .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 { transform: translateY(-1.5936em) scale(0.75); width: 133.3334833333%; } :root .mat-grid-tile-header, :root .mat-grid-tile-footer { font-size: 14px; } :root .mat-grid-tile-header .mat-line, :root .mat-grid-tile-footer .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-grid-tile-header .mat-line:nth-child(n+2), :root .mat-grid-tile-footer .mat-line:nth-child(n+2) { font-size: 12px; } :root input.mat-input-element { margin-top: -0.0625em; } :root .mat-menu-item { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 400; } :root .mat-paginator, :root .mat-paginator-page-size .mat-select-trigger { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; } :root .mat-radio-button { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-select { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-select-trigger { height: 1.125em; } :root .mat-slide-toggle-content { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-slider-thumb-label-text { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } :root .mat-stepper-vertical, :root .mat-stepper-horizontal { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-step-label { font-size: 14px; font-weight: 400; } :root .mat-step-sub-label-error { font-weight: normal; } :root .mat-step-label-error { font-size: 14px; } :root .mat-step-label-selected { font-size: 14px; font-weight: 500; } :root .mat-tab-group { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-tab-label, :root .mat-tab-link { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-toolbar, :root .mat-toolbar h1, :root .mat-toolbar h2, :root .mat-toolbar h3, :root .mat-toolbar h4, :root .mat-toolbar h5, :root .mat-toolbar h6 { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0; } :root .mat-tooltip { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 10px; padding-top: 6px; padding-bottom: 6px; } :root .mat-tooltip-handset { font-size: 14px; padding-top: 8px; padding-bottom: 8px; } :root .mat-list-item { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-list-option { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-list-base .mat-list-item { font-size: 16px; } :root .mat-list-base .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base .mat-list-item .mat-line:nth-child(n+2) { font-size: 14px; } :root .mat-list-base .mat-list-option { font-size: 16px; } :root .mat-list-base .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base .mat-list-option .mat-line:nth-child(n+2) { font-size: 14px; } :root .mat-list-base .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-list-base[dense] .mat-list-item { font-size: 12px; } :root .mat-list-base[dense] .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) { font-size: 12px; } :root .mat-list-base[dense] .mat-list-option { font-size: 12px; } :root .mat-list-base[dense] .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) { font-size: 12px; } :root .mat-list-base[dense] .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } :root .mat-option { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 16px; } :root .mat-optgroup-label { font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-simple-snackbar { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; } :root .mat-simple-snackbar-action { line-height: 1; font-family: inherit; font-size: inherit; font-weight: 500; } :root .mat-tree { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-tree-node, :root .mat-nested-tree-node { font-weight: 400; font-size: 14px; } :root .mat-ripple { overflow: hidden; position: relative; } :root .mat-ripple:not(:empty) { transform: translateZ(0); } :root .mat-ripple.mat-ripple-unbounded { overflow: visible; } :root .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale(0); } .cdk-high-contrast-active :root .mat-ripple-element { display: none; } :root .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; outline: 0; -webkit-appearance: none; -moz-appearance: none; left: 0; } [dir=rtl] :root .cdk-visually-hidden { left: auto; right: 0; } :root .cdk-overlay-container, :root .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } :root .cdk-overlay-container { position: fixed; z-index: 1000; } :root .cdk-overlay-container:empty { display: none; } :root .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } :root .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } :root .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } :root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } .cdk-high-contrast-active :root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } :root .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } :root .cdk-overlay-transparent-backdrop { transition: visibility 1ms linear, opacity 1ms linear; visibility: hidden; opacity: 1; } :root .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; visibility: visible; } :root .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } :root .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } :root textarea.cdk-textarea-autosize { resize: none; } :root textarea.cdk-textarea-autosize-measuring { padding: 2px 0 !important; box-sizing: content-box !important; height: auto !important; overflow: hidden !important; } :root textarea.cdk-textarea-autosize-measuring-firefox { padding: 2px 0 !important; box-sizing: content-box !important; height: 0 !important; } @keyframes cdk-text-field-autofill-start { /*!*/ } @keyframes cdk-text-field-autofill-end { /*!*/ } :root .cdk-text-field-autofill-monitored:-webkit-autofill { animation: cdk-text-field-autofill-start 0s 1ms; } :root .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { animation: cdk-text-field-autofill-end 0s 1ms; } :root .mat-focus-indicator { position: relative; } :root .mat-mdc-focus-indicator { position: relative; } :root .theme-app16 { margin-top: 15px; /* # Global Font Size Section ================================================ ================================================*/ /* # Settings Size Avatar Section ================================================ ================================================*/ /* # Settings Size Thumbnail Section ================================================ ================================================*/ /* Track */ /* Handle */ /* Handle on hover */ /* Style the area path element when hovering (optional) */ /* active tab */ /* Styles for the active tab label */ /* Styles for the ink bar */ } :root .theme-app16 .dark { --primary: #1f1f1f; --secondary: #c7c7cc; --secondaryBase: #fff; --accent: #78c456; --secondaryDark: rgb(42, 53, 68); --accentLight: #a4d88c; --accentBackground: rgb(156, 218, 127, 0.1); --accentDark: rgb(160, 88, 83); --borderColor: #78c456; --primaryText: rgb(227, 227, 227); --secondaryText: #8e8e93; --accentText: #78c456; --secondaryBaseText: #efeff4; --accentLightText: #2d3035; --accentDarkText: #00000; /** primary **/ --ion-color-primary: #2d3035; --ion-color-primary-rgb: 45, 48, 53; --ion-color-primary-contrast: #ffffff; --ion-color-primary-contrast-rgb: 255, 255, 255; --ion-color-primary-shade: #3171e0; --ion-color-primary-tint: #4c8dff; /** secondary **/ --ion-color-secondary: var(--accent); --ion-color-secondary-rgb: 199, 199, 204; --ion-color-secondary-contrast: #ffffff; --ion-color-secondary-contrast-rgb: 255, 255, 255; --ion-color-secondary-shade: #0bb8cc; --ion-color-secondary-tint: #24d6ea; /** tertiary **/ --ion-color-tertiary: #7044ff; --ion-color-tertiary-rgb: 112, 68, 255; --ion-color-tertiary-contrast: #ffffff; --ion-color-tertiary-contrast-rgb: 255, 255, 255; --ion-color-tertiary-shade: #633ce0; --ion-color-tertiary-tint: #7e57ff; /** success **/ --ion-color-success: #10dc60; --ion-color-success-rgb: 16, 220, 96; --ion-color-success-contrast: #ffffff; --ion-color-success-contrast-rgb: 255, 255, 255; --ion-color-success-shade: #0ec254; --ion-color-success-tint: #28e070; /** warning **/ --ion-color-warning: #ffce00; --ion-color-warning-rgb: 255, 206, 0; --ion-color-warning-contrast: #ffffff; --ion-color-warning-contrast-rgb: 255, 255, 255; --ion-color-warning-shade: #e0b500; --ion-color-warning-tint: #ffd31a; /** danger **/ --ion-color-danger: #f04141; --ion-color-danger-rgb: 245, 61, 61; --ion-color-danger-contrast: #ffffff; --ion-color-danger-contrast-rgb: 255, 255, 255; --ion-color-danger-shade: #d33939; --ion-color-danger-tint: #f25454; /** dark **/ --ion-color-dark: #222428; --ion-color-dark-rgb: 34, 34, 34; --ion-color-dark-contrast: #ffffff; --ion-color-dark-contrast-rgb: 255, 255, 255; --ion-color-dark-shade: #1e2023; --ion-color-dark-tint: #383a3e; /** medium **/ --ion-color-medium: #989aa2; --ion-color-medium-rgb: 152, 154, 162; --ion-color-medium-contrast: #ffffff; --ion-color-medium-contrast-rgb: 255, 255, 255; --ion-color-medium-shade: #86888f; --ion-color-medium-tint: #a2a4ab; /** light **/ --ion-color-light: #f4f5f8; --ion-color-light-rgb: 244, 244, 244; --ion-color-light-contrast: #000000; --ion-color-light-contrast-rgb: 0, 0, 0; --ion-color-light-shade: #d7d8da; --ion-color-light-tint: #f5f6f9; --ion-background-color: var(--primary); } :root .theme-app16 .dark .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app16 .dark .mat-option { color: white; } :root .theme-app16 .dark .mat-option:hover:not(.mat-option-disabled), :root .theme-app16 .dark .mat-option:focus:not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } :root .theme-app16 .dark .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } :root .theme-app16 .dark .mat-option.mat-active { background: rgba(255, 255, 255, 0.04); color: white; } :root .theme-app16 .dark .mat-option.mat-option-disabled { color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #ffeb3b; } :root .theme-app16 .dark .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: yellow; } :root .theme-app16 .dark .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #ff5722; } :root .theme-app16 .dark .mat-optgroup-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app16 .dark .mat-optgroup-disabled .mat-optgroup-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-pseudo-checkbox { color: rgba(255, 255, 255, 0.7); } :root .theme-app16 .dark .mat-pseudo-checkbox::after { color: #303030; } :root .theme-app16 .dark .mat-pseudo-checkbox-disabled { color: #686868; } :root .theme-app16 .dark .mat-primary .mat-pseudo-checkbox-checked, :root .theme-app16 .dark .mat-primary .mat-pseudo-checkbox-indeterminate { background: #ffeb3b; } :root .theme-app16 .dark .mat-pseudo-checkbox-checked, :root .theme-app16 .dark .mat-pseudo-checkbox-indeterminate, :root .theme-app16 .dark .mat-accent .mat-pseudo-checkbox-checked, :root .theme-app16 .dark .mat-accent .mat-pseudo-checkbox-indeterminate { background: yellow; } :root .theme-app16 .dark .mat-warn .mat-pseudo-checkbox-checked, :root .theme-app16 .dark .mat-warn .mat-pseudo-checkbox-indeterminate { background: #ff5722; } :root .theme-app16 .dark .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, :root .theme-app16 .dark .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #686868; } :root .theme-app16 .dark .mat-app-background, :root .theme-app16 .dark.mat-app-background { background-color: #303030; color: white; } :root .theme-app16 .dark .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } :root .theme-app16 .dark .mat-autocomplete-panel { background: #424242; color: white; } :root .theme-app16 .dark .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: #424242; } :root .theme-app16 .dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: white; } :root .theme-app16 .dark .mat-badge { position: relative; } :root .theme-app16 .dark .mat-badge.mat-badge { overflow: visible; } :root .theme-app16 .dark .mat-badge-hidden .mat-badge-content { display: none; } :root .theme-app16 .dark .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } :root .theme-app16 .dark .ng-animate-disabled .mat-badge-content, :root .theme-app16 .dark .mat-badge-content._mat-animation-noopable { transition: none; } :root .theme-app16 .dark .mat-badge-content.mat-badge-active { transform: none; } :root .theme-app16 .dark .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } :root .theme-app16 .dark .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } :root .theme-app16 .dark .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } :root .theme-app16 .dark .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] :root .theme-app16 .dark .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } :root .theme-app16 .dark .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] :root .theme-app16 .dark .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } :root .theme-app16 .dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] :root .theme-app16 .dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } :root .theme-app16 .dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] :root .theme-app16 .dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } :root .theme-app16 .dark .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } :root .theme-app16 .dark .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } :root .theme-app16 .dark .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } :root .theme-app16 .dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] :root .theme-app16 .dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } :root .theme-app16 .dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] :root .theme-app16 .dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } :root .theme-app16 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] :root .theme-app16 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } :root .theme-app16 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] :root .theme-app16 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } :root .theme-app16 .dark .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } :root .theme-app16 .dark .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } :root .theme-app16 .dark .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } :root .theme-app16 .dark .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] :root .theme-app16 .dark .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } :root .theme-app16 .dark .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] :root .theme-app16 .dark .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } :root .theme-app16 .dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] :root .theme-app16 .dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } :root .theme-app16 .dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] :root .theme-app16 .dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } :root .theme-app16 .dark .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #ffeb3b; } .cdk-high-contrast-active :root .theme-app16 .dark .mat-badge-content { outline: solid 1px; border-radius: 0; } :root .theme-app16 .dark .mat-badge-accent .mat-badge-content { background: yellow; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .dark .mat-badge-warn .mat-badge-content { color: white; background: #ff5722; } :root .theme-app16 .dark .mat-badge-disabled .mat-badge-content { background: #6e6e6e; color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: #424242; color: white; } :root .theme-app16 .dark .mat-button, :root .theme-app16 .dark .mat-icon-button, :root .theme-app16 .dark .mat-stroked-button { color: inherit; background: transparent; } :root .theme-app16 .dark .mat-button.mat-primary, :root .theme-app16 .dark .mat-icon-button.mat-primary, :root .theme-app16 .dark .mat-stroked-button.mat-primary { color: #ffeb3b; } :root .theme-app16 .dark .mat-button.mat-accent, :root .theme-app16 .dark .mat-icon-button.mat-accent, :root .theme-app16 .dark .mat-stroked-button.mat-accent { color: yellow; } :root .theme-app16 .dark .mat-button.mat-warn, :root .theme-app16 .dark .mat-icon-button.mat-warn, :root .theme-app16 .dark .mat-stroked-button.mat-warn { color: #ff5722; } :root .theme-app16 .dark .mat-button.mat-primary.mat-button-disabled, :root .theme-app16 .dark .mat-button.mat-accent.mat-button-disabled, :root .theme-app16 .dark .mat-button.mat-warn.mat-button-disabled, :root .theme-app16 .dark .mat-button.mat-button-disabled.mat-button-disabled, :root .theme-app16 .dark .mat-icon-button.mat-primary.mat-button-disabled, :root .theme-app16 .dark .mat-icon-button.mat-accent.mat-button-disabled, :root .theme-app16 .dark .mat-icon-button.mat-warn.mat-button-disabled, :root .theme-app16 .dark .mat-icon-button.mat-button-disabled.mat-button-disabled, :root .theme-app16 .dark .mat-stroked-button.mat-primary.mat-button-disabled, :root .theme-app16 .dark .mat-stroked-button.mat-accent.mat-button-disabled, :root .theme-app16 .dark .mat-stroked-button.mat-warn.mat-button-disabled, :root .theme-app16 .dark .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } :root .theme-app16 .dark .mat-button.mat-primary .mat-button-focus-overlay, :root .theme-app16 .dark .mat-icon-button.mat-primary .mat-button-focus-overlay, :root .theme-app16 .dark .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #ffeb3b; } :root .theme-app16 .dark .mat-button.mat-accent .mat-button-focus-overlay, :root .theme-app16 .dark .mat-icon-button.mat-accent .mat-button-focus-overlay, :root .theme-app16 .dark .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: yellow; } :root .theme-app16 .dark .mat-button.mat-warn .mat-button-focus-overlay, :root .theme-app16 .dark .mat-icon-button.mat-warn .mat-button-focus-overlay, :root .theme-app16 .dark .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #ff5722; } :root .theme-app16 .dark .mat-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app16 .dark .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app16 .dark .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } :root .theme-app16 .dark .mat-button .mat-ripple-element, :root .theme-app16 .dark .mat-icon-button .mat-ripple-element, :root .theme-app16 .dark .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } :root .theme-app16 .dark .mat-button-focus-overlay { background: white; } :root .theme-app16 .dark .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(255, 255, 255, 0.12); } :root .theme-app16 .dark .mat-flat-button, :root .theme-app16 .dark .mat-raised-button, :root .theme-app16 .dark .mat-fab, :root .theme-app16 .dark .mat-mini-fab { color: white; background-color: #424242; } :root .theme-app16 .dark .mat-flat-button.mat-primary, :root .theme-app16 .dark .mat-raised-button.mat-primary, :root .theme-app16 .dark .mat-fab.mat-primary, :root .theme-app16 .dark .mat-mini-fab.mat-primary { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .dark .mat-flat-button.mat-accent, :root .theme-app16 .dark .mat-raised-button.mat-accent, :root .theme-app16 .dark .mat-fab.mat-accent, :root .theme-app16 .dark .mat-mini-fab.mat-accent { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .dark .mat-flat-button.mat-warn, :root .theme-app16 .dark .mat-raised-button.mat-warn, :root .theme-app16 .dark .mat-fab.mat-warn, :root .theme-app16 .dark .mat-mini-fab.mat-warn { color: white; } :root .theme-app16 .dark .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app16 .dark .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app16 .dark .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app16 .dark .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app16 .dark .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app16 .dark .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app16 .dark .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app16 .dark .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app16 .dark .mat-fab.mat-primary.mat-button-disabled, :root .theme-app16 .dark .mat-fab.mat-accent.mat-button-disabled, :root .theme-app16 .dark .mat-fab.mat-warn.mat-button-disabled, :root .theme-app16 .dark .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app16 .dark .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app16 .dark .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app16 .dark .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app16 .dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } :root .theme-app16 .dark .mat-flat-button.mat-primary, :root .theme-app16 .dark .mat-raised-button.mat-primary, :root .theme-app16 .dark .mat-fab.mat-primary, :root .theme-app16 .dark .mat-mini-fab.mat-primary { background-color: #ffeb3b; } :root .theme-app16 .dark .mat-flat-button.mat-accent, :root .theme-app16 .dark .mat-raised-button.mat-accent, :root .theme-app16 .dark .mat-fab.mat-accent, :root .theme-app16 .dark .mat-mini-fab.mat-accent { background-color: yellow; } :root .theme-app16 .dark .mat-flat-button.mat-warn, :root .theme-app16 .dark .mat-raised-button.mat-warn, :root .theme-app16 .dark .mat-fab.mat-warn, :root .theme-app16 .dark .mat-mini-fab.mat-warn { background-color: #ff5722; } :root .theme-app16 .dark .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app16 .dark .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app16 .dark .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app16 .dark .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app16 .dark .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app16 .dark .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app16 .dark .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app16 .dark .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app16 .dark .mat-fab.mat-primary.mat-button-disabled, :root .theme-app16 .dark .mat-fab.mat-accent.mat-button-disabled, :root .theme-app16 .dark .mat-fab.mat-warn.mat-button-disabled, :root .theme-app16 .dark .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app16 .dark .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app16 .dark .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app16 .dark .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app16 .dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app16 .dark .mat-flat-button.mat-primary .mat-ripple-element, :root .theme-app16 .dark .mat-raised-button.mat-primary .mat-ripple-element, :root .theme-app16 .dark .mat-fab.mat-primary .mat-ripple-element, :root .theme-app16 .dark .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app16 .dark .mat-flat-button.mat-accent .mat-ripple-element, :root .theme-app16 .dark .mat-raised-button.mat-accent .mat-ripple-element, :root .theme-app16 .dark .mat-fab.mat-accent .mat-ripple-element, :root .theme-app16 .dark .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app16 .dark .mat-flat-button.mat-warn .mat-ripple-element, :root .theme-app16 .dark .mat-raised-button.mat-warn .mat-ripple-element, :root .theme-app16 .dark .mat-fab.mat-warn .mat-ripple-element, :root .theme-app16 .dark .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app16 .dark .mat-stroked-button:not([class*=mat-elevation-z]), :root .theme-app16 .dark .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-fab:not([class*=mat-elevation-z]), :root .theme-app16 .dark .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), :root .theme-app16 .dark .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), :root .theme-app16 .dark .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-button-toggle-standalone:not([class*=mat-elevation-z]), :root .theme-app16 .dark .mat-button-toggle-group:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), :root .theme-app16 .dark .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) { box-shadow: none; } :root .theme-app16 .dark .mat-button-toggle { color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app16 .dark .mat-button-toggle-appearance-standard { color: white; background: #424242; } :root .theme-app16 .dark .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: white; } :root .theme-app16 .dark .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px #595959; } :root .theme-app16 .dark [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px #595959; } :root .theme-app16 .dark .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px #595959; } :root .theme-app16 .dark .mat-button-toggle-checked { background-color: #212121; color: rgba(255, 255, 255, 0.7); } :root .theme-app16 .dark .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: white; } :root .theme-app16 .dark .mat-button-toggle-disabled { color: rgba(255, 255, 255, 0.3); background-color: black; } :root .theme-app16 .dark .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: #424242; } :root .theme-app16 .dark .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #424242; } :root .theme-app16 .dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, :root .theme-app16 .dark .mat-button-toggle-group-appearance-standard { border: solid 1px #595959; } :root .theme-app16 .dark .mat-card { background: #424242; color: white; } :root .theme-app16 .dark .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-card-subtitle { color: rgba(255, 255, 255, 0.7); } :root .theme-app16 .dark .mat-checkbox-frame { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app16 .dark .mat-checkbox-checkmark { fill: #303030; } :root .theme-app16 .dark .mat-checkbox-checkmark-path { stroke: #303030 !important; } :root .theme-app16 .dark .mat-checkbox-mixedmark { background-color: #303030; } :root .theme-app16 .dark .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, :root .theme-app16 .dark .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #ffeb3b; } :root .theme-app16 .dark .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, :root .theme-app16 .dark .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: yellow; } :root .theme-app16 .dark .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, :root .theme-app16 .dark .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #ff5722; } :root .theme-app16 .dark .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, :root .theme-app16 .dark .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #686868; } :root .theme-app16 .dark .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #686868; } :root .theme-app16 .dark .mat-checkbox-disabled .mat-checkbox-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-checkbox .mat-ripple-element { background-color: white; } :root .theme-app16 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, :root .theme-app16 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #ffeb3b; } :root .theme-app16 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, :root .theme-app16 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: yellow; } :root .theme-app16 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, :root .theme-app16 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #ff5722; } :root .theme-app16 .dark .mat-chip.mat-standard-chip { background-color: #616161; color: white; } :root .theme-app16 .dark .mat-chip.mat-standard-chip .mat-chip-remove { color: white; opacity: 0.4; } :root .theme-app16 .dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } :root .theme-app16 .dark .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } :root .theme-app16 .dark .mat-chip.mat-standard-chip::after { background: white; } :root .theme-app16 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #ffeb3b; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app16 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app16 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #ff5722; color: white; } :root .theme-app16 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } :root .theme-app16 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app16 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: yellow; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app16 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app16 .dark .mat-table { background: #424242; } :root .theme-app16 .dark .mat-table thead, :root .theme-app16 .dark .mat-table tbody, :root .theme-app16 .dark .mat-table tfoot, :root .theme-app16 .dark mat-header-row, :root .theme-app16 .dark mat-row, :root .theme-app16 .dark mat-footer-row, :root .theme-app16 .dark [mat-header-row], :root .theme-app16 .dark [mat-row], :root .theme-app16 .dark [mat-footer-row], :root .theme-app16 .dark .mat-table-sticky { background: inherit; } :root .theme-app16 .dark mat-row, :root .theme-app16 .dark mat-header-row, :root .theme-app16 .dark mat-footer-row, :root .theme-app16 .dark th.mat-header-cell, :root .theme-app16 .dark td.mat-cell, :root .theme-app16 .dark td.mat-footer-cell { border-bottom-color: rgba(255, 255, 255, 0.12); } :root .theme-app16 .dark .mat-header-cell { color: rgba(255, 255, 255, 0.7); } :root .theme-app16 .dark .mat-cell, :root .theme-app16 .dark .mat-footer-cell { color: white; } :root .theme-app16 .dark .mat-calendar-arrow { fill: white; } :root .theme-app16 .dark .mat-datepicker-toggle, :root .theme-app16 .dark .mat-datepicker-content .mat-calendar-next-button, :root .theme-app16 .dark .mat-datepicker-content .mat-calendar-previous-button { color: white; } :root .theme-app16 .dark .mat-calendar-table-header-divider::after { background: rgba(255, 255, 255, 0.12); } :root .theme-app16 .dark .mat-calendar-table-header, :root .theme-app16 .dark .mat-calendar-body-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app16 .dark .mat-calendar-body-cell-content, :root .theme-app16 .dark .mat-date-range-input-separator { color: white; border-color: transparent; } :root .theme-app16 .dark .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-calendar-body-in-preview { color: rgba(255, 255, 255, 0.24); } :root .theme-app16 .dark .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app16 .dark .mat-calendar-body-in-range::before { background: rgba(255, 235, 59, 0.2); } :root .theme-app16 .dark .mat-calendar-body-comparison-identical, :root .theme-app16 .dark .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app16 .dark .mat-calendar-body-comparison-bridge-start::before, :root .theme-app16 .dark [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 235, 59, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app16 .dark .mat-calendar-body-comparison-bridge-end::before, :root .theme-app16 .dark [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 235, 59, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app16 .dark .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app16 .dark .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app16 .dark .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app16 .dark .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app16 .dark .mat-calendar-body-selected { background-color: #ffeb3b; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .dark .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 235, 59, 0.4); } :root .theme-app16 .dark .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app16 .dark .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app16 .dark .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 235, 59, 0.3); } @media (hover: hover) { :root .theme-app16 .dark .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 235, 59, 0.3); } } :root .theme-app16 .dark .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: #424242; color: white; } :root .theme-app16 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(255, 255, 0, 0.2); } :root .theme-app16 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, :root .theme-app16 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app16 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, :root .theme-app16 .dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 255, 0, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app16 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, :root .theme-app16 .dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 255, 0, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app16 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app16 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app16 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app16 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app16 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: yellow; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 255, 0, 0.4); } :root .theme-app16 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app16 .dark .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app16 .dark .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 255, 0, 0.3); } @media (hover: hover) { :root .theme-app16 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 255, 0, 0.3); } } :root .theme-app16 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(255, 87, 34, 0.2); } :root .theme-app16 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, :root .theme-app16 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app16 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, :root .theme-app16 .dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 87, 34, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app16 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, :root .theme-app16 .dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 87, 34, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app16 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app16 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app16 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app16 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app16 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #ff5722; color: white; } :root .theme-app16 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 87, 34, 0.4); } :root .theme-app16 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } :root .theme-app16 .dark .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app16 .dark .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 87, 34, 0.3); } @media (hover: hover) { :root .theme-app16 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 87, 34, 0.3); } } :root .theme-app16 .dark .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-datepicker-toggle-active { color: #ffeb3b; } :root .theme-app16 .dark .mat-datepicker-toggle-active.mat-accent { color: yellow; } :root .theme-app16 .dark .mat-datepicker-toggle-active.mat-warn { color: #ff5722; } :root .theme-app16 .dark .mat-date-range-input-inner[disabled] { color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: #424242; color: white; } :root .theme-app16 .dark .mat-divider { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app16 .dark .mat-divider-vertical { border-right-color: rgba(255, 255, 255, 0.12); } :root .theme-app16 .dark .mat-expansion-panel { background: #424242; color: white; } :root .theme-app16 .dark .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-action-row { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app16 .dark .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), :root .theme-app16 .dark .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), :root .theme-app16 .dark .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(255, 255, 255, 0.04); } @media (hover: none) { :root .theme-app16 .dark .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: #424242; } } :root .theme-app16 .dark .mat-expansion-panel-header-title { color: white; } :root .theme-app16 .dark .mat-expansion-panel-header-description, :root .theme-app16 .dark .mat-expansion-indicator::after { color: rgba(255, 255, 255, 0.7); } :root .theme-app16 .dark .mat-expansion-panel-header[aria-disabled=true] { color: rgba(255, 255, 255, 0.3); } :root .theme-app16 .dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, :root .theme-app16 .dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } :root .theme-app16 .dark .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app16 .dark .mat-hint { color: rgba(255, 255, 255, 0.7); } :root .theme-app16 .dark .mat-form-field.mat-focused .mat-form-field-label { color: #ffeb3b; } :root .theme-app16 .dark .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: yellow; } :root .theme-app16 .dark .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #ff5722; } :root .theme-app16 .dark .mat-focused .mat-form-field-required-marker { color: yellow; } :root .theme-app16 .dark .mat-form-field-ripple { background-color: white; } :root .theme-app16 .dark .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #ffeb3b; } :root .theme-app16 .dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: yellow; } :root .theme-app16 .dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #ff5722; } :root .theme-app16 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #ffeb3b; } :root .theme-app16 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: yellow; } :root .theme-app16 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #ff5722; } :root .theme-app16 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #ff5722; } :root .theme-app16 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, :root .theme-app16 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #ff5722; } :root .theme-app16 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, :root .theme-app16 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #ff5722; } :root .theme-app16 .dark .mat-error { color: #ff5722; } :root .theme-app16 .dark .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app16 .dark .mat-form-field-appearance-legacy .mat-hint { color: rgba(255, 255, 255, 0.7); } :root .theme-app16 .dark .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } :root .theme-app16 .dark .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app16 .dark .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } :root .theme-app16 .dark .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app16 .dark .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app16 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.05); } :root .theme-app16 .dark .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } :root .theme-app16 .dark .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(255, 255, 255, 0.3); } :root .theme-app16 .dark .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: white; } :root .theme-app16 .dark .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #ffeb3b; } :root .theme-app16 .dark .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: yellow; } :root .theme-app16 .dark .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #ff5722; } :root .theme-app16 .dark .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #ff5722; } :root .theme-app16 .dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(255, 255, 255, 0.15); } :root .theme-app16 .dark .mat-icon.mat-primary { color: #ffeb3b; } :root .theme-app16 .dark .mat-icon.mat-accent { color: yellow; } :root .theme-app16 .dark .mat-icon.mat-warn { color: #ff5722; } :root .theme-app16 .dark .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.7); } :root .theme-app16 .dark .mat-input-element:disabled, :root .theme-app16 .dark .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-input-element { caret-color: #ffeb3b; } :root .theme-app16 .dark .mat-input-element::placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-input-element::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-input-element::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-input-element:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-input-element:not(.mat-native-select-inline) option { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .dark .mat-input-element:not(.mat-native-select-inline) option:disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app16 .dark .mat-form-field.mat-accent .mat-input-element { caret-color: yellow; } :root .theme-app16 .dark .mat-form-field.mat-warn .mat-input-element, :root .theme-app16 .dark .mat-form-field-invalid .mat-input-element { caret-color: #ff5722; } :root .theme-app16 .dark .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #ff5722; } :root .theme-app16 .dark .mat-list-base .mat-list-item { color: white; } :root .theme-app16 .dark .mat-list-base .mat-list-option { color: white; } :root .theme-app16 .dark .mat-list-base .mat-subheader { color: rgba(255, 255, 255, 0.7); } :root .theme-app16 .dark .mat-list-base .mat-list-item-disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-list-option:hover, :root .theme-app16 .dark .mat-list-option:focus, :root .theme-app16 .dark .mat-nav-list .mat-list-item:hover, :root .theme-app16 .dark .mat-nav-list .mat-list-item:focus, :root .theme-app16 .dark .mat-action-list .mat-list-item:hover, :root .theme-app16 .dark .mat-action-list .mat-list-item:focus { background: rgba(255, 255, 255, 0.04); } :root .theme-app16 .dark .mat-list-single-selected-option, :root .theme-app16 .dark .mat-list-single-selected-option:hover, :root .theme-app16 .dark .mat-list-single-selected-option:focus { background: rgba(255, 255, 255, 0.12); } :root .theme-app16 .dark .mat-menu-panel { background: #424242; } :root .theme-app16 .dark .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-menu-item { background: transparent; color: white; } :root .theme-app16 .dark .mat-menu-item[disabled], :root .theme-app16 .dark .mat-menu-item[disabled] .mat-menu-submenu-icon, :root .theme-app16 .dark .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-menu-item .mat-icon-no-color, :root .theme-app16 .dark .mat-menu-submenu-icon { color: white; } :root .theme-app16 .dark .mat-menu-item:hover:not([disabled]), :root .theme-app16 .dark .mat-menu-item.cdk-program-focused:not([disabled]), :root .theme-app16 .dark .mat-menu-item.cdk-keyboard-focused:not([disabled]), :root .theme-app16 .dark .mat-menu-item-highlighted:not([disabled]) { background: rgba(255, 255, 255, 0.04); } :root .theme-app16 .dark .mat-paginator { background: #424242; } :root .theme-app16 .dark .mat-paginator, :root .theme-app16 .dark .mat-paginator-page-size .mat-select-trigger { color: rgba(255, 255, 255, 0.7); } :root .theme-app16 .dark .mat-paginator-decrement, :root .theme-app16 .dark .mat-paginator-increment { border-top: 2px solid white; border-right: 2px solid white; } :root .theme-app16 .dark .mat-paginator-first, :root .theme-app16 .dark .mat-paginator-last { border-top: 2px solid white; } :root .theme-app16 .dark .mat-icon-button[disabled] .mat-paginator-decrement, :root .theme-app16 .dark .mat-icon-button[disabled] .mat-paginator-increment, :root .theme-app16 .dark .mat-icon-button[disabled] .mat-paginator-first, :root .theme-app16 .dark .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-progress-bar-background { fill: #645f33; } :root .theme-app16 .dark .mat-progress-bar-buffer { background-color: #645f33; } :root .theme-app16 .dark .mat-progress-bar-fill::after { background-color: #ffeb3b; } :root .theme-app16 .dark .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #646424; } :root .theme-app16 .dark .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #646424; } :root .theme-app16 .dark .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: yellow; } :root .theme-app16 .dark .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #643a2d; } :root .theme-app16 .dark .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #643a2d; } :root .theme-app16 .dark .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #ff5722; } :root .theme-app16 .dark .mat-progress-spinner circle, :root .theme-app16 .dark .mat-spinner circle { stroke: #ffeb3b; } :root .theme-app16 .dark .mat-progress-spinner.mat-accent circle, :root .theme-app16 .dark .mat-spinner.mat-accent circle { stroke: yellow; } :root .theme-app16 .dark .mat-progress-spinner.mat-warn circle, :root .theme-app16 .dark .mat-spinner.mat-warn circle { stroke: #ff5722; } :root .theme-app16 .dark .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app16 .dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #ffeb3b; } :root .theme-app16 .dark .mat-radio-button.mat-primary .mat-radio-inner-circle, :root .theme-app16 .dark .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app16 .dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app16 .dark .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #ffeb3b; } :root .theme-app16 .dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: yellow; } :root .theme-app16 .dark .mat-radio-button.mat-accent .mat-radio-inner-circle, :root .theme-app16 .dark .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app16 .dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app16 .dark .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: yellow; } :root .theme-app16 .dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #ff5722; } :root .theme-app16 .dark .mat-radio-button.mat-warn .mat-radio-inner-circle, :root .theme-app16 .dark .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app16 .dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app16 .dark .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #ff5722; } :root .theme-app16 .dark .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, :root .theme-app16 .dark .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, :root .theme-app16 .dark .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-radio-button .mat-ripple-element { background-color: white; } :root .theme-app16 .dark .mat-select-value { color: white; } :root .theme-app16 .dark .mat-select-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-select-disabled .mat-select-value { color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-select-arrow { color: rgba(255, 255, 255, 0.7); } :root .theme-app16 .dark .mat-select-panel { background: #424242; } :root .theme-app16 .dark .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(255, 255, 255, 0.12); } :root .theme-app16 .dark .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #ffeb3b; } :root .theme-app16 .dark .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: yellow; } :root .theme-app16 .dark .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #ff5722; } :root .theme-app16 .dark .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #ff5722; } :root .theme-app16 .dark .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-drawer-container { background-color: #303030; color: white; } :root .theme-app16 .dark .mat-drawer { background-color: #424242; color: white; } :root .theme-app16 .dark .mat-drawer.mat-drawer-push { background-color: #424242; } :root .theme-app16 .dark .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-drawer-side { border-right: solid 1px rgba(255, 255, 255, 0.12); } :root .theme-app16 .dark .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } :root .theme-app16 .dark [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } :root .theme-app16 .dark [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(255, 255, 255, 0.12); } :root .theme-app16 .dark .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(189, 189, 189, 0.6); } :root .theme-app16 .dark .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: yellow; } :root .theme-app16 .dark .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 255, 0, 0.54); } :root .theme-app16 .dark .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: yellow; } :root .theme-app16 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #ffeb3b; } :root .theme-app16 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 235, 59, 0.54); } :root .theme-app16 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #ffeb3b; } :root .theme-app16 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #ff5722; } :root .theme-app16 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 87, 34, 0.54); } :root .theme-app16 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #ff5722; } :root .theme-app16 .dark .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: white; } :root .theme-app16 .dark .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #bdbdbd; } :root .theme-app16 .dark .mat-slide-toggle-bar { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app16 .dark .mat-slider.mat-primary .mat-slider-track-fill, :root .theme-app16 .dark .mat-slider.mat-primary .mat-slider-thumb, :root .theme-app16 .dark .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #ffeb3b; } :root .theme-app16 .dark .mat-slider.mat-primary .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .dark .mat-slider.mat-primary .mat-slider-focus-ring { background-color: rgba(255, 235, 59, 0.2); } :root .theme-app16 .dark .mat-slider.mat-accent .mat-slider-track-fill, :root .theme-app16 .dark .mat-slider.mat-accent .mat-slider-thumb, :root .theme-app16 .dark .mat-slider.mat-accent .mat-slider-thumb-label { background-color: yellow; } :root .theme-app16 .dark .mat-slider.mat-accent .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .dark .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(255, 255, 0, 0.2); } :root .theme-app16 .dark .mat-slider.mat-warn .mat-slider-track-fill, :root .theme-app16 .dark .mat-slider.mat-warn .mat-slider-thumb, :root .theme-app16 .dark .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #ff5722; } :root .theme-app16 .dark .mat-slider.mat-warn .mat-slider-thumb-label-text { color: white; } :root .theme-app16 .dark .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(255, 87, 34, 0.2); } :root .theme-app16 .dark .mat-slider:hover .mat-slider-track-background, :root .theme-app16 .dark .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app16 .dark .mat-slider.mat-slider-disabled .mat-slider-track-background, :root .theme-app16 .dark .mat-slider.mat-slider-disabled .mat-slider-track-fill, :root .theme-app16 .dark .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app16 .dark .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app16 .dark .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app16 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, :root .theme-app16 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: white; } :root .theme-app16 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, :root .theme-app16 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app16 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); background-color: transparent; } :root .theme-app16 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, :root .theme-app16 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app16 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, :root .theme-app16 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app16 .dark .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app16 .dark .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } :root .theme-app16 .dark .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } :root .theme-app16 .dark .mat-step-header.cdk-keyboard-focused, :root .theme-app16 .dark .mat-step-header.cdk-program-focused, :root .theme-app16 .dark .mat-step-header:hover:not([aria-disabled]), :root .theme-app16 .dark .mat-step-header:hover[aria-disabled=false] { background-color: rgba(255, 255, 255, 0.04); } :root .theme-app16 .dark .mat-step-header:hover[aria-disabled=true] { cursor: default; } @media (hover: none) { :root .theme-app16 .dark .mat-step-header:hover { background: none; } } :root .theme-app16 .dark .mat-step-header .mat-step-label, :root .theme-app16 .dark .mat-step-header .mat-step-optional { color: rgba(255, 255, 255, 0.7); } :root .theme-app16 .dark .mat-step-header .mat-step-icon { background-color: rgba(255, 255, 255, 0.7); color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .dark .mat-step-header .mat-step-icon-selected, :root .theme-app16 .dark .mat-step-header .mat-step-icon-state-done, :root .theme-app16 .dark .mat-step-header .mat-step-icon-state-edit { background-color: #ffeb3b; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .dark .mat-step-header.mat-accent .mat-step-icon { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .dark .mat-step-header.mat-accent .mat-step-icon-selected, :root .theme-app16 .dark .mat-step-header.mat-accent .mat-step-icon-state-done, :root .theme-app16 .dark .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: yellow; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .dark .mat-step-header.mat-warn .mat-step-icon { color: white; } :root .theme-app16 .dark .mat-step-header.mat-warn .mat-step-icon-selected, :root .theme-app16 .dark .mat-step-header.mat-warn .mat-step-icon-state-done, :root .theme-app16 .dark .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #ff5722; color: white; } :root .theme-app16 .dark .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #ff5722; } :root .theme-app16 .dark .mat-step-header .mat-step-label.mat-step-label-active { color: white; } :root .theme-app16 .dark .mat-step-header .mat-step-label.mat-step-label-error { color: #ff5722; } :root .theme-app16 .dark .mat-stepper-horizontal, :root .theme-app16 .dark .mat-stepper-vertical { background-color: #424242; } :root .theme-app16 .dark .mat-stepper-vertical-line::before { border-left-color: rgba(255, 255, 255, 0.12); } :root .theme-app16 .dark .mat-horizontal-stepper-header::before, :root .theme-app16 .dark .mat-horizontal-stepper-header::after, :root .theme-app16 .dark .mat-stepper-horizontal-line { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app16 .dark .mat-sort-header-arrow { color: #c6c6c6; } :root .theme-app16 .dark .mat-tab-nav-bar, :root .theme-app16 .dark .mat-tab-header { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } :root .theme-app16 .dark .mat-tab-group-inverted-header .mat-tab-nav-bar, :root .theme-app16 .dark .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(255, 255, 255, 0.12); border-bottom: none; } :root .theme-app16 .dark .mat-tab-label, :root .theme-app16 .dark .mat-tab-link { color: white; } :root .theme-app16 .dark .mat-tab-label.mat-tab-disabled, :root .theme-app16 .dark .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-tab-header-pagination-chevron { border-color: white; } :root .theme-app16 .dark .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app16 .dark .mat-tab-group[class*=mat-background-] > .mat-tab-header, :root .theme-app16 .dark .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } :root .theme-app16 .dark .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 249, 196, 0.3); } :root .theme-app16 .dark .mat-tab-group.mat-primary .mat-ink-bar, :root .theme-app16 .dark .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #ffeb3b; } :root .theme-app16 .dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app16 .dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, :root .theme-app16 .dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app16 .dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .dark .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 255, 141, 0.3); } :root .theme-app16 .dark .mat-tab-group.mat-accent .mat-ink-bar, :root .theme-app16 .dark .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: yellow; } :root .theme-app16 .dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app16 .dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, :root .theme-app16 .dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app16 .dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .dark .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app16 .dark .mat-tab-group.mat-warn .mat-ink-bar, :root .theme-app16 .dark .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #ff5722; } :root .theme-app16 .dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app16 .dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, :root .theme-app16 .dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app16 .dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: white; } :root .theme-app16 .dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 249, 196, 0.3); } :root .theme-app16 .dark .mat-tab-group.mat-background-primary > .mat-tab-header, :root .theme-app16 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container, :root .theme-app16 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #ffeb3b; } :root .theme-app16 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app16 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app16 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app16 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app16 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app16 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app16 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app16 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app16 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app16 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app16 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app16 .dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 255, 141, 0.3); } :root .theme-app16 .dark .mat-tab-group.mat-background-accent > .mat-tab-header, :root .theme-app16 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container, :root .theme-app16 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: yellow; } :root .theme-app16 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app16 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app16 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app16 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app16 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app16 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app16 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app16 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app16 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app16 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app16 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app16 .dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app16 .dark .mat-tab-group.mat-background-warn > .mat-tab-header, :root .theme-app16 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container, :root .theme-app16 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #ff5722; } :root .theme-app16 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app16 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: white; } :root .theme-app16 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app16 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } :root .theme-app16 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app16 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app16 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app16 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: white; } :root .theme-app16 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app16 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } :root .theme-app16 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app16 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app16 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app16 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } :root .theme-app16 .dark .mat-toolbar { background: #212121; color: white; } :root .theme-app16 .dark .mat-toolbar.mat-primary { background: #ffeb3b; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .dark .mat-toolbar.mat-accent { background: yellow; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .dark .mat-toolbar.mat-warn { background: #ff5722; color: white; } :root .theme-app16 .dark .mat-toolbar .mat-form-field-underline, :root .theme-app16 .dark .mat-toolbar .mat-form-field-ripple, :root .theme-app16 .dark .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } :root .theme-app16 .dark .mat-toolbar .mat-form-field-label, :root .theme-app16 .dark .mat-toolbar .mat-focused .mat-form-field-label, :root .theme-app16 .dark .mat-toolbar .mat-select-value, :root .theme-app16 .dark .mat-toolbar .mat-select-arrow, :root .theme-app16 .dark .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } :root .theme-app16 .dark .mat-toolbar .mat-input-element { caret-color: currentColor; } :root .theme-app16 .dark .mat-tooltip { background: rgba(97, 97, 97, 0.9); } :root .theme-app16 .dark .mat-tree { background: #424242; } :root .theme-app16 .dark .mat-tree-node, :root .theme-app16 .dark .mat-nested-tree-node { color: white; } :root .theme-app16 .dark .mat-snack-bar-container { color: rgba(0, 0, 0, 0.87); background: #fafafa; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .dark .mat-simple-snackbar-action { color: inherit; } :root .theme-app16 .light { --primary: rgb(253, 253, 253); --secondary: #c7c7cc; --secondaryBase: #fff; --accent: #78c456; --secondaryDark: rgb(42, 53, 68); --accentLight: #9cda7f; --accentBackground: rgb(156, 218, 127, 0.1); --accentDark: rgb(106, 43, 39); --borderColor: rgba(0, 0, 0, 0.5); --primaryText: rgb(29, 29, 29); --secondaryText: #8e8e93; --accentText: #78c456; --secondaryBaseText: #efeff4; --accentLightText: #2d3035; --accentDarkText: #00000; /** primary **/ --ion-color-primary: #2d3035; --ion-color-primary-rgb: 45, 48, 53; --ion-color-primary-contrast: #ffffff; --ion-color-primary-contrast-rgb: 255, 255, 255; --ion-color-primary-shade: #3171e0; --ion-color-primary-tint: #4c8dff; /** secondary **/ --ion-color-secondary: #c7c7cc; --ion-color-secondary-rgb: 199, 199, 204; --ion-color-secondary-contrast: #ffffff; --ion-color-secondary-contrast-rgb: 255, 255, 255; --ion-color-secondary-shade: #0bb8cc; --ion-color-secondary-tint: #24d6ea; /** tertiary **/ --ion-color-tertiary: #7044ff; --ion-color-tertiary-rgb: 112, 68, 255; --ion-color-tertiary-contrast: #ffffff; --ion-color-tertiary-contrast-rgb: 255, 255, 255; --ion-color-tertiary-shade: #633ce0; --ion-color-tertiary-tint: #7e57ff; /** success **/ --ion-color-success: #10dc60; --ion-color-success-rgb: 16, 220, 96; --ion-color-success-contrast: #ffffff; --ion-color-success-contrast-rgb: 255, 255, 255; --ion-color-success-shade: #0ec254; --ion-color-success-tint: #28e070; /** warning **/ --ion-color-warning: #ffce00; --ion-color-warning-rgb: 255, 206, 0; --ion-color-warning-contrast: #ffffff; --ion-color-warning-contrast-rgb: 255, 255, 255; --ion-color-warning-shade: #e0b500; --ion-color-warning-tint: #ffd31a; /** danger **/ --ion-color-danger: #f04141; --ion-color-danger-rgb: 245, 61, 61; --ion-color-danger-contrast: #ffffff; --ion-color-danger-contrast-rgb: 255, 255, 255; --ion-color-danger-shade: #d33939; --ion-color-danger-tint: #f25454; /** dark **/ --ion-color-dark: #222428; --ion-color-dark-rgb: 34, 34, 34; --ion-color-dark-contrast: #ffffff; --ion-color-dark-contrast-rgb: 255, 255, 255; --ion-color-dark-shade: #1e2023; --ion-color-dark-tint: #383a3e; /** medium **/ --ion-color-medium: #989aa2; --ion-color-medium-rgb: 152, 154, 162; --ion-color-medium-contrast: #ffffff; --ion-color-medium-contrast-rgb: 255, 255, 255; --ion-color-medium-shade: #86888f; --ion-color-medium-tint: #a2a4ab; /** light **/ --ion-color-light: #f4f5f8; --ion-color-light-rgb: 244, 244, 244; --ion-color-light-contrast: #000000; --ion-color-light-contrast-rgb: 0, 0, 0; --ion-color-light-shade: #d7d8da; --ion-color-light-tint: #f5f6f9; --ion-background-color: var(--primary); } :root .theme-app16 .light .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app16 .light .mat-option { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-option:hover:not(.mat-option-disabled), :root .theme-app16 .light .mat-option:focus:not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } :root .theme-app16 .light .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } :root .theme-app16 .light .mat-option.mat-active { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-option.mat-option-disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app16 .light .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #ef9a9a; } :root .theme-app16 .light .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #ef9a9a; } :root .theme-app16 .light .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #ffab91; } :root .theme-app16 .light .mat-optgroup-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app16 .light .mat-optgroup-disabled .mat-optgroup-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app16 .light .mat-pseudo-checkbox { color: rgba(0, 0, 0, 0.54); } :root .theme-app16 .light .mat-pseudo-checkbox::after { color: #fafafa; } :root .theme-app16 .light .mat-pseudo-checkbox-disabled { color: #b0b0b0; } :root .theme-app16 .light .mat-primary .mat-pseudo-checkbox-checked, :root .theme-app16 .light .mat-primary .mat-pseudo-checkbox-indeterminate { background: #ef9a9a; } :root .theme-app16 .light .mat-pseudo-checkbox-checked, :root .theme-app16 .light .mat-pseudo-checkbox-indeterminate, :root .theme-app16 .light .mat-accent .mat-pseudo-checkbox-checked, :root .theme-app16 .light .mat-accent .mat-pseudo-checkbox-indeterminate { background: #ef9a9a; } :root .theme-app16 .light .mat-warn .mat-pseudo-checkbox-checked, :root .theme-app16 .light .mat-warn .mat-pseudo-checkbox-indeterminate { background: #ffab91; } :root .theme-app16 .light .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, :root .theme-app16 .light .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #b0b0b0; } :root .theme-app16 .light .mat-app-background, :root .theme-app16 .light.mat-app-background { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } :root .theme-app16 .light .mat-autocomplete-panel { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: white; } :root .theme-app16 .light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-badge { position: relative; } :root .theme-app16 .light .mat-badge.mat-badge { overflow: visible; } :root .theme-app16 .light .mat-badge-hidden .mat-badge-content { display: none; } :root .theme-app16 .light .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } :root .theme-app16 .light .ng-animate-disabled .mat-badge-content, :root .theme-app16 .light .mat-badge-content._mat-animation-noopable { transition: none; } :root .theme-app16 .light .mat-badge-content.mat-badge-active { transform: none; } :root .theme-app16 .light .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } :root .theme-app16 .light .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } :root .theme-app16 .light .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } :root .theme-app16 .light .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] :root .theme-app16 .light .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } :root .theme-app16 .light .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] :root .theme-app16 .light .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } :root .theme-app16 .light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] :root .theme-app16 .light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } :root .theme-app16 .light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] :root .theme-app16 .light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } :root .theme-app16 .light .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } :root .theme-app16 .light .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } :root .theme-app16 .light .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } :root .theme-app16 .light .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] :root .theme-app16 .light .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } :root .theme-app16 .light .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] :root .theme-app16 .light .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } :root .theme-app16 .light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] :root .theme-app16 .light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } :root .theme-app16 .light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] :root .theme-app16 .light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } :root .theme-app16 .light .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } :root .theme-app16 .light .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } :root .theme-app16 .light .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } :root .theme-app16 .light .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] :root .theme-app16 .light .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } :root .theme-app16 .light .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] :root .theme-app16 .light .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } :root .theme-app16 .light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] :root .theme-app16 .light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } :root .theme-app16 .light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] :root .theme-app16 .light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } :root .theme-app16 .light .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #ef9a9a; } .cdk-high-contrast-active :root .theme-app16 .light .mat-badge-content { outline: solid 1px; border-radius: 0; } :root .theme-app16 .light .mat-badge-accent .mat-badge-content { background: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-badge-warn .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #ffab91; } :root .theme-app16 .light .mat-badge-disabled .mat-badge-content { background: #b9b9b9; color: rgba(0, 0, 0, 0.38); } :root .theme-app16 .light .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-button, :root .theme-app16 .light .mat-icon-button, :root .theme-app16 .light .mat-stroked-button { color: inherit; background: transparent; } :root .theme-app16 .light .mat-button.mat-primary, :root .theme-app16 .light .mat-icon-button.mat-primary, :root .theme-app16 .light .mat-stroked-button.mat-primary { color: #ef9a9a; } :root .theme-app16 .light .mat-button.mat-accent, :root .theme-app16 .light .mat-icon-button.mat-accent, :root .theme-app16 .light .mat-stroked-button.mat-accent { color: #ef9a9a; } :root .theme-app16 .light .mat-button.mat-warn, :root .theme-app16 .light .mat-icon-button.mat-warn, :root .theme-app16 .light .mat-stroked-button.mat-warn { color: #ffab91; } :root .theme-app16 .light .mat-button.mat-primary.mat-button-disabled, :root .theme-app16 .light .mat-button.mat-accent.mat-button-disabled, :root .theme-app16 .light .mat-button.mat-warn.mat-button-disabled, :root .theme-app16 .light .mat-button.mat-button-disabled.mat-button-disabled, :root .theme-app16 .light .mat-icon-button.mat-primary.mat-button-disabled, :root .theme-app16 .light .mat-icon-button.mat-accent.mat-button-disabled, :root .theme-app16 .light .mat-icon-button.mat-warn.mat-button-disabled, :root .theme-app16 .light .mat-icon-button.mat-button-disabled.mat-button-disabled, :root .theme-app16 .light .mat-stroked-button.mat-primary.mat-button-disabled, :root .theme-app16 .light .mat-stroked-button.mat-accent.mat-button-disabled, :root .theme-app16 .light .mat-stroked-button.mat-warn.mat-button-disabled, :root .theme-app16 .light .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } :root .theme-app16 .light .mat-button.mat-primary .mat-button-focus-overlay, :root .theme-app16 .light .mat-icon-button.mat-primary .mat-button-focus-overlay, :root .theme-app16 .light .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #ef9a9a; } :root .theme-app16 .light .mat-button.mat-accent .mat-button-focus-overlay, :root .theme-app16 .light .mat-icon-button.mat-accent .mat-button-focus-overlay, :root .theme-app16 .light .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #ef9a9a; } :root .theme-app16 .light .mat-button.mat-warn .mat-button-focus-overlay, :root .theme-app16 .light .mat-icon-button.mat-warn .mat-button-focus-overlay, :root .theme-app16 .light .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #ffab91; } :root .theme-app16 .light .mat-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app16 .light .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app16 .light .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } :root .theme-app16 .light .mat-button .mat-ripple-element, :root .theme-app16 .light .mat-icon-button .mat-ripple-element, :root .theme-app16 .light .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } :root .theme-app16 .light .mat-button-focus-overlay { background: black; } :root .theme-app16 .light .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-flat-button, :root .theme-app16 .light .mat-raised-button, :root .theme-app16 .light .mat-fab, :root .theme-app16 .light .mat-mini-fab { color: rgba(0, 0, 0, 0.87); background-color: white; } :root .theme-app16 .light .mat-flat-button.mat-primary, :root .theme-app16 .light .mat-raised-button.mat-primary, :root .theme-app16 .light .mat-fab.mat-primary, :root .theme-app16 .light .mat-mini-fab.mat-primary { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-flat-button.mat-accent, :root .theme-app16 .light .mat-raised-button.mat-accent, :root .theme-app16 .light .mat-fab.mat-accent, :root .theme-app16 .light .mat-mini-fab.mat-accent { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-flat-button.mat-warn, :root .theme-app16 .light .mat-raised-button.mat-warn, :root .theme-app16 .light .mat-fab.mat-warn, :root .theme-app16 .light .mat-mini-fab.mat-warn { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app16 .light .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app16 .light .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app16 .light .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app16 .light .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app16 .light .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app16 .light .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app16 .light .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app16 .light .mat-fab.mat-primary.mat-button-disabled, :root .theme-app16 .light .mat-fab.mat-accent.mat-button-disabled, :root .theme-app16 .light .mat-fab.mat-warn.mat-button-disabled, :root .theme-app16 .light .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app16 .light .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app16 .light .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app16 .light .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app16 .light .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } :root .theme-app16 .light .mat-flat-button.mat-primary, :root .theme-app16 .light .mat-raised-button.mat-primary, :root .theme-app16 .light .mat-fab.mat-primary, :root .theme-app16 .light .mat-mini-fab.mat-primary { background-color: #ef9a9a; } :root .theme-app16 .light .mat-flat-button.mat-accent, :root .theme-app16 .light .mat-raised-button.mat-accent, :root .theme-app16 .light .mat-fab.mat-accent, :root .theme-app16 .light .mat-mini-fab.mat-accent { background-color: #ef9a9a; } :root .theme-app16 .light .mat-flat-button.mat-warn, :root .theme-app16 .light .mat-raised-button.mat-warn, :root .theme-app16 .light .mat-fab.mat-warn, :root .theme-app16 .light .mat-mini-fab.mat-warn { background-color: #ffab91; } :root .theme-app16 .light .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app16 .light .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app16 .light .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app16 .light .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app16 .light .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app16 .light .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app16 .light .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app16 .light .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app16 .light .mat-fab.mat-primary.mat-button-disabled, :root .theme-app16 .light .mat-fab.mat-accent.mat-button-disabled, :root .theme-app16 .light .mat-fab.mat-warn.mat-button-disabled, :root .theme-app16 .light .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app16 .light .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app16 .light .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app16 .light .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app16 .light .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-flat-button.mat-primary .mat-ripple-element, :root .theme-app16 .light .mat-raised-button.mat-primary .mat-ripple-element, :root .theme-app16 .light .mat-fab.mat-primary .mat-ripple-element, :root .theme-app16 .light .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app16 .light .mat-flat-button.mat-accent .mat-ripple-element, :root .theme-app16 .light .mat-raised-button.mat-accent .mat-ripple-element, :root .theme-app16 .light .mat-fab.mat-accent .mat-ripple-element, :root .theme-app16 .light .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app16 .light .mat-flat-button.mat-warn .mat-ripple-element, :root .theme-app16 .light .mat-raised-button.mat-warn .mat-ripple-element, :root .theme-app16 .light .mat-fab.mat-warn .mat-ripple-element, :root .theme-app16 .light .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app16 .light .mat-stroked-button:not([class*=mat-elevation-z]), :root .theme-app16 .light .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-fab:not([class*=mat-elevation-z]), :root .theme-app16 .light .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), :root .theme-app16 .light .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), :root .theme-app16 .light .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-button-toggle-standalone:not([class*=mat-elevation-z]), :root .theme-app16 .light .mat-button-toggle-group:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), :root .theme-app16 .light .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) { box-shadow: none; } :root .theme-app16 .light .mat-button-toggle { color: rgba(0, 0, 0, 0.38); } :root .theme-app16 .light .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); background: white; } :root .theme-app16 .light .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: black; } :root .theme-app16 .light .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px #e0e0e0; } :root .theme-app16 .light [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px #e0e0e0; } :root .theme-app16 .light .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px #e0e0e0; } :root .theme-app16 .light .mat-button-toggle-checked { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.54); } :root .theme-app16 .light .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-button-toggle-disabled { color: rgba(0, 0, 0, 0.26); background-color: #eeeeee; } :root .theme-app16 .light .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: white; } :root .theme-app16 .light .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #bdbdbd; } :root .theme-app16 .light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, :root .theme-app16 .light .mat-button-toggle-group-appearance-standard { border: solid 1px #e0e0e0; } :root .theme-app16 .light .mat-card { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-card-subtitle { color: rgba(0, 0, 0, 0.54); } :root .theme-app16 .light .mat-checkbox-frame { border-color: rgba(0, 0, 0, 0.54); } :root .theme-app16 .light .mat-checkbox-checkmark { fill: #fafafa; } :root .theme-app16 .light .mat-checkbox-checkmark-path { stroke: #fafafa !important; } :root .theme-app16 .light .mat-checkbox-mixedmark { background-color: #fafafa; } :root .theme-app16 .light .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, :root .theme-app16 .light .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #ef9a9a; } :root .theme-app16 .light .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, :root .theme-app16 .light .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #ef9a9a; } :root .theme-app16 .light .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, :root .theme-app16 .light .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #ffab91; } :root .theme-app16 .light .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, :root .theme-app16 .light .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #b0b0b0; } :root .theme-app16 .light .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #b0b0b0; } :root .theme-app16 .light .mat-checkbox-disabled .mat-checkbox-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app16 .light .mat-checkbox .mat-ripple-element { background-color: black; } :root .theme-app16 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, :root .theme-app16 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #ef9a9a; } :root .theme-app16 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, :root .theme-app16 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #ef9a9a; } :root .theme-app16 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, :root .theme-app16 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #ffab91; } :root .theme-app16 .light .mat-chip.mat-standard-chip { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-chip.mat-standard-chip .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app16 .light .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } :root .theme-app16 .light .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } :root .theme-app16 .light .mat-chip.mat-standard-chip::after { background: black; } :root .theme-app16 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app16 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app16 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app16 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app16 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app16 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app16 .light .mat-table { background: white; } :root .theme-app16 .light .mat-table thead, :root .theme-app16 .light .mat-table tbody, :root .theme-app16 .light .mat-table tfoot, :root .theme-app16 .light mat-header-row, :root .theme-app16 .light mat-row, :root .theme-app16 .light mat-footer-row, :root .theme-app16 .light [mat-header-row], :root .theme-app16 .light [mat-row], :root .theme-app16 .light [mat-footer-row], :root .theme-app16 .light .mat-table-sticky { background: inherit; } :root .theme-app16 .light mat-row, :root .theme-app16 .light mat-header-row, :root .theme-app16 .light mat-footer-row, :root .theme-app16 .light th.mat-header-cell, :root .theme-app16 .light td.mat-cell, :root .theme-app16 .light td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-header-cell { color: rgba(0, 0, 0, 0.54); } :root .theme-app16 .light .mat-cell, :root .theme-app16 .light .mat-footer-cell { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-calendar-arrow { fill: rgba(0, 0, 0, 0.54); } :root .theme-app16 .light .mat-datepicker-toggle, :root .theme-app16 .light .mat-datepicker-content .mat-calendar-next-button, :root .theme-app16 .light .mat-datepicker-content .mat-calendar-previous-button { color: rgba(0, 0, 0, 0.54); } :root .theme-app16 .light .mat-calendar-table-header-divider::after { background: rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-calendar-table-header, :root .theme-app16 .light .mat-calendar-body-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app16 .light .mat-calendar-body-cell-content, :root .theme-app16 .light .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.87); border-color: transparent; } :root .theme-app16 .light .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(0, 0, 0, 0.38); } :root .theme-app16 .light .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.38); } :root .theme-app16 .light .mat-calendar-body-in-preview { color: rgba(0, 0, 0, 0.24); } :root .theme-app16 .light .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app16 .light .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.18); } :root .theme-app16 .light .mat-calendar-body-in-range::before { background: rgba(239, 154, 154, 0.2); } :root .theme-app16 .light .mat-calendar-body-comparison-identical, :root .theme-app16 .light .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app16 .light .mat-calendar-body-comparison-bridge-start::before, :root .theme-app16 .light [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(239, 154, 154, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app16 .light .mat-calendar-body-comparison-bridge-end::before, :root .theme-app16 .light [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(239, 154, 154, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app16 .light .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app16 .light .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app16 .light .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app16 .light .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app16 .light .mat-calendar-body-selected { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(239, 154, 154, 0.4); } :root .theme-app16 .light .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app16 .light .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(239, 154, 154, 0.3); } @media (hover: hover) { :root .theme-app16 .light .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(239, 154, 154, 0.3); } } :root .theme-app16 .light .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(239, 154, 154, 0.2); } :root .theme-app16 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, :root .theme-app16 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app16 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, :root .theme-app16 .light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(239, 154, 154, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app16 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, :root .theme-app16 .light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(239, 154, 154, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app16 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app16 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app16 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app16 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app16 .light .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(239, 154, 154, 0.4); } :root .theme-app16 .light .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app16 .light .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(239, 154, 154, 0.3); } @media (hover: hover) { :root .theme-app16 .light .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(239, 154, 154, 0.3); } } :root .theme-app16 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(255, 171, 145, 0.2); } :root .theme-app16 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, :root .theme-app16 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app16 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, :root .theme-app16 .light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 171, 145, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app16 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, :root .theme-app16 .light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 171, 145, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app16 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app16 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app16 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app16 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app16 .light .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 171, 145, 0.4); } :root .theme-app16 .light .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app16 .light .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 171, 145, 0.3); } @media (hover: hover) { :root .theme-app16 .light .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 171, 145, 0.3); } } :root .theme-app16 .light .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-datepicker-toggle-active { color: #ef9a9a; } :root .theme-app16 .light .mat-datepicker-toggle-active.mat-accent { color: #ef9a9a; } :root .theme-app16 .light .mat-datepicker-toggle-active.mat-warn { color: #ffab91; } :root .theme-app16 .light .mat-date-range-input-inner[disabled] { color: rgba(0, 0, 0, 0.38); } :root .theme-app16 .light .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-divider { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-divider-vertical { border-right-color: rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-expansion-panel { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-action-row { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), :root .theme-app16 .light .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), :root .theme-app16 .light .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(0, 0, 0, 0.04); } @media (hover: none) { :root .theme-app16 .light .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: white; } } :root .theme-app16 .light .mat-expansion-panel-header-title { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-expansion-panel-header-description, :root .theme-app16 .light .mat-expansion-indicator::after { color: rgba(0, 0, 0, 0.54); } :root .theme-app16 .light .mat-expansion-panel-header[aria-disabled=true] { color: rgba(0, 0, 0, 0.26); } :root .theme-app16 .light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, :root .theme-app16 .light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } :root .theme-app16 .light .mat-form-field-label { color: rgba(0, 0, 0, 0.6); } :root .theme-app16 .light .mat-hint { color: rgba(0, 0, 0, 0.6); } :root .theme-app16 .light .mat-form-field.mat-focused .mat-form-field-label { color: #ef9a9a; } :root .theme-app16 .light .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #ef9a9a; } :root .theme-app16 .light .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #ffab91; } :root .theme-app16 .light .mat-focused .mat-form-field-required-marker { color: #ef9a9a; } :root .theme-app16 .light .mat-form-field-ripple { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #ef9a9a; } :root .theme-app16 .light .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #ef9a9a; } :root .theme-app16 .light .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #ffab91; } :root .theme-app16 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #ef9a9a; } :root .theme-app16 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #ef9a9a; } :root .theme-app16 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #ffab91; } :root .theme-app16 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #ffab91; } :root .theme-app16 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, :root .theme-app16 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #ffab91; } :root .theme-app16 .light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, :root .theme-app16 .light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #ffab91; } :root .theme-app16 .light .mat-error { color: #ffab91; } :root .theme-app16 .light .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app16 .light .mat-form-field-appearance-legacy .mat-hint { color: rgba(0, 0, 0, 0.54); } :root .theme-app16 .light .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app16 .light .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app16 .light .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app16 .light .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app16 .light .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.04); } :root .theme-app16 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.02); } :root .theme-app16 .light .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app16 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app16 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } :root .theme-app16 .light .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #ef9a9a; } :root .theme-app16 .light .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #ef9a9a; } :root .theme-app16 .light .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #ffab91; } :root .theme-app16 .light .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #ffab91; } :root .theme-app16 .light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app16 .light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(0, 0, 0, 0.06); } :root .theme-app16 .light .mat-icon.mat-primary { color: #ef9a9a; } :root .theme-app16 .light .mat-icon.mat-accent { color: #ef9a9a; } :root .theme-app16 .light .mat-icon.mat-warn { color: #ffab91; } :root .theme-app16 .light .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.54); } :root .theme-app16 .light .mat-input-element:disabled, :root .theme-app16 .light .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.38); } :root .theme-app16 .light .mat-input-element { caret-color: #ef9a9a; } :root .theme-app16 .light .mat-input-element::placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app16 .light .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app16 .light .mat-input-element::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app16 .light .mat-input-element:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app16 .light .mat-form-field.mat-accent .mat-input-element { caret-color: #ef9a9a; } :root .theme-app16 .light .mat-form-field.mat-warn .mat-input-element, :root .theme-app16 .light .mat-form-field-invalid .mat-input-element { caret-color: #ffab91; } :root .theme-app16 .light .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #ffab91; } :root .theme-app16 .light .mat-list-base .mat-list-item { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-list-base .mat-list-option { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-list-base .mat-subheader { color: rgba(0, 0, 0, 0.54); } :root .theme-app16 .light .mat-list-base .mat-list-item-disabled { background-color: #eeeeee; color: rgba(0, 0, 0, 0.38); } :root .theme-app16 .light .mat-list-option:hover, :root .theme-app16 .light .mat-list-option:focus, :root .theme-app16 .light .mat-nav-list .mat-list-item:hover, :root .theme-app16 .light .mat-nav-list .mat-list-item:focus, :root .theme-app16 .light .mat-action-list .mat-list-item:hover, :root .theme-app16 .light .mat-action-list .mat-list-item:focus { background: rgba(0, 0, 0, 0.04); } :root .theme-app16 .light .mat-list-single-selected-option, :root .theme-app16 .light .mat-list-single-selected-option:hover, :root .theme-app16 .light .mat-list-single-selected-option:focus { background: rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-menu-panel { background: white; } :root .theme-app16 .light .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-menu-item { background: transparent; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-menu-item[disabled], :root .theme-app16 .light .mat-menu-item[disabled] .mat-menu-submenu-icon, :root .theme-app16 .light .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(0, 0, 0, 0.38); } :root .theme-app16 .light .mat-menu-item .mat-icon-no-color, :root .theme-app16 .light .mat-menu-submenu-icon { color: rgba(0, 0, 0, 0.54); } :root .theme-app16 .light .mat-menu-item:hover:not([disabled]), :root .theme-app16 .light .mat-menu-item.cdk-program-focused:not([disabled]), :root .theme-app16 .light .mat-menu-item.cdk-keyboard-focused:not([disabled]), :root .theme-app16 .light .mat-menu-item-highlighted:not([disabled]) { background: rgba(0, 0, 0, 0.04); } :root .theme-app16 .light .mat-paginator { background: white; } :root .theme-app16 .light .mat-paginator, :root .theme-app16 .light .mat-paginator-page-size .mat-select-trigger { color: rgba(0, 0, 0, 0.54); } :root .theme-app16 .light .mat-paginator-decrement, :root .theme-app16 .light .mat-paginator-increment { border-top: 2px solid rgba(0, 0, 0, 0.54); border-right: 2px solid rgba(0, 0, 0, 0.54); } :root .theme-app16 .light .mat-paginator-first, :root .theme-app16 .light .mat-paginator-last { border-top: 2px solid rgba(0, 0, 0, 0.54); } :root .theme-app16 .light .mat-icon-button[disabled] .mat-paginator-decrement, :root .theme-app16 .light .mat-icon-button[disabled] .mat-paginator-increment, :root .theme-app16 .light .mat-icon-button[disabled] .mat-paginator-first, :root .theme-app16 .light .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app16 .light .mat-progress-bar-background { fill: #f7e2e2; } :root .theme-app16 .light .mat-progress-bar-buffer { background-color: #f7e2e2; } :root .theme-app16 .light .mat-progress-bar-fill::after { background-color: #ef9a9a; } :root .theme-app16 .light .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #f7e2e2; } :root .theme-app16 .light .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #f7e2e2; } :root .theme-app16 .light .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #ef9a9a; } :root .theme-app16 .light .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #fbe6e0; } :root .theme-app16 .light .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #fbe6e0; } :root .theme-app16 .light .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #ffab91; } :root .theme-app16 .light .mat-progress-spinner circle, :root .theme-app16 .light .mat-spinner circle { stroke: #ef9a9a; } :root .theme-app16 .light .mat-progress-spinner.mat-accent circle, :root .theme-app16 .light .mat-spinner.mat-accent circle { stroke: #ef9a9a; } :root .theme-app16 .light .mat-progress-spinner.mat-warn circle, :root .theme-app16 .light .mat-spinner.mat-warn circle { stroke: #ffab91; } :root .theme-app16 .light .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.54); } :root .theme-app16 .light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #ef9a9a; } :root .theme-app16 .light .mat-radio-button.mat-primary .mat-radio-inner-circle, :root .theme-app16 .light .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app16 .light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app16 .light .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #ef9a9a; } :root .theme-app16 .light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #ef9a9a; } :root .theme-app16 .light .mat-radio-button.mat-accent .mat-radio-inner-circle, :root .theme-app16 .light .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app16 .light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app16 .light .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #ef9a9a; } :root .theme-app16 .light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #ffab91; } :root .theme-app16 .light .mat-radio-button.mat-warn .mat-radio-inner-circle, :root .theme-app16 .light .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app16 .light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app16 .light .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #ffab91; } :root .theme-app16 .light .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, :root .theme-app16 .light .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app16 .light .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, :root .theme-app16 .light .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app16 .light .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(0, 0, 0, 0.38); } :root .theme-app16 .light .mat-radio-button .mat-ripple-element { background-color: black; } :root .theme-app16 .light .mat-select-value { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-select-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app16 .light .mat-select-disabled .mat-select-value { color: rgba(0, 0, 0, 0.38); } :root .theme-app16 .light .mat-select-arrow { color: rgba(0, 0, 0, 0.54); } :root .theme-app16 .light .mat-select-panel { background: white; } :root .theme-app16 .light .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #ef9a9a; } :root .theme-app16 .light .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #ef9a9a; } :root .theme-app16 .light .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #ffab91; } :root .theme-app16 .light .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #ffab91; } :root .theme-app16 .light .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(0, 0, 0, 0.38); } :root .theme-app16 .light .mat-drawer-container { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-drawer { background-color: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-drawer.mat-drawer-push { background-color: white; } :root .theme-app16 .light .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-drawer-side { border-right: solid 1px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } :root .theme-app16 .light [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } :root .theme-app16 .light [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(0, 0, 0, 0.6); } :root .theme-app16 .light .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #ef9a9a; } :root .theme-app16 .light .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(239, 154, 154, 0.54); } :root .theme-app16 .light .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #ef9a9a; } :root .theme-app16 .light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #ef9a9a; } :root .theme-app16 .light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(239, 154, 154, 0.54); } :root .theme-app16 .light .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #ef9a9a; } :root .theme-app16 .light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #ffab91; } :root .theme-app16 .light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 171, 145, 0.54); } :root .theme-app16 .light .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #ffab91; } :root .theme-app16 .light .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: black; } :root .theme-app16 .light .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #fafafa; } :root .theme-app16 .light .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app16 .light .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app16 .light .mat-slider.mat-primary .mat-slider-track-fill, :root .theme-app16 .light .mat-slider.mat-primary .mat-slider-thumb, :root .theme-app16 .light .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #ef9a9a; } :root .theme-app16 .light .mat-slider.mat-primary .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-slider.mat-primary .mat-slider-focus-ring { background-color: rgba(239, 154, 154, 0.2); } :root .theme-app16 .light .mat-slider.mat-accent .mat-slider-track-fill, :root .theme-app16 .light .mat-slider.mat-accent .mat-slider-thumb, :root .theme-app16 .light .mat-slider.mat-accent .mat-slider-thumb-label { background-color: #ef9a9a; } :root .theme-app16 .light .mat-slider.mat-accent .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(239, 154, 154, 0.2); } :root .theme-app16 .light .mat-slider.mat-warn .mat-slider-track-fill, :root .theme-app16 .light .mat-slider.mat-warn .mat-slider-thumb, :root .theme-app16 .light .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #ffab91; } :root .theme-app16 .light .mat-slider.mat-warn .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(255, 171, 145, 0.2); } :root .theme-app16 .light .mat-slider:hover .mat-slider-track-background, :root .theme-app16 .light .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app16 .light .mat-slider.mat-slider-disabled .mat-slider-track-background, :root .theme-app16 .light .mat-slider.mat-slider-disabled .mat-slider-track-fill, :root .theme-app16 .light .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app16 .light .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app16 .light .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, :root .theme-app16 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, :root .theme-app16 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app16 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); background-color: transparent; } :root .theme-app16 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, :root .theme-app16 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app16 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, :root .theme-app16 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); } :root .theme-app16 .light .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(0, 0, 0, 0.7); } :root .theme-app16 .light .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } :root .theme-app16 .light .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } :root .theme-app16 .light .mat-step-header.cdk-keyboard-focused, :root .theme-app16 .light .mat-step-header.cdk-program-focused, :root .theme-app16 .light .mat-step-header:hover:not([aria-disabled]), :root .theme-app16 .light .mat-step-header:hover[aria-disabled=false] { background-color: rgba(0, 0, 0, 0.04); } :root .theme-app16 .light .mat-step-header:hover[aria-disabled=true] { cursor: default; } @media (hover: none) { :root .theme-app16 .light .mat-step-header:hover { background: none; } } :root .theme-app16 .light .mat-step-header .mat-step-label, :root .theme-app16 .light .mat-step-header .mat-step-optional { color: rgba(0, 0, 0, 0.54); } :root .theme-app16 .light .mat-step-header .mat-step-icon { background-color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-step-header .mat-step-icon-selected, :root .theme-app16 .light .mat-step-header .mat-step-icon-state-done, :root .theme-app16 .light .mat-step-header .mat-step-icon-state-edit { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-step-header.mat-accent .mat-step-icon { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-step-header.mat-accent .mat-step-icon-selected, :root .theme-app16 .light .mat-step-header.mat-accent .mat-step-icon-state-done, :root .theme-app16 .light .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-step-header.mat-warn .mat-step-icon { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-step-header.mat-warn .mat-step-icon-selected, :root .theme-app16 .light .mat-step-header.mat-warn .mat-step-icon-state-done, :root .theme-app16 .light .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #ffab91; } :root .theme-app16 .light .mat-step-header .mat-step-label.mat-step-label-active { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-step-header .mat-step-label.mat-step-label-error { color: #ffab91; } :root .theme-app16 .light .mat-stepper-horizontal, :root .theme-app16 .light .mat-stepper-vertical { background-color: white; } :root .theme-app16 .light .mat-stepper-vertical-line::before { border-left-color: rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-horizontal-stepper-header::before, :root .theme-app16 .light .mat-horizontal-stepper-header::after, :root .theme-app16 .light .mat-stepper-horizontal-line { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-sort-header-arrow { color: #757575; } :root .theme-app16 .light .mat-tab-nav-bar, :root .theme-app16 .light .mat-tab-header { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-tab-group-inverted-header .mat-tab-nav-bar, :root .theme-app16 .light .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: none; } :root .theme-app16 .light .mat-tab-label, :root .theme-app16 .light .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-tab-label.mat-tab-disabled, :root .theme-app16 .light .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app16 .light .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app16 .light .mat-tab-group[class*=mat-background-] > .mat-tab-header, :root .theme-app16 .light .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } :root .theme-app16 .light .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(244, 67, 54, 0.3); } :root .theme-app16 .light .mat-tab-group.mat-primary .mat-ink-bar, :root .theme-app16 .light .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #ef9a9a; } :root .theme-app16 .light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app16 .light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, :root .theme-app16 .light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app16 .light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } :root .theme-app16 .light .mat-tab-group.mat-accent .mat-ink-bar, :root .theme-app16 .light .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #ef9a9a; } :root .theme-app16 .light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app16 .light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, :root .theme-app16 .light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app16 .light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app16 .light .mat-tab-group.mat-warn .mat-ink-bar, :root .theme-app16 .light .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #ffab91; } :root .theme-app16 .light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app16 .light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, :root .theme-app16 .light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app16 .light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(244, 67, 54, 0.3); } :root .theme-app16 .light .mat-tab-group.mat-background-primary > .mat-tab-header, :root .theme-app16 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container, :root .theme-app16 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #ef9a9a; } :root .theme-app16 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app16 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app16 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app16 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app16 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app16 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app16 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app16 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app16 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app16 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app16 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app16 .light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } :root .theme-app16 .light .mat-tab-group.mat-background-accent > .mat-tab-header, :root .theme-app16 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container, :root .theme-app16 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #ef9a9a; } :root .theme-app16 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app16 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app16 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app16 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app16 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app16 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app16 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app16 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app16 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app16 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app16 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app16 .light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app16 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app16 .light .mat-tab-group.mat-background-warn > .mat-tab-header, :root .theme-app16 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container, :root .theme-app16 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #ffab91; } :root .theme-app16 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app16 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app16 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app16 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app16 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app16 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app16 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app16 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app16 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app16 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app16 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app16 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app16 .light .mat-toolbar { background: whitesmoke; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-toolbar.mat-primary { background: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-toolbar.mat-accent { background: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-toolbar.mat-warn { background: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-toolbar .mat-form-field-underline, :root .theme-app16 .light .mat-toolbar .mat-form-field-ripple, :root .theme-app16 .light .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } :root .theme-app16 .light .mat-toolbar .mat-form-field-label, :root .theme-app16 .light .mat-toolbar .mat-focused .mat-form-field-label, :root .theme-app16 .light .mat-toolbar .mat-select-value, :root .theme-app16 .light .mat-toolbar .mat-select-arrow, :root .theme-app16 .light .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } :root .theme-app16 .light .mat-toolbar .mat-input-element { caret-color: currentColor; } :root .theme-app16 .light .mat-tooltip { background: rgba(97, 97, 97, 0.9); } :root .theme-app16 .light .mat-tree { background: white; } :root .theme-app16 .light .mat-tree-node, :root .theme-app16 .light .mat-nested-tree-node { color: rgba(0, 0, 0, 0.87); } :root .theme-app16 .light .mat-snack-bar-container { color: rgba(255, 255, 255, 0.7); background: #323232; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app16 .light .mat-simple-snackbar-action { color: #ef9a9a; } :root .theme-app16 body { -webkit-user-select: text; user-select: text; } :root .theme-app16 ion-label { -webkit-user-select: text; user-select: text; } :root .theme-app16 ion-item { background-color: var(--ion-background-color); border-bottom: 1px solid var(--secondary); } :root .theme-app16 .file-button { margin: 20px; background: transparent !important; color: var(--primaryText); font-size: 17px !important; font-weight: 300 !important; height: 44px !important; } :root .theme-app16 .file-button::-webkit-file-upload-button { background: transparent !important; margin-right: 10px !important; color: var(--accent); border-width: 2px; border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; font-weight: 300 !important; height: 44px !important; box-shadow: none !important; border-radius: 8px !important; } :root .theme-app16 main-menu .item-inner { margin-left: 6px !important; } :root .theme-app16 ion-split-pane { --side-max-width: 280px; --side-min-width: 280px; } :root .theme-app16 #leftMenu { border-color: var(--borderColor) !important; background-color: var(--primary); } :root .theme-app16 .dark .menuLogo { margin-top: 15px; margin-bottom: 15px; background-image: url('logo-dark.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app16 .dark .menuLogoIos { margin-top: 55px; margin-bottom: 15px; background-image: url('logo-dark.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app16 .light .menuLogo { margin-top: 15px; margin-bottom: 15px; background-image: url('logo-light.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app16 .light .menuLogoIos { margin-top: 45px; margin-bottom: 15px; background-image: url('logo-light.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app16 .menuIcon { color: var(--iconColor) !important; } :root .theme-app16 .padded-divider { padding: 3px; margin-bottom: 10px; width: 100%; border-bottom: 3px solid var(--accent) !important; } :root .theme-app16 ion-radio { --color-checked: var(--accent); --color: var(--accent); width: 20px; height: 20px; } :root .theme-app16 ion-button { --background: var(--accentBackground); color: var(--accent); --border-width: 2px; --border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app16 .button-style { --background: var(--accentBackground); color: var(--accent); --border-width: 2px; --border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app16 .button-style:hover { cursor: pointer; } :root .theme-app16 .button-cancel { color: red; border: none !important; --border-width: 0px !important; } :root .theme-app16 .small-button { height: 20px; font-size: 10px !important; margin: 3px; color: var(--accent); } :root .theme-app16 .medium-button { height: 25px; font-size: 15px !important; margin-top: 10px; margin-bottom: 10px; color: var(--accent); } :root .theme-app16 .default-h1 { font-size: 24px; color: var(--primaryText); font-weight: 300; } :root .theme-app16 .default-h2 { font-size: 24px; color: var(--primaryText); font-weight: 300; } :root .theme-app16 .default-h3 { font-size: 22px; color: var(--primaryText); font-weight: 400; } :root .theme-app16 .default-h4 { font-size: 17px; color: var(--primaryText); font-weight: 300; } :root .theme-app16 .default-h5 { font-size: 15px; color: var(--primaryText); font-weight: 200; } :root .theme-app16 .default-h6 { font-size: 14px; color: var(--primaryText); font-weight: 100; } :root .theme-app16 .default-p { font-size: 14px; color: var(--primaryText); font-weight: 300; } :root .theme-app16 .default-small { font-size: 12px; color: var(--primaryText); font-weight: 1; } :root .theme-app16 ion-header { background-color: var(--primary); } :root .theme-app16 ion-header [class^=icon-]:before, :root .theme-app16 ion-header [class*=" icon-"]:before { width: auto !important; margin-left: 0 !important; } :root .theme-app16 ion-footer { background-color: var(--primary); } :root .theme-app16 .header-md::after { background-image: none !important; } :root .theme-app16 ion-toolbar { color: var(--accent); } :root .theme-app16 .toolbar { background-color: var(--primary); --background: var(--primary); } :root .theme-app16 .toolbar .toolbar-title { font-weight: 400; } :root .theme-app16 .toolbar ion-title { font-size: larger; } :root .theme-app16 .toolbar ion-title, :root .theme-app16 .toolbar ion-title-ios, :root .theme-app16 .toolbar ion-back-button, :root .theme-app16 .toolbar ion-butto, :root .theme-app16 .toolbar ion-icon, :root .theme-app16 .toolbar ion-menu-button { color: var(--accentText); } :root .theme-app16 .toolbar-icon { color: var(--accentText); } :root .theme-app16 .alert-controller-withTheme { overflow: hidden; --background:var(--primary); color: var(--primaryText) !important; } :root .theme-app16 .alert-controller-withTheme .alert-wrapper { border-radius: 15px !important; background: var(--primary); border-color: var(--accent) !important; } :root .theme-app16 .alert-controller-withTheme .alert-head .alert-title { color: var(--primaryText); } :root .theme-app16 .alert-controller-withTheme .alert-message { color: var(--primaryText); } :root .theme-app16 .alert-controller-withTheme .alert-message strong { color: var(--ion-color-danger); } :root .theme-app16 .alert-controller-withTheme .alert-button-group #cancel-button.alert-button .alert-button-inner { color: var(--secondaryText); } :root .theme-app16 .alert-controller-withTheme .alert-button-group #confirm-button.alert-button .alert-button-inner { font-weight: bold; color: var(--ion-color-danger); } :root .theme-app16 .alert-controller-withTheme .alert-button-group #confirm-button-good.alert-button .alert-button-inner { font-weight: bold; color: var(--primaryText); } :root .theme-app16 ion-input { border-radius: 10px !important; margin-top: 5px; margin-bottom: 5px; margin-left: 10px; margin-right: 10px; font-size: 0.9em; color: var(--primaryText); --background: rgba(219,219,219, .03) !important; /* height: 10%; */ /* width: 41%; */ } :root .theme-app16 .withTheme { border: 2px solid var(--borderColor); margin: 10px; padding: 0px !important; border-radius: 15px; overflow: hidden; color: var(--primaryText) !important; } :root .theme-app16 .withTheme ion-card-title, :root .theme-app16 .withTheme ion-card-content, :root .theme-app16 .withTheme ion-label, :root .theme-app16 .withTheme mat-list-item { color: var(--primaryText) !important; } :root .theme-app16 .withTheme span { color: var(--primaryText) !important; } :root .theme-app16 .withTheme ion-img { --border-radius: 8px; } :root .theme-app16 .withTheme ion-thumbnail { --border-radius: 8px; } :root .theme-app16 .withTheme ion-item:hover { border-left: 8px solid var(--borderColor); transition: border-width 0.1s ease-in-out; } :root .theme-app16 .withTheme ion-item.nohover:hover { border-left: none; } :root .theme-app16 .withTheme ion-card-subtitle { color: var(--secondaryText) !important; } :root .theme-app16 .withTheme div.small-distance { margin: 2px; color: var(--primaryText); border: 1px solid var(--borderColor); font-size: 10px; padding-top: 3px; padding-left: 5px; padding-right: 5px; border-radius: 7px; height: 20px; } :root .theme-app16 .withTheme .aligned-with-icon { position: relative; font-size: 8px; top: 11px; margin-left: -25px; /* optional */ margin-right: 8px; } :root .theme-app16 .thumbnail-rounded { border-radius: 6px !important; } :root .theme-app16 .leftMenuColor ion-icon { color: var(--accent); font-family: Montserrat, sans-serif; } :root .theme-app16 .leftMenuColor ion-label { color: var(--primaryText); font-family: Montserrat, sans-serif; font-weight: thin !important; } :root .theme-app16 .leftMenuColor ion-toggle { --background: #3c3e42; --background-checked: #3c3e42; --handle-background: var(--accent); --handle-background-checked: var(--accent); } :root .theme-app16 .floatInput ion-label { color: var(--primaryText); } :root .theme-app16 .floatInput ion-input { color: var(--primaryText); } :root .theme-app16 .breakline-space { margin: 10px; border: 1px solid var(--borderColor) !important; } :root .theme-app16 ion-badge { border-radius: 10px !important; padding: 10px 10px !important; margin: 10px; border: 1px solid var(--borderColor) !important; } :root .theme-app16 ion-badge.failure { border: 1px solid red !important; } :root .theme-app16 ion-badge.success { border: 1px solid white !important; } :root .theme-app16 .row-is-selected { background-color: rgba(211, 211, 211, 0.8); } :root .theme-app16 .alertClass { color: white; background-color: rgba(200, 200, 200, 0.2); } :root .theme-app16 .alertClass .alert-title { font-weight: bolder; } :root .theme-app16 .alertClassActionButton { border: white; border: 2px solid var(--borderColor); border-radius: 7px; } :root .theme-app16 .alert-sub-title.sc-ion-alert-md, :root .theme-app16 .alert-title.sc-ion-alert-md, :root .theme-app16 .alert-message, :root .theme-app16 .sc-ion-alert-md { color: #e0e0e0; } :root .theme-app16 .toastError { --background: red; --color: black; } :root .theme-app16 .custom-options { --placeholder-opacity: 1; color: var(--primaryText); --placeholder-color: var(--primaryText); } :root .theme-app16 .custom-options ion-select::part(text) { color: var(--primaryText); } :root .theme-app16 .custom-options .select-interface-option { --color: var(--primaryText); color: var(--primaryText); } :root .theme-app16 .primaryText { color: var(--primaryText); } :root .theme-app16 .selectClass { min-width: 70%; color: white !important; } :root .theme-app16 .selectClass ion-select { max-width: 70% !important; } :root .theme-app16 .selectClass .sc-ion-alert-md { color: white; } :root .theme-app16 .selectClass .alert-radio-inner.sc-ion-alert-md { background-color: white !important; } :root .theme-app16 .selectClass .alert-radio-label.sc-ion-alert-md { color: white; font-weight: bold; } :root .theme-app16 .selectClass .alert-button.alert-button-inner { color: white; } :root .theme-app16 .selectClass .popover-content { min-width: 90% !important; } :root .theme-app16 .dateRanger { color: var(--ion-color-danger); font-weight: bold; font-size: large; } :root .theme-app16 .eventFloater { color: white; font-weight: bold; padding: 10px; border-radius: 10px; font-size: large; background-color: var(--ion-color-danger); } :root .theme-app16 .chatContainer ion-card-subtitle { padding-top: 3px; } :root .theme-app16 .chatContainer::after { content: ""; clear: both; display: table; } :root .theme-app16 .chatMessageOtherUser { color: white; float: left; } :root .theme-app16 .chatMessageLoggedInUser { color: white; float: right; } :root .theme-app16 .chatUsername { font-weight: bolder; } :root .theme-app16 .ion-icon { color: var(--accentText); } :root .theme-app16 .numberCard ion-card-header { color: white !important; } :root .theme-app16 .numberCard ion-card-header ion-card-subtitle { color: white !important; font-weight: bold; font-size: 20px !important; } :root .theme-app16 .numberCard ion-card-header ion-card-subtitle ion-icon { font-size: 30px !important; color: var(--borderColor); } :root .theme-app16 .numberCard ion-card-header ion-card-title { color: var(--primary) !important; font-weight: bold; padding: 10px; background: var(--accent); border-radius: 10px; float: right; } :root .theme-app16 .numberCard ion-card-content ion-button { margin-top: 10px; } :root .theme-app16 .numberCard ion-card-content div.leftBound { margin-top: 10px; padding: 5px; border-left: 2px solid var(--borderColor); border-bottom: 2px solid var(--borderColor); border-bottom-left-radius: 10px; } :root .theme-app16 .numberCard ion-card-content div.leftBound:hover { border-left: 8px solid var(--borderColor); transition: border-width 0.1s ease-in-out; } :root .theme-app16 .qrCodeStyle { display: flex; align-items: center; justify-content: center; opacity: 1; } :root .theme-app16 .qrCodeStyle img { border-radius: 25px; } :root .theme-app16 .matt-tree-styling { background-color: transparent; padding-top: 20px; margin-top: 20px; } :root .theme-app16 .matt-tree-styling .tree-nested-node { padding-left: 30px; margin-left: 10px; padding-left: 40px; } :root .theme-app16 .matt-tree-styling mat-tree { margin-left: 40px !important; background-color: transparent; } :root .theme-app16 .matt-tree-styling .mat-tree-hover:hover { background-color: var(--accentHover) !important; border-radius: 5px; } :root .theme-app16 .matt-tree-styling .mat-tree-node { padding: 3px; background-color: transparent; } :root .theme-app16 .matt-tree-styling .mat-nested-tree-node { top: -24px !important; background-color: transparent; } :root .theme-app16 .matt-tree-styling ul, :root .theme-app16 .matt-tree-styling li { list-style: none; margin: 0; padding: 0; background-color: transparent; } :root .theme-app16 .matt-tree-styling li.tree-container { border-bottom: 0; background-color: transparent; } :root .theme-app16 .matt-tree-styling li { padding-left: 40px; border-left: 1px dotted grey !important; border-bottom: 1px dotted grey !important; border-bottom-left-radius: 10px; border-width: 0 0 1px 1px; position: relative; top: -24px; background-color: transparent; } :root .theme-app16 .matt-tree-styling li.mat-tree-node, :root .theme-app16 .matt-tree-styling li div { margin: 0; position: relative; top: 15px !important; background-color: transparent; } :root .theme-app16 .matt-tree-styling li ul { padding-right: 80px !important; background-color: transparent; } :root .theme-app16 .popover_style ion-backdrop { --backdrop-opacity: 0.9; } :root .theme-app16 .full-modal-cover { --border-radius: 15px; --min-height: 85% !important; --min-width: 85% !important; --padding:10px !important; } :root .theme-app16 .full-modal-cover .modal-wrapper { height: 30%; width: 90%; border-radius: 10px; } :root .theme-app16 .full-modal-cover-narrow { --border-radius: 15px; --min-height: 85% !important; --min-width: 450px !important; --padding:10px !important; } :root .theme-app16 .full-modal-cover-narrow .modal-wrapper { height: 30%; width: 90%; border-radius: 10px; } :root .theme-app16 .small-modal-cover .modal-wrapper { border-radius: 15px; padding: 10px; } :root .theme-app16 .no-background-modal .modal-wrapper { --min-height: 95% !important; --min-width: 75% !important; --background: rgba(46, 46, 46, 0); --border-style: none; --box-shadow:none; --border-radius:none; --border-style:none; --border-color:none; --border-width:0px; } :root .theme-app16 .small-no-background-modal .modal-wrapper { --background: rgba(46, 46, 46, 0) !important; --border-style: none !important; --box-shadow:none !important; --border-radius:none !important; --border-style:none !important; --border-color:none !important; --border-width:0px !important; } :root .theme-app16 .firmware-chain { font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app16 .fab-close { font-size: large !important; font-weight: bold !important; border-color: var(--accent) !important; border-radius: 18px !important; } :root .theme-app16 .fab-close:hover { background-color: var(--accent) !important; } :root .theme-app16 ::-webkit-scrollbar { width: 10px; } :root .theme-app16 ::-webkit-scrollbar-track { background: none; } :root .theme-app16 ::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 5px; } :root .theme-app16 ::-webkit-scrollbar-thumb:hover { background: #555; } :root .theme-app16 .deck-tooltip { border-radius: 7px; } :root .theme-app16 .map-control-panel { position: absolute; top: 0; left: 0; display: flex; } :root .theme-app16 .map-control-panel ion-card { margin: 20px; padding: 10px; border-radius: 10px; } :root .theme-app16 .map-control-panel ion-item { color: var(--primaryText); } :root .theme-app16 .map-control-panel ion-item ion-button { padding-top: 3px; padding-bottom: 3px; } :root .theme-app16 .map-control-panel ion-thumbnail { --border-radius: 5px; } :root .theme-app16 .map-control-panel .ion-label-title { font-weight: 500; } :root .theme-app16 .map-control-panel .ion-label-body { font-weight: lighter; } :root .theme-app16 .scanCheckBox { float: right; font-size: small; } :root .theme-app16 .scanCheckBox ion-checkbox { margin-left: 4px; margin-bottom: -4px; --border-color: var(--borderColor); --border-color-checked: var(--borderColor); --checkmark-color: var(--borderColor); } :root .theme-app16 .accentText { color: var(--accentText); } :root .theme-app16 a { color: var(--accentDarkText); } :root .theme-app16 .layerLabel { text-transform: capitalize; color: var(--primaryText); } :root .theme-app16 .mini-profile { border: 2px solid var(--borderColor); display: inline-block; color: var(--accentText) !important; margin: 10px; padding: 8 30px; height: 30px; font-size: 16px; line-height: 25px; border-radius: 25px; } :root .theme-app16 .mini-profile img { float: left; margin-left: 10px; height: 25px; background-color: white; border-radius: 50%; padding-top: 1px; padding-right: 2px; } :root .theme-app16 .searchbar-input { background: white !important; font-size: 1.25em !important; border: 1px solid transparent; border-radius: 10px !important; height: 30px !important; } :root .theme-app16 .searchbar-search-icon.sc-ion-searchbar-md { top: 6px; } :root .theme-app16 .sc-ion-searchbar-ios-h { padding-bottom: 0 !important; } :root .theme-app16 .badgeAsSelection { --background:var(--accent) !important; color: var(--secondaryBaseText); cursor: pointer; } :root .theme-app16 .badgeAsOptions { --background:none !important; color: var(--accentText); border: 2px solid var(--borderColor); cursor: pointer; } :root .theme-app16 .badgeAsOptions { --background:none !important; color: var(--accentText); border: 2px solid var(--borderColor); cursor: pointer; } :root .theme-app16 .clearOptions { --background:none !important; color: red !important; border: 1px solid red !important; cursor: pointer; } :root .theme-app16 .ng-star-inserted { color: var(--primaryText) !important; } :root .theme-app16 .apexcharts-xaxis-label { fill: var(--primaryText) !important; } :root .theme-app16 .apexcharts-xaxis text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app16 .apexcharts-yaxis-label { fill: var(--primaryText) !important; color: var(--primaryText) !important; } :root .theme-app16 .apexcharts-yaxis text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app16 .apexcharts-title-text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app16 .apexcharts-tooltip { background: #f3f3f3 !important; color: black !important; fill: black !important; } :root .theme-app16 .apexcharts-tooltip span { color: black !important; fill: black !important; } :root .theme-app16 .apexcharts-tooltip-text { color: black !important; fill: black !important; } :root .theme-app16 .apexcharts-tooltip-text-y-label { color: black !important; fill: black !important; } :root .theme-app16 .apexcharts-tooltip-y-group span { color: black !important; fill: black !important; } :root .theme-app16 .area-custom-gradient { fill: linear-gradient(to bottom, #FF5733, #FFCC00); } :root .theme-app16 ion-item-divider { border-color: var(--secondary); } :root .theme-app16 ion-item-divider ion-label { --border-color: var(--secondary) !important; /* Replace with your desired color */ border-color: var(--secondary); } :root .theme-app16 .btn-prev-next { border: 1px solid lightgray; background-color: transparent; color: var(--primaryText); width: 30px; font-size: large; } :root .theme-app16 ion-accordion-group ion-accordion .ion-accordion-toggle-icon { color: var(--primaryText); } :root .theme-app16 .device-status-box { border: 2px solid var(--secondary); /* Set the border color to your desired color */ box-shadow: none; /* Set the box shadow color */ } :root .theme-app16 .counts { color: var(--primaryText); text-align: center; } :root .theme-app16 gridster-item { background-color: var(--ion-background-color) !important; } :root .theme-app16 gridster { background-color: var(--ion-background-color) !important; } :root .theme-app16 ion-fab ion-fab-button { --background: var(--accent); color: white; } :root .theme-app16 #chart path.apexcharts-area { fill: #ff5733; /* Set the fill color to your desired color */ } :root .theme-app16 #chart path.apexcharts-area:hover { fill: #ff33cc; /* Set the hover fill color to your desired color */ } :root .theme-app16 .card-indent { margin-left: 100px !important; } :root .theme-app16 .card-indent:before { content: ""; position: absolute; top: 50%; left: 111px; /* Adjust this value to position the arrow */ width: 0; height: 0; border-style: solid; border-width: 5px 7px 0 7px; border-color: #000 transparent transparent transparent; /* Change color if needed */ transform: translateY(-50%) rotate(45deg); } :root .theme-app16 .valid-alert { --background: green; /* Set the background color to green */ /* You can add more custom styles here */ } :root .theme-app16 .invlid-alert { --background: red; /* Set the background color to red */ /* You can add more custom styles here */ } :root .theme-app16 .mat-tabs .mat-ink-bar { background-color: var(--accent) !important; } :root .theme-app16 .mat-table { overflow-x: scroll; } :root .theme-app16 .mat-cell, :root .theme-app16 .mat-header-cell { word-wrap: initial; display: table-cell; padding: 0px 10px; line-break: unset; width: 100%; white-space: nowrap; overflow: hidden; vertical-align: middle; } :root .theme-app16 .mat-row, :root .theme-app16 .mat-header-row { display: table-row; } :root .theme-app16 .mat-tab-label { padding: 5px; background-color: transparent; color: var(--accent); font-weight: 700; } :root .theme-app16 .mat-tab-label.mat-tab-label-active { padding: 5px; background-color: transparent; color: var(--accent); font-weight: 700; } :root .theme-app16 .mat-ink-bar { background-color: var(--accent); } :root .theme-app16 mat-label { color: var(--primaryText); } :root .theme-app16 mat-form-field { color: var(--primaryText); } :root .theme-app16 mat-form-field input { color: var(--primaryText); } :root .theme-app16 .mat-icon { color: var(--primaryText); } :root .mat-badge-content { font-weight: 600; font-size: 12px; font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-badge-small .mat-badge-content { font-size: 9px; } :root .mat-badge-large .mat-badge-content { font-size: 24px; } :root .mat-h1, :root .mat-headline, :root .mat-typography .mat-h1, :root .mat-typography .mat-headline, :root .mat-typography h1 { font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h2, :root .mat-title, :root .mat-typography .mat-h2, :root .mat-typography .mat-title, :root .mat-typography h2 { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h3, :root .mat-subheading-2, :root .mat-typography .mat-h3, :root .mat-typography .mat-subheading-2, :root .mat-typography h3 { font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h4, :root .mat-subheading-1, :root .mat-typography .mat-h4, :root .mat-typography .mat-subheading-1, :root .mat-typography h4 { font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h5, :root .mat-typography .mat-h5, :root .mat-typography h5 { font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } :root .mat-h6, :root .mat-typography .mat-h6, :root .mat-typography h6 { font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } :root .mat-body-strong, :root .mat-body-2, :root .mat-typography .mat-body-strong, :root .mat-typography .mat-body-2 { font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-body, :root .mat-body-1, :root .mat-typography .mat-body, :root .mat-typography .mat-body-1, :root .mat-typography { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-body p, :root .mat-body-1 p, :root .mat-typography .mat-body p, :root .mat-typography .mat-body-1 p, :root .mat-typography p { margin: 0 0 12px; } :root .mat-small, :root .mat-caption, :root .mat-typography .mat-small, :root .mat-typography .mat-caption { font: 400 12px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-display-4, :root .mat-typography .mat-display-4 { font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.05em; margin: 0 0 56px; } :root .mat-display-3, :root .mat-typography .mat-display-3 { font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.02em; margin: 0 0 64px; } :root .mat-display-2, :root .mat-typography .mat-display-2 { font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.005em; margin: 0 0 64px; } :root .mat-display-1, :root .mat-typography .mat-display-1 { font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 64px; } :root .mat-bottom-sheet-container { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-button, :root .mat-raised-button, :root .mat-icon-button, :root .mat-stroked-button, :root .mat-flat-button, :root .mat-fab, :root .mat-mini-fab { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-button-toggle { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-card { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-card-title { font-size: 24px; font-weight: 500; } :root .mat-card-header .mat-card-title { font-size: 20px; } :root .mat-card-subtitle, :root .mat-card-content { font-size: 14px; } :root .mat-checkbox { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-checkbox-layout .mat-checkbox-label { line-height: 24px; } :root .mat-chip { font-size: 14px; font-weight: 500; } :root .mat-chip .mat-chip-trailing-icon.mat-icon, :root .mat-chip .mat-chip-remove.mat-icon { font-size: 18px; } :root .mat-table { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-header-cell { font-size: 12px; font-weight: 500; } :root .mat-cell, :root .mat-footer-cell { font-size: 14px; } :root .mat-calendar { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-calendar-body { font-size: 13px; } :root .mat-calendar-body-label, :root .mat-calendar-period-button { font-size: 14px; font-weight: 500; } :root .mat-calendar-table-header th { font-size: 11px; font-weight: 400; } :root .mat-dialog-title { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-expansion-panel-header { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 15px; font-weight: 400; } :root .mat-expansion-panel-content { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-form-field { font-size: inherit; font-weight: 400; line-height: 1.125; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-form-field-wrapper { padding-bottom: 1.34375em; } :root .mat-form-field-prefix .mat-icon, :root .mat-form-field-suffix .mat-icon { font-size: 150%; line-height: 1.125; } :root .mat-form-field-prefix .mat-icon-button, :root .mat-form-field-suffix .mat-icon-button { height: 1.5em; width: 1.5em; } :root .mat-form-field-prefix .mat-icon-button .mat-icon, :root .mat-form-field-suffix .mat-icon-button .mat-icon { height: 1.125em; line-height: 1.125; } :root .mat-form-field-infix { padding: 0.5em 0; border-top: 0.84375em solid transparent; } :root .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34359em) scale(0.75); width: 133.3334933333%; } :root .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34358em) scale(0.75); width: 133.3335033333%; } :root .mat-form-field-label-wrapper { top: -0.84375em; padding-top: 0.84375em; } :root .mat-form-field-label { top: 1.34375em; } :root .mat-form-field-underline { bottom: 1.34375em; } :root .mat-form-field-subscript-wrapper { font-size: 75%; margin-top: 0.6666666667em; top: calc(100% - 1.7916666667em); } :root .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 1.25em; } :root .mat-form-field-appearance-legacy .mat-form-field-infix { padding: 0.4375em 0; } :root .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00148px); width: 133.3338133333%; } :root .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 { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00149px); width: 133.3338233333%; } :root .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 { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.0015px); width: 133.3338333333%; } :root .mat-form-field-appearance-legacy .mat-form-field-label { top: 1.28125em; } :root .mat-form-field-appearance-legacy .mat-form-field-underline { bottom: 1.25em; } :root .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { margin-top: 0.5416666667em; top: calc(100% - 1.6666666667em); } @media print { :root .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28074em) scale(0.75); } :root .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 { transform: translateY(-1.28073em) scale(0.75); } :root .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 { transform: translateY(-1.28072em) scale(0.75); } } :root .mat-form-field-appearance-fill .mat-form-field-infix { padding: 0.25em 0 0.75em 0; } :root .mat-form-field-appearance-fill .mat-form-field-label { top: 1.09375em; margin-top: -0.5em; } :root .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59359em) scale(0.75); width: 133.3334933333%; } :root .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 { transform: translateY(-0.59358em) scale(0.75); width: 133.3335033333%; } :root .mat-form-field-appearance-outline .mat-form-field-infix { padding: 1em 0 1em 0; } :root .mat-form-field-appearance-outline .mat-form-field-label { top: 1.84375em; margin-top: -0.25em; } :root .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59359em) scale(0.75); width: 133.3334933333%; } :root .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 { transform: translateY(-1.59358em) scale(0.75); width: 133.3335033333%; } :root .mat-grid-tile-header, :root .mat-grid-tile-footer { font-size: 14px; } :root .mat-grid-tile-header .mat-line, :root .mat-grid-tile-footer .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-grid-tile-header .mat-line:nth-child(n+2), :root .mat-grid-tile-footer .mat-line:nth-child(n+2) { font-size: 12px; } :root input.mat-input-element { margin-top: -0.0625em; } :root .mat-menu-item { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 400; } :root .mat-paginator, :root .mat-paginator-page-size .mat-select-trigger { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; } :root .mat-radio-button { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-select { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-select-trigger { height: 1.125em; } :root .mat-slide-toggle-content { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-slider-thumb-label-text { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } :root .mat-stepper-vertical, :root .mat-stepper-horizontal { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-step-label { font-size: 14px; font-weight: 400; } :root .mat-step-sub-label-error { font-weight: normal; } :root .mat-step-label-error { font-size: 14px; } :root .mat-step-label-selected { font-size: 14px; font-weight: 500; } :root .mat-tab-group { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-tab-label, :root .mat-tab-link { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-toolbar, :root .mat-toolbar h1, :root .mat-toolbar h2, :root .mat-toolbar h3, :root .mat-toolbar h4, :root .mat-toolbar h5, :root .mat-toolbar h6 { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0; } :root .mat-tooltip { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 10px; padding-top: 6px; padding-bottom: 6px; } :root .mat-tooltip-handset { font-size: 14px; padding-top: 8px; padding-bottom: 8px; } :root .mat-list-item { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-list-option { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-list-base .mat-list-item { font-size: 16px; } :root .mat-list-base .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base .mat-list-item .mat-line:nth-child(n+2) { font-size: 14px; } :root .mat-list-base .mat-list-option { font-size: 16px; } :root .mat-list-base .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base .mat-list-option .mat-line:nth-child(n+2) { font-size: 14px; } :root .mat-list-base .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-list-base[dense] .mat-list-item { font-size: 12px; } :root .mat-list-base[dense] .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) { font-size: 12px; } :root .mat-list-base[dense] .mat-list-option { font-size: 12px; } :root .mat-list-base[dense] .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) { font-size: 12px; } :root .mat-list-base[dense] .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } :root .mat-option { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 16px; } :root .mat-optgroup-label { font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-simple-snackbar { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; } :root .mat-simple-snackbar-action { line-height: 1; font-family: inherit; font-size: inherit; font-weight: 500; } :root .mat-tree { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-tree-node, :root .mat-nested-tree-node { font-weight: 400; font-size: 14px; } :root .mat-ripple { overflow: hidden; position: relative; } :root .mat-ripple:not(:empty) { transform: translateZ(0); } :root .mat-ripple.mat-ripple-unbounded { overflow: visible; } :root .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale(0); } .cdk-high-contrast-active :root .mat-ripple-element { display: none; } :root .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; outline: 0; -webkit-appearance: none; -moz-appearance: none; left: 0; } [dir=rtl] :root .cdk-visually-hidden { left: auto; right: 0; } :root .cdk-overlay-container, :root .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } :root .cdk-overlay-container { position: fixed; z-index: 1000; } :root .cdk-overlay-container:empty { display: none; } :root .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } :root .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } :root .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } :root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } .cdk-high-contrast-active :root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } :root .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } :root .cdk-overlay-transparent-backdrop { transition: visibility 1ms linear, opacity 1ms linear; visibility: hidden; opacity: 1; } :root .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; visibility: visible; } :root .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } :root .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } :root textarea.cdk-textarea-autosize { resize: none; } :root textarea.cdk-textarea-autosize-measuring { padding: 2px 0 !important; box-sizing: content-box !important; height: auto !important; overflow: hidden !important; } :root textarea.cdk-textarea-autosize-measuring-firefox { padding: 2px 0 !important; box-sizing: content-box !important; height: 0 !important; } @keyframes cdk-text-field-autofill-start { /*!*/ } @keyframes cdk-text-field-autofill-end { /*!*/ } :root .cdk-text-field-autofill-monitored:-webkit-autofill { animation: cdk-text-field-autofill-start 0s 1ms; } :root .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { animation: cdk-text-field-autofill-end 0s 1ms; } :root .mat-focus-indicator { position: relative; } :root .mat-mdc-focus-indicator { position: relative; } :root .theme-app18 { margin-top: 15px; /* # Global Font Size Section ================================================ ================================================*/ /* # Settings Size Avatar Section ================================================ ================================================*/ /* # Settings Size Thumbnail Section ================================================ ================================================*/ /* Track */ /* Handle */ /* Handle on hover */ /* Style the area path element when hovering (optional) */ /* active tab */ /* Styles for the active tab label */ /* Styles for the ink bar */ } :root .theme-app18 .dark { --primary: #000000; --secondary: #C7C7CC; --secondaryBase: #fff; --accent: #ffe734; --secondaryDark: #383D43; --accentLight:#ffe734; --accentDark: #ffe734; --borderColor: #ffe734; --accentHover: rgba(108, 212, 202, 0.5); --primaryText: #fff; --secondaryText: #8E8E93; --accentText: #ffe734; --secondaryBaseText: #EFEFF4; --accentLightText: #2D3035; --accentDarkText: #cecece; /** primary **/ --ion-color-primary: #2D3035; --ion-color-primary-rgb: 45, 48, 53; --ion-color-primary-contrast: #ffffff; --ion-color-primary-contrast-rgb: 255,255,255; --ion-color-primary-shade: #3171e0; --ion-color-primary-tint: #4c8dff; /** secondary **/ --ion-color-secondary: var(--accent); --ion-color-secondary-rgb: 199, 199, 204; --ion-color-secondary-contrast: #ffffff; --ion-color-secondary-contrast-rgb: 255,255,255; --ion-color-secondary-shade: #0bb8cc; --ion-color-secondary-tint: #24d6ea; /** tertiary **/ --ion-color-tertiary: #7044ff; --ion-color-tertiary-rgb: 112,68,255; --ion-color-tertiary-contrast: #ffffff; --ion-color-tertiary-contrast-rgb: 255,255,255; --ion-color-tertiary-shade: #633ce0; --ion-color-tertiary-tint: #7e57ff; /** success **/ --ion-color-success: #10dc60; --ion-color-success-rgb: 16,220,96; --ion-color-success-contrast: #ffffff; --ion-color-success-contrast-rgb: 255,255,255; --ion-color-success-shade: #0ec254; --ion-color-success-tint: #28e070; /** warning **/ --ion-color-warning: #ffce00; --ion-color-warning-rgb: 255,206,0; --ion-color-warning-contrast: #ffffff; --ion-color-warning-contrast-rgb: 255,255,255; --ion-color-warning-shade: #e0b500; --ion-color-warning-tint: #ffd31a; /** danger **/ --ion-color-danger: #f04141; --ion-color-danger-rgb: 245,61,61; --ion-color-danger-contrast: #ffffff; --ion-color-danger-contrast-rgb: 255,255,255; --ion-color-danger-shade: #d33939; --ion-color-danger-tint: #f25454; /** dark **/ --ion-color-dark: #222428; --ion-color-dark-rgb: 34,34,34; --ion-color-dark-contrast: #ffffff; --ion-color-dark-contrast-rgb: 255,255,255; --ion-color-dark-shade: #1e2023; --ion-color-dark-tint: #383a3e; /** medium **/ --ion-color-medium: #989aa2; --ion-color-medium-rgb: 152,154,162; --ion-color-medium-contrast: #ffffff; --ion-color-medium-contrast-rgb: 255,255,255; --ion-color-medium-shade: #86888f; --ion-color-medium-tint: #a2a4ab; /** light **/ --ion-color-light: #f4f5f8; --ion-color-light-rgb: 244,244,244; --ion-color-light-contrast: #0a0a0a; --ion-color-light-contrast-rgb: 0,0,0; --ion-color-light-shade: #d7d8da; --ion-color-light-tint: #f5f6f9; --ion-background-color: var(--primary); --ion-border-color: var(--borderColor); } :root .theme-app18 .dark .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app18 .dark .mat-option { color: white; } :root .theme-app18 .dark .mat-option:hover:not(.mat-option-disabled), :root .theme-app18 .dark .mat-option:focus:not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } :root .theme-app18 .dark .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } :root .theme-app18 .dark .mat-option.mat-active { background: rgba(255, 255, 255, 0.04); color: white; } :root .theme-app18 .dark .mat-option.mat-option-disabled { color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #ffeb3b; } :root .theme-app18 .dark .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: yellow; } :root .theme-app18 .dark .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #ff5722; } :root .theme-app18 .dark .mat-optgroup-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app18 .dark .mat-optgroup-disabled .mat-optgroup-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-pseudo-checkbox { color: rgba(255, 255, 255, 0.7); } :root .theme-app18 .dark .mat-pseudo-checkbox::after { color: #303030; } :root .theme-app18 .dark .mat-pseudo-checkbox-disabled { color: #686868; } :root .theme-app18 .dark .mat-primary .mat-pseudo-checkbox-checked, :root .theme-app18 .dark .mat-primary .mat-pseudo-checkbox-indeterminate { background: #ffeb3b; } :root .theme-app18 .dark .mat-pseudo-checkbox-checked, :root .theme-app18 .dark .mat-pseudo-checkbox-indeterminate, :root .theme-app18 .dark .mat-accent .mat-pseudo-checkbox-checked, :root .theme-app18 .dark .mat-accent .mat-pseudo-checkbox-indeterminate { background: yellow; } :root .theme-app18 .dark .mat-warn .mat-pseudo-checkbox-checked, :root .theme-app18 .dark .mat-warn .mat-pseudo-checkbox-indeterminate { background: #ff5722; } :root .theme-app18 .dark .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, :root .theme-app18 .dark .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #686868; } :root .theme-app18 .dark .mat-app-background, :root .theme-app18 .dark.mat-app-background { background-color: #303030; color: white; } :root .theme-app18 .dark .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } :root .theme-app18 .dark .mat-autocomplete-panel { background: #424242; color: white; } :root .theme-app18 .dark .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: #424242; } :root .theme-app18 .dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: white; } :root .theme-app18 .dark .mat-badge { position: relative; } :root .theme-app18 .dark .mat-badge.mat-badge { overflow: visible; } :root .theme-app18 .dark .mat-badge-hidden .mat-badge-content { display: none; } :root .theme-app18 .dark .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } :root .theme-app18 .dark .ng-animate-disabled .mat-badge-content, :root .theme-app18 .dark .mat-badge-content._mat-animation-noopable { transition: none; } :root .theme-app18 .dark .mat-badge-content.mat-badge-active { transform: none; } :root .theme-app18 .dark .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } :root .theme-app18 .dark .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } :root .theme-app18 .dark .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } :root .theme-app18 .dark .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] :root .theme-app18 .dark .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } :root .theme-app18 .dark .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] :root .theme-app18 .dark .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } :root .theme-app18 .dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] :root .theme-app18 .dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } :root .theme-app18 .dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] :root .theme-app18 .dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } :root .theme-app18 .dark .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } :root .theme-app18 .dark .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } :root .theme-app18 .dark .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } :root .theme-app18 .dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] :root .theme-app18 .dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } :root .theme-app18 .dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] :root .theme-app18 .dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } :root .theme-app18 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] :root .theme-app18 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } :root .theme-app18 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] :root .theme-app18 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } :root .theme-app18 .dark .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } :root .theme-app18 .dark .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } :root .theme-app18 .dark .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } :root .theme-app18 .dark .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] :root .theme-app18 .dark .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } :root .theme-app18 .dark .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] :root .theme-app18 .dark .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } :root .theme-app18 .dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] :root .theme-app18 .dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } :root .theme-app18 .dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] :root .theme-app18 .dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } :root .theme-app18 .dark .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #ffeb3b; } .cdk-high-contrast-active :root .theme-app18 .dark .mat-badge-content { outline: solid 1px; border-radius: 0; } :root .theme-app18 .dark .mat-badge-accent .mat-badge-content { background: yellow; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .dark .mat-badge-warn .mat-badge-content { color: white; background: #ff5722; } :root .theme-app18 .dark .mat-badge-disabled .mat-badge-content { background: #6e6e6e; color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: #424242; color: white; } :root .theme-app18 .dark .mat-button, :root .theme-app18 .dark .mat-icon-button, :root .theme-app18 .dark .mat-stroked-button { color: inherit; background: transparent; } :root .theme-app18 .dark .mat-button.mat-primary, :root .theme-app18 .dark .mat-icon-button.mat-primary, :root .theme-app18 .dark .mat-stroked-button.mat-primary { color: #ffeb3b; } :root .theme-app18 .dark .mat-button.mat-accent, :root .theme-app18 .dark .mat-icon-button.mat-accent, :root .theme-app18 .dark .mat-stroked-button.mat-accent { color: yellow; } :root .theme-app18 .dark .mat-button.mat-warn, :root .theme-app18 .dark .mat-icon-button.mat-warn, :root .theme-app18 .dark .mat-stroked-button.mat-warn { color: #ff5722; } :root .theme-app18 .dark .mat-button.mat-primary.mat-button-disabled, :root .theme-app18 .dark .mat-button.mat-accent.mat-button-disabled, :root .theme-app18 .dark .mat-button.mat-warn.mat-button-disabled, :root .theme-app18 .dark .mat-button.mat-button-disabled.mat-button-disabled, :root .theme-app18 .dark .mat-icon-button.mat-primary.mat-button-disabled, :root .theme-app18 .dark .mat-icon-button.mat-accent.mat-button-disabled, :root .theme-app18 .dark .mat-icon-button.mat-warn.mat-button-disabled, :root .theme-app18 .dark .mat-icon-button.mat-button-disabled.mat-button-disabled, :root .theme-app18 .dark .mat-stroked-button.mat-primary.mat-button-disabled, :root .theme-app18 .dark .mat-stroked-button.mat-accent.mat-button-disabled, :root .theme-app18 .dark .mat-stroked-button.mat-warn.mat-button-disabled, :root .theme-app18 .dark .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } :root .theme-app18 .dark .mat-button.mat-primary .mat-button-focus-overlay, :root .theme-app18 .dark .mat-icon-button.mat-primary .mat-button-focus-overlay, :root .theme-app18 .dark .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #ffeb3b; } :root .theme-app18 .dark .mat-button.mat-accent .mat-button-focus-overlay, :root .theme-app18 .dark .mat-icon-button.mat-accent .mat-button-focus-overlay, :root .theme-app18 .dark .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: yellow; } :root .theme-app18 .dark .mat-button.mat-warn .mat-button-focus-overlay, :root .theme-app18 .dark .mat-icon-button.mat-warn .mat-button-focus-overlay, :root .theme-app18 .dark .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #ff5722; } :root .theme-app18 .dark .mat-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app18 .dark .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app18 .dark .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } :root .theme-app18 .dark .mat-button .mat-ripple-element, :root .theme-app18 .dark .mat-icon-button .mat-ripple-element, :root .theme-app18 .dark .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } :root .theme-app18 .dark .mat-button-focus-overlay { background: white; } :root .theme-app18 .dark .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(255, 255, 255, 0.12); } :root .theme-app18 .dark .mat-flat-button, :root .theme-app18 .dark .mat-raised-button, :root .theme-app18 .dark .mat-fab, :root .theme-app18 .dark .mat-mini-fab { color: white; background-color: #424242; } :root .theme-app18 .dark .mat-flat-button.mat-primary, :root .theme-app18 .dark .mat-raised-button.mat-primary, :root .theme-app18 .dark .mat-fab.mat-primary, :root .theme-app18 .dark .mat-mini-fab.mat-primary { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .dark .mat-flat-button.mat-accent, :root .theme-app18 .dark .mat-raised-button.mat-accent, :root .theme-app18 .dark .mat-fab.mat-accent, :root .theme-app18 .dark .mat-mini-fab.mat-accent { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .dark .mat-flat-button.mat-warn, :root .theme-app18 .dark .mat-raised-button.mat-warn, :root .theme-app18 .dark .mat-fab.mat-warn, :root .theme-app18 .dark .mat-mini-fab.mat-warn { color: white; } :root .theme-app18 .dark .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app18 .dark .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app18 .dark .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app18 .dark .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app18 .dark .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app18 .dark .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app18 .dark .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app18 .dark .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app18 .dark .mat-fab.mat-primary.mat-button-disabled, :root .theme-app18 .dark .mat-fab.mat-accent.mat-button-disabled, :root .theme-app18 .dark .mat-fab.mat-warn.mat-button-disabled, :root .theme-app18 .dark .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app18 .dark .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app18 .dark .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app18 .dark .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app18 .dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } :root .theme-app18 .dark .mat-flat-button.mat-primary, :root .theme-app18 .dark .mat-raised-button.mat-primary, :root .theme-app18 .dark .mat-fab.mat-primary, :root .theme-app18 .dark .mat-mini-fab.mat-primary { background-color: #ffeb3b; } :root .theme-app18 .dark .mat-flat-button.mat-accent, :root .theme-app18 .dark .mat-raised-button.mat-accent, :root .theme-app18 .dark .mat-fab.mat-accent, :root .theme-app18 .dark .mat-mini-fab.mat-accent { background-color: yellow; } :root .theme-app18 .dark .mat-flat-button.mat-warn, :root .theme-app18 .dark .mat-raised-button.mat-warn, :root .theme-app18 .dark .mat-fab.mat-warn, :root .theme-app18 .dark .mat-mini-fab.mat-warn { background-color: #ff5722; } :root .theme-app18 .dark .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app18 .dark .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app18 .dark .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app18 .dark .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app18 .dark .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app18 .dark .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app18 .dark .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app18 .dark .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app18 .dark .mat-fab.mat-primary.mat-button-disabled, :root .theme-app18 .dark .mat-fab.mat-accent.mat-button-disabled, :root .theme-app18 .dark .mat-fab.mat-warn.mat-button-disabled, :root .theme-app18 .dark .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app18 .dark .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app18 .dark .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app18 .dark .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app18 .dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app18 .dark .mat-flat-button.mat-primary .mat-ripple-element, :root .theme-app18 .dark .mat-raised-button.mat-primary .mat-ripple-element, :root .theme-app18 .dark .mat-fab.mat-primary .mat-ripple-element, :root .theme-app18 .dark .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app18 .dark .mat-flat-button.mat-accent .mat-ripple-element, :root .theme-app18 .dark .mat-raised-button.mat-accent .mat-ripple-element, :root .theme-app18 .dark .mat-fab.mat-accent .mat-ripple-element, :root .theme-app18 .dark .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app18 .dark .mat-flat-button.mat-warn .mat-ripple-element, :root .theme-app18 .dark .mat-raised-button.mat-warn .mat-ripple-element, :root .theme-app18 .dark .mat-fab.mat-warn .mat-ripple-element, :root .theme-app18 .dark .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app18 .dark .mat-stroked-button:not([class*=mat-elevation-z]), :root .theme-app18 .dark .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-fab:not([class*=mat-elevation-z]), :root .theme-app18 .dark .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), :root .theme-app18 .dark .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), :root .theme-app18 .dark .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-button-toggle-standalone:not([class*=mat-elevation-z]), :root .theme-app18 .dark .mat-button-toggle-group:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), :root .theme-app18 .dark .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) { box-shadow: none; } :root .theme-app18 .dark .mat-button-toggle { color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app18 .dark .mat-button-toggle-appearance-standard { color: white; background: #424242; } :root .theme-app18 .dark .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: white; } :root .theme-app18 .dark .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px #595959; } :root .theme-app18 .dark [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px #595959; } :root .theme-app18 .dark .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px #595959; } :root .theme-app18 .dark .mat-button-toggle-checked { background-color: #212121; color: rgba(255, 255, 255, 0.7); } :root .theme-app18 .dark .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: white; } :root .theme-app18 .dark .mat-button-toggle-disabled { color: rgba(255, 255, 255, 0.3); background-color: black; } :root .theme-app18 .dark .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: #424242; } :root .theme-app18 .dark .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #424242; } :root .theme-app18 .dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, :root .theme-app18 .dark .mat-button-toggle-group-appearance-standard { border: solid 1px #595959; } :root .theme-app18 .dark .mat-card { background: #424242; color: white; } :root .theme-app18 .dark .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-card-subtitle { color: rgba(255, 255, 255, 0.7); } :root .theme-app18 .dark .mat-checkbox-frame { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app18 .dark .mat-checkbox-checkmark { fill: #303030; } :root .theme-app18 .dark .mat-checkbox-checkmark-path { stroke: #303030 !important; } :root .theme-app18 .dark .mat-checkbox-mixedmark { background-color: #303030; } :root .theme-app18 .dark .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, :root .theme-app18 .dark .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #ffeb3b; } :root .theme-app18 .dark .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, :root .theme-app18 .dark .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: yellow; } :root .theme-app18 .dark .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, :root .theme-app18 .dark .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #ff5722; } :root .theme-app18 .dark .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, :root .theme-app18 .dark .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #686868; } :root .theme-app18 .dark .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #686868; } :root .theme-app18 .dark .mat-checkbox-disabled .mat-checkbox-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-checkbox .mat-ripple-element { background-color: white; } :root .theme-app18 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, :root .theme-app18 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #ffeb3b; } :root .theme-app18 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, :root .theme-app18 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: yellow; } :root .theme-app18 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, :root .theme-app18 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #ff5722; } :root .theme-app18 .dark .mat-chip.mat-standard-chip { background-color: #616161; color: white; } :root .theme-app18 .dark .mat-chip.mat-standard-chip .mat-chip-remove { color: white; opacity: 0.4; } :root .theme-app18 .dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } :root .theme-app18 .dark .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } :root .theme-app18 .dark .mat-chip.mat-standard-chip::after { background: white; } :root .theme-app18 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #ffeb3b; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app18 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app18 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #ff5722; color: white; } :root .theme-app18 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } :root .theme-app18 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app18 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: yellow; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app18 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app18 .dark .mat-table { background: #424242; } :root .theme-app18 .dark .mat-table thead, :root .theme-app18 .dark .mat-table tbody, :root .theme-app18 .dark .mat-table tfoot, :root .theme-app18 .dark mat-header-row, :root .theme-app18 .dark mat-row, :root .theme-app18 .dark mat-footer-row, :root .theme-app18 .dark [mat-header-row], :root .theme-app18 .dark [mat-row], :root .theme-app18 .dark [mat-footer-row], :root .theme-app18 .dark .mat-table-sticky { background: inherit; } :root .theme-app18 .dark mat-row, :root .theme-app18 .dark mat-header-row, :root .theme-app18 .dark mat-footer-row, :root .theme-app18 .dark th.mat-header-cell, :root .theme-app18 .dark td.mat-cell, :root .theme-app18 .dark td.mat-footer-cell { border-bottom-color: rgba(255, 255, 255, 0.12); } :root .theme-app18 .dark .mat-header-cell { color: rgba(255, 255, 255, 0.7); } :root .theme-app18 .dark .mat-cell, :root .theme-app18 .dark .mat-footer-cell { color: white; } :root .theme-app18 .dark .mat-calendar-arrow { fill: white; } :root .theme-app18 .dark .mat-datepicker-toggle, :root .theme-app18 .dark .mat-datepicker-content .mat-calendar-next-button, :root .theme-app18 .dark .mat-datepicker-content .mat-calendar-previous-button { color: white; } :root .theme-app18 .dark .mat-calendar-table-header-divider::after { background: rgba(255, 255, 255, 0.12); } :root .theme-app18 .dark .mat-calendar-table-header, :root .theme-app18 .dark .mat-calendar-body-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app18 .dark .mat-calendar-body-cell-content, :root .theme-app18 .dark .mat-date-range-input-separator { color: white; border-color: transparent; } :root .theme-app18 .dark .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-calendar-body-in-preview { color: rgba(255, 255, 255, 0.24); } :root .theme-app18 .dark .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app18 .dark .mat-calendar-body-in-range::before { background: rgba(255, 235, 59, 0.2); } :root .theme-app18 .dark .mat-calendar-body-comparison-identical, :root .theme-app18 .dark .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app18 .dark .mat-calendar-body-comparison-bridge-start::before, :root .theme-app18 .dark [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 235, 59, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app18 .dark .mat-calendar-body-comparison-bridge-end::before, :root .theme-app18 .dark [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 235, 59, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app18 .dark .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app18 .dark .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app18 .dark .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app18 .dark .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app18 .dark .mat-calendar-body-selected { background-color: #ffeb3b; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .dark .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 235, 59, 0.4); } :root .theme-app18 .dark .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app18 .dark .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app18 .dark .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 235, 59, 0.3); } @media (hover: hover) { :root .theme-app18 .dark .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 235, 59, 0.3); } } :root .theme-app18 .dark .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: #424242; color: white; } :root .theme-app18 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(255, 255, 0, 0.2); } :root .theme-app18 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, :root .theme-app18 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app18 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, :root .theme-app18 .dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 255, 0, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app18 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, :root .theme-app18 .dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 255, 0, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app18 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app18 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app18 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app18 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app18 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: yellow; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 255, 0, 0.4); } :root .theme-app18 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app18 .dark .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app18 .dark .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 255, 0, 0.3); } @media (hover: hover) { :root .theme-app18 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 255, 0, 0.3); } } :root .theme-app18 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(255, 87, 34, 0.2); } :root .theme-app18 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, :root .theme-app18 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app18 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, :root .theme-app18 .dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 87, 34, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app18 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, :root .theme-app18 .dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 87, 34, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app18 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app18 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app18 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app18 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app18 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #ff5722; color: white; } :root .theme-app18 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 87, 34, 0.4); } :root .theme-app18 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } :root .theme-app18 .dark .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app18 .dark .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 87, 34, 0.3); } @media (hover: hover) { :root .theme-app18 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 87, 34, 0.3); } } :root .theme-app18 .dark .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-datepicker-toggle-active { color: #ffeb3b; } :root .theme-app18 .dark .mat-datepicker-toggle-active.mat-accent { color: yellow; } :root .theme-app18 .dark .mat-datepicker-toggle-active.mat-warn { color: #ff5722; } :root .theme-app18 .dark .mat-date-range-input-inner[disabled] { color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: #424242; color: white; } :root .theme-app18 .dark .mat-divider { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app18 .dark .mat-divider-vertical { border-right-color: rgba(255, 255, 255, 0.12); } :root .theme-app18 .dark .mat-expansion-panel { background: #424242; color: white; } :root .theme-app18 .dark .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-action-row { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app18 .dark .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), :root .theme-app18 .dark .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), :root .theme-app18 .dark .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(255, 255, 255, 0.04); } @media (hover: none) { :root .theme-app18 .dark .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: #424242; } } :root .theme-app18 .dark .mat-expansion-panel-header-title { color: white; } :root .theme-app18 .dark .mat-expansion-panel-header-description, :root .theme-app18 .dark .mat-expansion-indicator::after { color: rgba(255, 255, 255, 0.7); } :root .theme-app18 .dark .mat-expansion-panel-header[aria-disabled=true] { color: rgba(255, 255, 255, 0.3); } :root .theme-app18 .dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, :root .theme-app18 .dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } :root .theme-app18 .dark .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app18 .dark .mat-hint { color: rgba(255, 255, 255, 0.7); } :root .theme-app18 .dark .mat-form-field.mat-focused .mat-form-field-label { color: #ffeb3b; } :root .theme-app18 .dark .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: yellow; } :root .theme-app18 .dark .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #ff5722; } :root .theme-app18 .dark .mat-focused .mat-form-field-required-marker { color: yellow; } :root .theme-app18 .dark .mat-form-field-ripple { background-color: white; } :root .theme-app18 .dark .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #ffeb3b; } :root .theme-app18 .dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: yellow; } :root .theme-app18 .dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #ff5722; } :root .theme-app18 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #ffeb3b; } :root .theme-app18 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: yellow; } :root .theme-app18 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #ff5722; } :root .theme-app18 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #ff5722; } :root .theme-app18 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, :root .theme-app18 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #ff5722; } :root .theme-app18 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, :root .theme-app18 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #ff5722; } :root .theme-app18 .dark .mat-error { color: #ff5722; } :root .theme-app18 .dark .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app18 .dark .mat-form-field-appearance-legacy .mat-hint { color: rgba(255, 255, 255, 0.7); } :root .theme-app18 .dark .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } :root .theme-app18 .dark .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app18 .dark .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } :root .theme-app18 .dark .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app18 .dark .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app18 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.05); } :root .theme-app18 .dark .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } :root .theme-app18 .dark .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(255, 255, 255, 0.3); } :root .theme-app18 .dark .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: white; } :root .theme-app18 .dark .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #ffeb3b; } :root .theme-app18 .dark .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: yellow; } :root .theme-app18 .dark .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #ff5722; } :root .theme-app18 .dark .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #ff5722; } :root .theme-app18 .dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(255, 255, 255, 0.15); } :root .theme-app18 .dark .mat-icon.mat-primary { color: #ffeb3b; } :root .theme-app18 .dark .mat-icon.mat-accent { color: yellow; } :root .theme-app18 .dark .mat-icon.mat-warn { color: #ff5722; } :root .theme-app18 .dark .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.7); } :root .theme-app18 .dark .mat-input-element:disabled, :root .theme-app18 .dark .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-input-element { caret-color: #ffeb3b; } :root .theme-app18 .dark .mat-input-element::placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-input-element::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-input-element::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-input-element:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-input-element:not(.mat-native-select-inline) option { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .dark .mat-input-element:not(.mat-native-select-inline) option:disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app18 .dark .mat-form-field.mat-accent .mat-input-element { caret-color: yellow; } :root .theme-app18 .dark .mat-form-field.mat-warn .mat-input-element, :root .theme-app18 .dark .mat-form-field-invalid .mat-input-element { caret-color: #ff5722; } :root .theme-app18 .dark .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #ff5722; } :root .theme-app18 .dark .mat-list-base .mat-list-item { color: white; } :root .theme-app18 .dark .mat-list-base .mat-list-option { color: white; } :root .theme-app18 .dark .mat-list-base .mat-subheader { color: rgba(255, 255, 255, 0.7); } :root .theme-app18 .dark .mat-list-base .mat-list-item-disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-list-option:hover, :root .theme-app18 .dark .mat-list-option:focus, :root .theme-app18 .dark .mat-nav-list .mat-list-item:hover, :root .theme-app18 .dark .mat-nav-list .mat-list-item:focus, :root .theme-app18 .dark .mat-action-list .mat-list-item:hover, :root .theme-app18 .dark .mat-action-list .mat-list-item:focus { background: rgba(255, 255, 255, 0.04); } :root .theme-app18 .dark .mat-list-single-selected-option, :root .theme-app18 .dark .mat-list-single-selected-option:hover, :root .theme-app18 .dark .mat-list-single-selected-option:focus { background: rgba(255, 255, 255, 0.12); } :root .theme-app18 .dark .mat-menu-panel { background: #424242; } :root .theme-app18 .dark .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-menu-item { background: transparent; color: white; } :root .theme-app18 .dark .mat-menu-item[disabled], :root .theme-app18 .dark .mat-menu-item[disabled] .mat-menu-submenu-icon, :root .theme-app18 .dark .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-menu-item .mat-icon-no-color, :root .theme-app18 .dark .mat-menu-submenu-icon { color: white; } :root .theme-app18 .dark .mat-menu-item:hover:not([disabled]), :root .theme-app18 .dark .mat-menu-item.cdk-program-focused:not([disabled]), :root .theme-app18 .dark .mat-menu-item.cdk-keyboard-focused:not([disabled]), :root .theme-app18 .dark .mat-menu-item-highlighted:not([disabled]) { background: rgba(255, 255, 255, 0.04); } :root .theme-app18 .dark .mat-paginator { background: #424242; } :root .theme-app18 .dark .mat-paginator, :root .theme-app18 .dark .mat-paginator-page-size .mat-select-trigger { color: rgba(255, 255, 255, 0.7); } :root .theme-app18 .dark .mat-paginator-decrement, :root .theme-app18 .dark .mat-paginator-increment { border-top: 2px solid white; border-right: 2px solid white; } :root .theme-app18 .dark .mat-paginator-first, :root .theme-app18 .dark .mat-paginator-last { border-top: 2px solid white; } :root .theme-app18 .dark .mat-icon-button[disabled] .mat-paginator-decrement, :root .theme-app18 .dark .mat-icon-button[disabled] .mat-paginator-increment, :root .theme-app18 .dark .mat-icon-button[disabled] .mat-paginator-first, :root .theme-app18 .dark .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-progress-bar-background { fill: #645f33; } :root .theme-app18 .dark .mat-progress-bar-buffer { background-color: #645f33; } :root .theme-app18 .dark .mat-progress-bar-fill::after { background-color: #ffeb3b; } :root .theme-app18 .dark .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #646424; } :root .theme-app18 .dark .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #646424; } :root .theme-app18 .dark .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: yellow; } :root .theme-app18 .dark .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #643a2d; } :root .theme-app18 .dark .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #643a2d; } :root .theme-app18 .dark .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #ff5722; } :root .theme-app18 .dark .mat-progress-spinner circle, :root .theme-app18 .dark .mat-spinner circle { stroke: #ffeb3b; } :root .theme-app18 .dark .mat-progress-spinner.mat-accent circle, :root .theme-app18 .dark .mat-spinner.mat-accent circle { stroke: yellow; } :root .theme-app18 .dark .mat-progress-spinner.mat-warn circle, :root .theme-app18 .dark .mat-spinner.mat-warn circle { stroke: #ff5722; } :root .theme-app18 .dark .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app18 .dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #ffeb3b; } :root .theme-app18 .dark .mat-radio-button.mat-primary .mat-radio-inner-circle, :root .theme-app18 .dark .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app18 .dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app18 .dark .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #ffeb3b; } :root .theme-app18 .dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: yellow; } :root .theme-app18 .dark .mat-radio-button.mat-accent .mat-radio-inner-circle, :root .theme-app18 .dark .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app18 .dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app18 .dark .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: yellow; } :root .theme-app18 .dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #ff5722; } :root .theme-app18 .dark .mat-radio-button.mat-warn .mat-radio-inner-circle, :root .theme-app18 .dark .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app18 .dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app18 .dark .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #ff5722; } :root .theme-app18 .dark .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, :root .theme-app18 .dark .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, :root .theme-app18 .dark .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-radio-button .mat-ripple-element { background-color: white; } :root .theme-app18 .dark .mat-select-value { color: white; } :root .theme-app18 .dark .mat-select-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-select-disabled .mat-select-value { color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-select-arrow { color: rgba(255, 255, 255, 0.7); } :root .theme-app18 .dark .mat-select-panel { background: #424242; } :root .theme-app18 .dark .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(255, 255, 255, 0.12); } :root .theme-app18 .dark .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #ffeb3b; } :root .theme-app18 .dark .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: yellow; } :root .theme-app18 .dark .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #ff5722; } :root .theme-app18 .dark .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #ff5722; } :root .theme-app18 .dark .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-drawer-container { background-color: #303030; color: white; } :root .theme-app18 .dark .mat-drawer { background-color: #424242; color: white; } :root .theme-app18 .dark .mat-drawer.mat-drawer-push { background-color: #424242; } :root .theme-app18 .dark .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-drawer-side { border-right: solid 1px rgba(255, 255, 255, 0.12); } :root .theme-app18 .dark .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } :root .theme-app18 .dark [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } :root .theme-app18 .dark [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(255, 255, 255, 0.12); } :root .theme-app18 .dark .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(189, 189, 189, 0.6); } :root .theme-app18 .dark .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: yellow; } :root .theme-app18 .dark .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 255, 0, 0.54); } :root .theme-app18 .dark .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: yellow; } :root .theme-app18 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #ffeb3b; } :root .theme-app18 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 235, 59, 0.54); } :root .theme-app18 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #ffeb3b; } :root .theme-app18 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #ff5722; } :root .theme-app18 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 87, 34, 0.54); } :root .theme-app18 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #ff5722; } :root .theme-app18 .dark .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: white; } :root .theme-app18 .dark .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #bdbdbd; } :root .theme-app18 .dark .mat-slide-toggle-bar { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app18 .dark .mat-slider.mat-primary .mat-slider-track-fill, :root .theme-app18 .dark .mat-slider.mat-primary .mat-slider-thumb, :root .theme-app18 .dark .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #ffeb3b; } :root .theme-app18 .dark .mat-slider.mat-primary .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .dark .mat-slider.mat-primary .mat-slider-focus-ring { background-color: rgba(255, 235, 59, 0.2); } :root .theme-app18 .dark .mat-slider.mat-accent .mat-slider-track-fill, :root .theme-app18 .dark .mat-slider.mat-accent .mat-slider-thumb, :root .theme-app18 .dark .mat-slider.mat-accent .mat-slider-thumb-label { background-color: yellow; } :root .theme-app18 .dark .mat-slider.mat-accent .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .dark .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(255, 255, 0, 0.2); } :root .theme-app18 .dark .mat-slider.mat-warn .mat-slider-track-fill, :root .theme-app18 .dark .mat-slider.mat-warn .mat-slider-thumb, :root .theme-app18 .dark .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #ff5722; } :root .theme-app18 .dark .mat-slider.mat-warn .mat-slider-thumb-label-text { color: white; } :root .theme-app18 .dark .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(255, 87, 34, 0.2); } :root .theme-app18 .dark .mat-slider:hover .mat-slider-track-background, :root .theme-app18 .dark .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app18 .dark .mat-slider.mat-slider-disabled .mat-slider-track-background, :root .theme-app18 .dark .mat-slider.mat-slider-disabled .mat-slider-track-fill, :root .theme-app18 .dark .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app18 .dark .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app18 .dark .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app18 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, :root .theme-app18 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: white; } :root .theme-app18 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, :root .theme-app18 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app18 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); background-color: transparent; } :root .theme-app18 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, :root .theme-app18 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app18 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, :root .theme-app18 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app18 .dark .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app18 .dark .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } :root .theme-app18 .dark .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } :root .theme-app18 .dark .mat-step-header.cdk-keyboard-focused, :root .theme-app18 .dark .mat-step-header.cdk-program-focused, :root .theme-app18 .dark .mat-step-header:hover:not([aria-disabled]), :root .theme-app18 .dark .mat-step-header:hover[aria-disabled=false] { background-color: rgba(255, 255, 255, 0.04); } :root .theme-app18 .dark .mat-step-header:hover[aria-disabled=true] { cursor: default; } @media (hover: none) { :root .theme-app18 .dark .mat-step-header:hover { background: none; } } :root .theme-app18 .dark .mat-step-header .mat-step-label, :root .theme-app18 .dark .mat-step-header .mat-step-optional { color: rgba(255, 255, 255, 0.7); } :root .theme-app18 .dark .mat-step-header .mat-step-icon { background-color: rgba(255, 255, 255, 0.7); color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .dark .mat-step-header .mat-step-icon-selected, :root .theme-app18 .dark .mat-step-header .mat-step-icon-state-done, :root .theme-app18 .dark .mat-step-header .mat-step-icon-state-edit { background-color: #ffeb3b; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .dark .mat-step-header.mat-accent .mat-step-icon { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .dark .mat-step-header.mat-accent .mat-step-icon-selected, :root .theme-app18 .dark .mat-step-header.mat-accent .mat-step-icon-state-done, :root .theme-app18 .dark .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: yellow; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .dark .mat-step-header.mat-warn .mat-step-icon { color: white; } :root .theme-app18 .dark .mat-step-header.mat-warn .mat-step-icon-selected, :root .theme-app18 .dark .mat-step-header.mat-warn .mat-step-icon-state-done, :root .theme-app18 .dark .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #ff5722; color: white; } :root .theme-app18 .dark .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #ff5722; } :root .theme-app18 .dark .mat-step-header .mat-step-label.mat-step-label-active { color: white; } :root .theme-app18 .dark .mat-step-header .mat-step-label.mat-step-label-error { color: #ff5722; } :root .theme-app18 .dark .mat-stepper-horizontal, :root .theme-app18 .dark .mat-stepper-vertical { background-color: #424242; } :root .theme-app18 .dark .mat-stepper-vertical-line::before { border-left-color: rgba(255, 255, 255, 0.12); } :root .theme-app18 .dark .mat-horizontal-stepper-header::before, :root .theme-app18 .dark .mat-horizontal-stepper-header::after, :root .theme-app18 .dark .mat-stepper-horizontal-line { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app18 .dark .mat-sort-header-arrow { color: #c6c6c6; } :root .theme-app18 .dark .mat-tab-nav-bar, :root .theme-app18 .dark .mat-tab-header { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } :root .theme-app18 .dark .mat-tab-group-inverted-header .mat-tab-nav-bar, :root .theme-app18 .dark .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(255, 255, 255, 0.12); border-bottom: none; } :root .theme-app18 .dark .mat-tab-label, :root .theme-app18 .dark .mat-tab-link { color: white; } :root .theme-app18 .dark .mat-tab-label.mat-tab-disabled, :root .theme-app18 .dark .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-tab-header-pagination-chevron { border-color: white; } :root .theme-app18 .dark .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app18 .dark .mat-tab-group[class*=mat-background-] > .mat-tab-header, :root .theme-app18 .dark .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } :root .theme-app18 .dark .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 249, 196, 0.3); } :root .theme-app18 .dark .mat-tab-group.mat-primary .mat-ink-bar, :root .theme-app18 .dark .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #ffeb3b; } :root .theme-app18 .dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app18 .dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, :root .theme-app18 .dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app18 .dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .dark .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 255, 141, 0.3); } :root .theme-app18 .dark .mat-tab-group.mat-accent .mat-ink-bar, :root .theme-app18 .dark .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: yellow; } :root .theme-app18 .dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app18 .dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, :root .theme-app18 .dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app18 .dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .dark .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app18 .dark .mat-tab-group.mat-warn .mat-ink-bar, :root .theme-app18 .dark .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #ff5722; } :root .theme-app18 .dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app18 .dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, :root .theme-app18 .dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app18 .dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: white; } :root .theme-app18 .dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 249, 196, 0.3); } :root .theme-app18 .dark .mat-tab-group.mat-background-primary > .mat-tab-header, :root .theme-app18 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container, :root .theme-app18 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #ffeb3b; } :root .theme-app18 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app18 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app18 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app18 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app18 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app18 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app18 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app18 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app18 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app18 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app18 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app18 .dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 255, 141, 0.3); } :root .theme-app18 .dark .mat-tab-group.mat-background-accent > .mat-tab-header, :root .theme-app18 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container, :root .theme-app18 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: yellow; } :root .theme-app18 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app18 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app18 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app18 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app18 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app18 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app18 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app18 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app18 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app18 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app18 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app18 .dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app18 .dark .mat-tab-group.mat-background-warn > .mat-tab-header, :root .theme-app18 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container, :root .theme-app18 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #ff5722; } :root .theme-app18 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app18 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: white; } :root .theme-app18 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app18 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } :root .theme-app18 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app18 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app18 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app18 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: white; } :root .theme-app18 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app18 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } :root .theme-app18 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app18 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app18 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app18 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } :root .theme-app18 .dark .mat-toolbar { background: #212121; color: white; } :root .theme-app18 .dark .mat-toolbar.mat-primary { background: #ffeb3b; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .dark .mat-toolbar.mat-accent { background: yellow; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .dark .mat-toolbar.mat-warn { background: #ff5722; color: white; } :root .theme-app18 .dark .mat-toolbar .mat-form-field-underline, :root .theme-app18 .dark .mat-toolbar .mat-form-field-ripple, :root .theme-app18 .dark .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } :root .theme-app18 .dark .mat-toolbar .mat-form-field-label, :root .theme-app18 .dark .mat-toolbar .mat-focused .mat-form-field-label, :root .theme-app18 .dark .mat-toolbar .mat-select-value, :root .theme-app18 .dark .mat-toolbar .mat-select-arrow, :root .theme-app18 .dark .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } :root .theme-app18 .dark .mat-toolbar .mat-input-element { caret-color: currentColor; } :root .theme-app18 .dark .mat-tooltip { background: rgba(97, 97, 97, 0.9); } :root .theme-app18 .dark .mat-tree { background: #424242; } :root .theme-app18 .dark .mat-tree-node, :root .theme-app18 .dark .mat-nested-tree-node { color: white; } :root .theme-app18 .dark .mat-snack-bar-container { color: rgba(0, 0, 0, 0.87); background: #fafafa; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .dark .mat-simple-snackbar-action { color: inherit; } :root .theme-app18 .light { --primary: rgb(253, 253, 253); --secondary: #C7C7CC; --secondaryBase: #fff; --accent: #F44336; --secondaryDark: rgb(42, 53, 68); --accentLight: #f98981; --accentDark: rgb(106, 43, 39); --borderColor: rgba(0, 0, 0, .5); --primaryText: rgb(29, 29, 29); --secondaryText: #8E8E93; --accentText: #ef233c; --secondaryBaseText: #EFEFF4; --accentLightText: #2D3035; --accentDarkText: #00000; /** primary **/ --ion-color-primary: #2D3035; --ion-color-primary-rgb: 45, 48, 53; --ion-color-primary-contrast: #ffffff; --ion-color-primary-contrast-rgb: 255,255,255; --ion-color-primary-shade: #3171e0; --ion-color-primary-tint: #4c8dff; /** secondary **/ --ion-color-secondary:#C7C7CC; --ion-color-secondary-rgb: 199, 199, 204; --ion-color-secondary-contrast: #ffffff; --ion-color-secondary-contrast-rgb: 255,255,255; --ion-color-secondary-shade: #0bb8cc; --ion-color-secondary-tint: #24d6ea; /** tertiary **/ --ion-color-tertiary: #7044ff; --ion-color-tertiary-rgb: 112,68,255; --ion-color-tertiary-contrast: #ffffff; --ion-color-tertiary-contrast-rgb: 255,255,255; --ion-color-tertiary-shade: #633ce0; --ion-color-tertiary-tint: #7e57ff; /** success **/ --ion-color-success: #10dc60; --ion-color-success-rgb: 16,220,96; --ion-color-success-contrast: #ffffff; --ion-color-success-contrast-rgb: 255,255,255; --ion-color-success-shade: #0ec254; --ion-color-success-tint: #28e070; /** warning **/ --ion-color-warning: #ffce00; --ion-color-warning-rgb: 255,206,0; --ion-color-warning-contrast: #ffffff; --ion-color-warning-contrast-rgb: 255,255,255; --ion-color-warning-shade: #e0b500; --ion-color-warning-tint: #ffd31a; /** danger **/ --ion-color-danger: #f04141; --ion-color-danger-rgb: 245,61,61; --ion-color-danger-contrast: #ffffff; --ion-color-danger-contrast-rgb: 255,255,255; --ion-color-danger-shade: #d33939; --ion-color-danger-tint: #f25454; /** dark **/ --ion-color-dark: #222428; --ion-color-dark-rgb: 34,34,34; --ion-color-dark-contrast: #ffffff; --ion-color-dark-contrast-rgb: 255,255,255; --ion-color-dark-shade: #1e2023; --ion-color-dark-tint: #383a3e; /** medium **/ --ion-color-medium: #989aa2; --ion-color-medium-rgb: 152,154,162; --ion-color-medium-contrast: #ffffff; --ion-color-medium-contrast-rgb: 255,255,255; --ion-color-medium-shade: #86888f; --ion-color-medium-tint: #a2a4ab; /** light **/ --ion-color-light: #f4f5f8; --ion-color-light-rgb: 244,244,244; --ion-color-light-contrast: #000000; --ion-color-light-contrast-rgb: 0,0,0; --ion-color-light-shade: #d7d8da; --ion-color-light-tint: #f5f6f9; --ion-background-color: var(--primary); } :root .theme-app18 .light .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app18 .light .mat-option { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-option:hover:not(.mat-option-disabled), :root .theme-app18 .light .mat-option:focus:not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } :root .theme-app18 .light .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } :root .theme-app18 .light .mat-option.mat-active { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-option.mat-option-disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app18 .light .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #ef9a9a; } :root .theme-app18 .light .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #ef9a9a; } :root .theme-app18 .light .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #ffab91; } :root .theme-app18 .light .mat-optgroup-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app18 .light .mat-optgroup-disabled .mat-optgroup-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app18 .light .mat-pseudo-checkbox { color: rgba(0, 0, 0, 0.54); } :root .theme-app18 .light .mat-pseudo-checkbox::after { color: #fafafa; } :root .theme-app18 .light .mat-pseudo-checkbox-disabled { color: #b0b0b0; } :root .theme-app18 .light .mat-primary .mat-pseudo-checkbox-checked, :root .theme-app18 .light .mat-primary .mat-pseudo-checkbox-indeterminate { background: #ef9a9a; } :root .theme-app18 .light .mat-pseudo-checkbox-checked, :root .theme-app18 .light .mat-pseudo-checkbox-indeterminate, :root .theme-app18 .light .mat-accent .mat-pseudo-checkbox-checked, :root .theme-app18 .light .mat-accent .mat-pseudo-checkbox-indeterminate { background: #ef9a9a; } :root .theme-app18 .light .mat-warn .mat-pseudo-checkbox-checked, :root .theme-app18 .light .mat-warn .mat-pseudo-checkbox-indeterminate { background: #ffab91; } :root .theme-app18 .light .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, :root .theme-app18 .light .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #b0b0b0; } :root .theme-app18 .light .mat-app-background, :root .theme-app18 .light.mat-app-background { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } :root .theme-app18 .light .mat-autocomplete-panel { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: white; } :root .theme-app18 .light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-badge { position: relative; } :root .theme-app18 .light .mat-badge.mat-badge { overflow: visible; } :root .theme-app18 .light .mat-badge-hidden .mat-badge-content { display: none; } :root .theme-app18 .light .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } :root .theme-app18 .light .ng-animate-disabled .mat-badge-content, :root .theme-app18 .light .mat-badge-content._mat-animation-noopable { transition: none; } :root .theme-app18 .light .mat-badge-content.mat-badge-active { transform: none; } :root .theme-app18 .light .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } :root .theme-app18 .light .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } :root .theme-app18 .light .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } :root .theme-app18 .light .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] :root .theme-app18 .light .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } :root .theme-app18 .light .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] :root .theme-app18 .light .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } :root .theme-app18 .light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] :root .theme-app18 .light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } :root .theme-app18 .light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] :root .theme-app18 .light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } :root .theme-app18 .light .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } :root .theme-app18 .light .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } :root .theme-app18 .light .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } :root .theme-app18 .light .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] :root .theme-app18 .light .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } :root .theme-app18 .light .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] :root .theme-app18 .light .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } :root .theme-app18 .light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] :root .theme-app18 .light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } :root .theme-app18 .light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] :root .theme-app18 .light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } :root .theme-app18 .light .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } :root .theme-app18 .light .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } :root .theme-app18 .light .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } :root .theme-app18 .light .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] :root .theme-app18 .light .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } :root .theme-app18 .light .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] :root .theme-app18 .light .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } :root .theme-app18 .light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] :root .theme-app18 .light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } :root .theme-app18 .light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] :root .theme-app18 .light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } :root .theme-app18 .light .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #ef9a9a; } .cdk-high-contrast-active :root .theme-app18 .light .mat-badge-content { outline: solid 1px; border-radius: 0; } :root .theme-app18 .light .mat-badge-accent .mat-badge-content { background: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-badge-warn .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #ffab91; } :root .theme-app18 .light .mat-badge-disabled .mat-badge-content { background: #b9b9b9; color: rgba(0, 0, 0, 0.38); } :root .theme-app18 .light .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-button, :root .theme-app18 .light .mat-icon-button, :root .theme-app18 .light .mat-stroked-button { color: inherit; background: transparent; } :root .theme-app18 .light .mat-button.mat-primary, :root .theme-app18 .light .mat-icon-button.mat-primary, :root .theme-app18 .light .mat-stroked-button.mat-primary { color: #ef9a9a; } :root .theme-app18 .light .mat-button.mat-accent, :root .theme-app18 .light .mat-icon-button.mat-accent, :root .theme-app18 .light .mat-stroked-button.mat-accent { color: #ef9a9a; } :root .theme-app18 .light .mat-button.mat-warn, :root .theme-app18 .light .mat-icon-button.mat-warn, :root .theme-app18 .light .mat-stroked-button.mat-warn { color: #ffab91; } :root .theme-app18 .light .mat-button.mat-primary.mat-button-disabled, :root .theme-app18 .light .mat-button.mat-accent.mat-button-disabled, :root .theme-app18 .light .mat-button.mat-warn.mat-button-disabled, :root .theme-app18 .light .mat-button.mat-button-disabled.mat-button-disabled, :root .theme-app18 .light .mat-icon-button.mat-primary.mat-button-disabled, :root .theme-app18 .light .mat-icon-button.mat-accent.mat-button-disabled, :root .theme-app18 .light .mat-icon-button.mat-warn.mat-button-disabled, :root .theme-app18 .light .mat-icon-button.mat-button-disabled.mat-button-disabled, :root .theme-app18 .light .mat-stroked-button.mat-primary.mat-button-disabled, :root .theme-app18 .light .mat-stroked-button.mat-accent.mat-button-disabled, :root .theme-app18 .light .mat-stroked-button.mat-warn.mat-button-disabled, :root .theme-app18 .light .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } :root .theme-app18 .light .mat-button.mat-primary .mat-button-focus-overlay, :root .theme-app18 .light .mat-icon-button.mat-primary .mat-button-focus-overlay, :root .theme-app18 .light .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #ef9a9a; } :root .theme-app18 .light .mat-button.mat-accent .mat-button-focus-overlay, :root .theme-app18 .light .mat-icon-button.mat-accent .mat-button-focus-overlay, :root .theme-app18 .light .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #ef9a9a; } :root .theme-app18 .light .mat-button.mat-warn .mat-button-focus-overlay, :root .theme-app18 .light .mat-icon-button.mat-warn .mat-button-focus-overlay, :root .theme-app18 .light .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #ffab91; } :root .theme-app18 .light .mat-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app18 .light .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app18 .light .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } :root .theme-app18 .light .mat-button .mat-ripple-element, :root .theme-app18 .light .mat-icon-button .mat-ripple-element, :root .theme-app18 .light .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } :root .theme-app18 .light .mat-button-focus-overlay { background: black; } :root .theme-app18 .light .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-flat-button, :root .theme-app18 .light .mat-raised-button, :root .theme-app18 .light .mat-fab, :root .theme-app18 .light .mat-mini-fab { color: rgba(0, 0, 0, 0.87); background-color: white; } :root .theme-app18 .light .mat-flat-button.mat-primary, :root .theme-app18 .light .mat-raised-button.mat-primary, :root .theme-app18 .light .mat-fab.mat-primary, :root .theme-app18 .light .mat-mini-fab.mat-primary { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-flat-button.mat-accent, :root .theme-app18 .light .mat-raised-button.mat-accent, :root .theme-app18 .light .mat-fab.mat-accent, :root .theme-app18 .light .mat-mini-fab.mat-accent { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-flat-button.mat-warn, :root .theme-app18 .light .mat-raised-button.mat-warn, :root .theme-app18 .light .mat-fab.mat-warn, :root .theme-app18 .light .mat-mini-fab.mat-warn { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app18 .light .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app18 .light .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app18 .light .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app18 .light .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app18 .light .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app18 .light .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app18 .light .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app18 .light .mat-fab.mat-primary.mat-button-disabled, :root .theme-app18 .light .mat-fab.mat-accent.mat-button-disabled, :root .theme-app18 .light .mat-fab.mat-warn.mat-button-disabled, :root .theme-app18 .light .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app18 .light .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app18 .light .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app18 .light .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app18 .light .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } :root .theme-app18 .light .mat-flat-button.mat-primary, :root .theme-app18 .light .mat-raised-button.mat-primary, :root .theme-app18 .light .mat-fab.mat-primary, :root .theme-app18 .light .mat-mini-fab.mat-primary { background-color: #ef9a9a; } :root .theme-app18 .light .mat-flat-button.mat-accent, :root .theme-app18 .light .mat-raised-button.mat-accent, :root .theme-app18 .light .mat-fab.mat-accent, :root .theme-app18 .light .mat-mini-fab.mat-accent { background-color: #ef9a9a; } :root .theme-app18 .light .mat-flat-button.mat-warn, :root .theme-app18 .light .mat-raised-button.mat-warn, :root .theme-app18 .light .mat-fab.mat-warn, :root .theme-app18 .light .mat-mini-fab.mat-warn { background-color: #ffab91; } :root .theme-app18 .light .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app18 .light .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app18 .light .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app18 .light .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app18 .light .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app18 .light .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app18 .light .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app18 .light .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app18 .light .mat-fab.mat-primary.mat-button-disabled, :root .theme-app18 .light .mat-fab.mat-accent.mat-button-disabled, :root .theme-app18 .light .mat-fab.mat-warn.mat-button-disabled, :root .theme-app18 .light .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app18 .light .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app18 .light .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app18 .light .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app18 .light .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-flat-button.mat-primary .mat-ripple-element, :root .theme-app18 .light .mat-raised-button.mat-primary .mat-ripple-element, :root .theme-app18 .light .mat-fab.mat-primary .mat-ripple-element, :root .theme-app18 .light .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app18 .light .mat-flat-button.mat-accent .mat-ripple-element, :root .theme-app18 .light .mat-raised-button.mat-accent .mat-ripple-element, :root .theme-app18 .light .mat-fab.mat-accent .mat-ripple-element, :root .theme-app18 .light .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app18 .light .mat-flat-button.mat-warn .mat-ripple-element, :root .theme-app18 .light .mat-raised-button.mat-warn .mat-ripple-element, :root .theme-app18 .light .mat-fab.mat-warn .mat-ripple-element, :root .theme-app18 .light .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app18 .light .mat-stroked-button:not([class*=mat-elevation-z]), :root .theme-app18 .light .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-fab:not([class*=mat-elevation-z]), :root .theme-app18 .light .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), :root .theme-app18 .light .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), :root .theme-app18 .light .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-button-toggle-standalone:not([class*=mat-elevation-z]), :root .theme-app18 .light .mat-button-toggle-group:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), :root .theme-app18 .light .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) { box-shadow: none; } :root .theme-app18 .light .mat-button-toggle { color: rgba(0, 0, 0, 0.38); } :root .theme-app18 .light .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); background: white; } :root .theme-app18 .light .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: black; } :root .theme-app18 .light .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px #e0e0e0; } :root .theme-app18 .light [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px #e0e0e0; } :root .theme-app18 .light .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px #e0e0e0; } :root .theme-app18 .light .mat-button-toggle-checked { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.54); } :root .theme-app18 .light .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-button-toggle-disabled { color: rgba(0, 0, 0, 0.26); background-color: #eeeeee; } :root .theme-app18 .light .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: white; } :root .theme-app18 .light .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #bdbdbd; } :root .theme-app18 .light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, :root .theme-app18 .light .mat-button-toggle-group-appearance-standard { border: solid 1px #e0e0e0; } :root .theme-app18 .light .mat-card { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-card-subtitle { color: rgba(0, 0, 0, 0.54); } :root .theme-app18 .light .mat-checkbox-frame { border-color: rgba(0, 0, 0, 0.54); } :root .theme-app18 .light .mat-checkbox-checkmark { fill: #fafafa; } :root .theme-app18 .light .mat-checkbox-checkmark-path { stroke: #fafafa !important; } :root .theme-app18 .light .mat-checkbox-mixedmark { background-color: #fafafa; } :root .theme-app18 .light .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, :root .theme-app18 .light .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #ef9a9a; } :root .theme-app18 .light .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, :root .theme-app18 .light .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #ef9a9a; } :root .theme-app18 .light .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, :root .theme-app18 .light .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #ffab91; } :root .theme-app18 .light .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, :root .theme-app18 .light .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #b0b0b0; } :root .theme-app18 .light .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #b0b0b0; } :root .theme-app18 .light .mat-checkbox-disabled .mat-checkbox-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app18 .light .mat-checkbox .mat-ripple-element { background-color: black; } :root .theme-app18 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, :root .theme-app18 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #ef9a9a; } :root .theme-app18 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, :root .theme-app18 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #ef9a9a; } :root .theme-app18 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, :root .theme-app18 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #ffab91; } :root .theme-app18 .light .mat-chip.mat-standard-chip { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-chip.mat-standard-chip .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app18 .light .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } :root .theme-app18 .light .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } :root .theme-app18 .light .mat-chip.mat-standard-chip::after { background: black; } :root .theme-app18 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app18 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app18 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app18 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app18 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app18 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app18 .light .mat-table { background: white; } :root .theme-app18 .light .mat-table thead, :root .theme-app18 .light .mat-table tbody, :root .theme-app18 .light .mat-table tfoot, :root .theme-app18 .light mat-header-row, :root .theme-app18 .light mat-row, :root .theme-app18 .light mat-footer-row, :root .theme-app18 .light [mat-header-row], :root .theme-app18 .light [mat-row], :root .theme-app18 .light [mat-footer-row], :root .theme-app18 .light .mat-table-sticky { background: inherit; } :root .theme-app18 .light mat-row, :root .theme-app18 .light mat-header-row, :root .theme-app18 .light mat-footer-row, :root .theme-app18 .light th.mat-header-cell, :root .theme-app18 .light td.mat-cell, :root .theme-app18 .light td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-header-cell { color: rgba(0, 0, 0, 0.54); } :root .theme-app18 .light .mat-cell, :root .theme-app18 .light .mat-footer-cell { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-calendar-arrow { fill: rgba(0, 0, 0, 0.54); } :root .theme-app18 .light .mat-datepicker-toggle, :root .theme-app18 .light .mat-datepicker-content .mat-calendar-next-button, :root .theme-app18 .light .mat-datepicker-content .mat-calendar-previous-button { color: rgba(0, 0, 0, 0.54); } :root .theme-app18 .light .mat-calendar-table-header-divider::after { background: rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-calendar-table-header, :root .theme-app18 .light .mat-calendar-body-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app18 .light .mat-calendar-body-cell-content, :root .theme-app18 .light .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.87); border-color: transparent; } :root .theme-app18 .light .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(0, 0, 0, 0.38); } :root .theme-app18 .light .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.38); } :root .theme-app18 .light .mat-calendar-body-in-preview { color: rgba(0, 0, 0, 0.24); } :root .theme-app18 .light .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app18 .light .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.18); } :root .theme-app18 .light .mat-calendar-body-in-range::before { background: rgba(239, 154, 154, 0.2); } :root .theme-app18 .light .mat-calendar-body-comparison-identical, :root .theme-app18 .light .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app18 .light .mat-calendar-body-comparison-bridge-start::before, :root .theme-app18 .light [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(239, 154, 154, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app18 .light .mat-calendar-body-comparison-bridge-end::before, :root .theme-app18 .light [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(239, 154, 154, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app18 .light .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app18 .light .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app18 .light .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app18 .light .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app18 .light .mat-calendar-body-selected { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(239, 154, 154, 0.4); } :root .theme-app18 .light .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app18 .light .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(239, 154, 154, 0.3); } @media (hover: hover) { :root .theme-app18 .light .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(239, 154, 154, 0.3); } } :root .theme-app18 .light .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(239, 154, 154, 0.2); } :root .theme-app18 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, :root .theme-app18 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app18 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, :root .theme-app18 .light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(239, 154, 154, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app18 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, :root .theme-app18 .light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(239, 154, 154, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app18 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app18 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app18 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app18 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app18 .light .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(239, 154, 154, 0.4); } :root .theme-app18 .light .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app18 .light .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(239, 154, 154, 0.3); } @media (hover: hover) { :root .theme-app18 .light .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(239, 154, 154, 0.3); } } :root .theme-app18 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(255, 171, 145, 0.2); } :root .theme-app18 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, :root .theme-app18 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app18 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, :root .theme-app18 .light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 171, 145, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app18 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, :root .theme-app18 .light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 171, 145, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app18 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app18 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app18 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app18 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app18 .light .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 171, 145, 0.4); } :root .theme-app18 .light .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app18 .light .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 171, 145, 0.3); } @media (hover: hover) { :root .theme-app18 .light .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 171, 145, 0.3); } } :root .theme-app18 .light .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-datepicker-toggle-active { color: #ef9a9a; } :root .theme-app18 .light .mat-datepicker-toggle-active.mat-accent { color: #ef9a9a; } :root .theme-app18 .light .mat-datepicker-toggle-active.mat-warn { color: #ffab91; } :root .theme-app18 .light .mat-date-range-input-inner[disabled] { color: rgba(0, 0, 0, 0.38); } :root .theme-app18 .light .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-divider { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-divider-vertical { border-right-color: rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-expansion-panel { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-action-row { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), :root .theme-app18 .light .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), :root .theme-app18 .light .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(0, 0, 0, 0.04); } @media (hover: none) { :root .theme-app18 .light .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: white; } } :root .theme-app18 .light .mat-expansion-panel-header-title { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-expansion-panel-header-description, :root .theme-app18 .light .mat-expansion-indicator::after { color: rgba(0, 0, 0, 0.54); } :root .theme-app18 .light .mat-expansion-panel-header[aria-disabled=true] { color: rgba(0, 0, 0, 0.26); } :root .theme-app18 .light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, :root .theme-app18 .light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } :root .theme-app18 .light .mat-form-field-label { color: rgba(0, 0, 0, 0.6); } :root .theme-app18 .light .mat-hint { color: rgba(0, 0, 0, 0.6); } :root .theme-app18 .light .mat-form-field.mat-focused .mat-form-field-label { color: #ef9a9a; } :root .theme-app18 .light .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #ef9a9a; } :root .theme-app18 .light .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #ffab91; } :root .theme-app18 .light .mat-focused .mat-form-field-required-marker { color: #ef9a9a; } :root .theme-app18 .light .mat-form-field-ripple { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #ef9a9a; } :root .theme-app18 .light .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #ef9a9a; } :root .theme-app18 .light .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #ffab91; } :root .theme-app18 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #ef9a9a; } :root .theme-app18 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #ef9a9a; } :root .theme-app18 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #ffab91; } :root .theme-app18 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #ffab91; } :root .theme-app18 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, :root .theme-app18 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #ffab91; } :root .theme-app18 .light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, :root .theme-app18 .light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #ffab91; } :root .theme-app18 .light .mat-error { color: #ffab91; } :root .theme-app18 .light .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app18 .light .mat-form-field-appearance-legacy .mat-hint { color: rgba(0, 0, 0, 0.54); } :root .theme-app18 .light .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app18 .light .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app18 .light .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app18 .light .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app18 .light .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.04); } :root .theme-app18 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.02); } :root .theme-app18 .light .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app18 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app18 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } :root .theme-app18 .light .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #ef9a9a; } :root .theme-app18 .light .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #ef9a9a; } :root .theme-app18 .light .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #ffab91; } :root .theme-app18 .light .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #ffab91; } :root .theme-app18 .light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app18 .light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(0, 0, 0, 0.06); } :root .theme-app18 .light .mat-icon.mat-primary { color: #ef9a9a; } :root .theme-app18 .light .mat-icon.mat-accent { color: #ef9a9a; } :root .theme-app18 .light .mat-icon.mat-warn { color: #ffab91; } :root .theme-app18 .light .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.54); } :root .theme-app18 .light .mat-input-element:disabled, :root .theme-app18 .light .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.38); } :root .theme-app18 .light .mat-input-element { caret-color: #ef9a9a; } :root .theme-app18 .light .mat-input-element::placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app18 .light .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app18 .light .mat-input-element::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app18 .light .mat-input-element:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app18 .light .mat-form-field.mat-accent .mat-input-element { caret-color: #ef9a9a; } :root .theme-app18 .light .mat-form-field.mat-warn .mat-input-element, :root .theme-app18 .light .mat-form-field-invalid .mat-input-element { caret-color: #ffab91; } :root .theme-app18 .light .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #ffab91; } :root .theme-app18 .light .mat-list-base .mat-list-item { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-list-base .mat-list-option { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-list-base .mat-subheader { color: rgba(0, 0, 0, 0.54); } :root .theme-app18 .light .mat-list-base .mat-list-item-disabled { background-color: #eeeeee; color: rgba(0, 0, 0, 0.38); } :root .theme-app18 .light .mat-list-option:hover, :root .theme-app18 .light .mat-list-option:focus, :root .theme-app18 .light .mat-nav-list .mat-list-item:hover, :root .theme-app18 .light .mat-nav-list .mat-list-item:focus, :root .theme-app18 .light .mat-action-list .mat-list-item:hover, :root .theme-app18 .light .mat-action-list .mat-list-item:focus { background: rgba(0, 0, 0, 0.04); } :root .theme-app18 .light .mat-list-single-selected-option, :root .theme-app18 .light .mat-list-single-selected-option:hover, :root .theme-app18 .light .mat-list-single-selected-option:focus { background: rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-menu-panel { background: white; } :root .theme-app18 .light .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-menu-item { background: transparent; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-menu-item[disabled], :root .theme-app18 .light .mat-menu-item[disabled] .mat-menu-submenu-icon, :root .theme-app18 .light .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(0, 0, 0, 0.38); } :root .theme-app18 .light .mat-menu-item .mat-icon-no-color, :root .theme-app18 .light .mat-menu-submenu-icon { color: rgba(0, 0, 0, 0.54); } :root .theme-app18 .light .mat-menu-item:hover:not([disabled]), :root .theme-app18 .light .mat-menu-item.cdk-program-focused:not([disabled]), :root .theme-app18 .light .mat-menu-item.cdk-keyboard-focused:not([disabled]), :root .theme-app18 .light .mat-menu-item-highlighted:not([disabled]) { background: rgba(0, 0, 0, 0.04); } :root .theme-app18 .light .mat-paginator { background: white; } :root .theme-app18 .light .mat-paginator, :root .theme-app18 .light .mat-paginator-page-size .mat-select-trigger { color: rgba(0, 0, 0, 0.54); } :root .theme-app18 .light .mat-paginator-decrement, :root .theme-app18 .light .mat-paginator-increment { border-top: 2px solid rgba(0, 0, 0, 0.54); border-right: 2px solid rgba(0, 0, 0, 0.54); } :root .theme-app18 .light .mat-paginator-first, :root .theme-app18 .light .mat-paginator-last { border-top: 2px solid rgba(0, 0, 0, 0.54); } :root .theme-app18 .light .mat-icon-button[disabled] .mat-paginator-decrement, :root .theme-app18 .light .mat-icon-button[disabled] .mat-paginator-increment, :root .theme-app18 .light .mat-icon-button[disabled] .mat-paginator-first, :root .theme-app18 .light .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app18 .light .mat-progress-bar-background { fill: #f7e2e2; } :root .theme-app18 .light .mat-progress-bar-buffer { background-color: #f7e2e2; } :root .theme-app18 .light .mat-progress-bar-fill::after { background-color: #ef9a9a; } :root .theme-app18 .light .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #f7e2e2; } :root .theme-app18 .light .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #f7e2e2; } :root .theme-app18 .light .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #ef9a9a; } :root .theme-app18 .light .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #fbe6e0; } :root .theme-app18 .light .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #fbe6e0; } :root .theme-app18 .light .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #ffab91; } :root .theme-app18 .light .mat-progress-spinner circle, :root .theme-app18 .light .mat-spinner circle { stroke: #ef9a9a; } :root .theme-app18 .light .mat-progress-spinner.mat-accent circle, :root .theme-app18 .light .mat-spinner.mat-accent circle { stroke: #ef9a9a; } :root .theme-app18 .light .mat-progress-spinner.mat-warn circle, :root .theme-app18 .light .mat-spinner.mat-warn circle { stroke: #ffab91; } :root .theme-app18 .light .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.54); } :root .theme-app18 .light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #ef9a9a; } :root .theme-app18 .light .mat-radio-button.mat-primary .mat-radio-inner-circle, :root .theme-app18 .light .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app18 .light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app18 .light .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #ef9a9a; } :root .theme-app18 .light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #ef9a9a; } :root .theme-app18 .light .mat-radio-button.mat-accent .mat-radio-inner-circle, :root .theme-app18 .light .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app18 .light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app18 .light .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #ef9a9a; } :root .theme-app18 .light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #ffab91; } :root .theme-app18 .light .mat-radio-button.mat-warn .mat-radio-inner-circle, :root .theme-app18 .light .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app18 .light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app18 .light .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #ffab91; } :root .theme-app18 .light .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, :root .theme-app18 .light .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app18 .light .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, :root .theme-app18 .light .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app18 .light .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(0, 0, 0, 0.38); } :root .theme-app18 .light .mat-radio-button .mat-ripple-element { background-color: black; } :root .theme-app18 .light .mat-select-value { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-select-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app18 .light .mat-select-disabled .mat-select-value { color: rgba(0, 0, 0, 0.38); } :root .theme-app18 .light .mat-select-arrow { color: rgba(0, 0, 0, 0.54); } :root .theme-app18 .light .mat-select-panel { background: white; } :root .theme-app18 .light .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #ef9a9a; } :root .theme-app18 .light .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #ef9a9a; } :root .theme-app18 .light .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #ffab91; } :root .theme-app18 .light .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #ffab91; } :root .theme-app18 .light .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(0, 0, 0, 0.38); } :root .theme-app18 .light .mat-drawer-container { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-drawer { background-color: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-drawer.mat-drawer-push { background-color: white; } :root .theme-app18 .light .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-drawer-side { border-right: solid 1px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } :root .theme-app18 .light [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } :root .theme-app18 .light [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(0, 0, 0, 0.6); } :root .theme-app18 .light .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #ef9a9a; } :root .theme-app18 .light .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(239, 154, 154, 0.54); } :root .theme-app18 .light .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #ef9a9a; } :root .theme-app18 .light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #ef9a9a; } :root .theme-app18 .light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(239, 154, 154, 0.54); } :root .theme-app18 .light .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #ef9a9a; } :root .theme-app18 .light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #ffab91; } :root .theme-app18 .light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 171, 145, 0.54); } :root .theme-app18 .light .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #ffab91; } :root .theme-app18 .light .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: black; } :root .theme-app18 .light .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #fafafa; } :root .theme-app18 .light .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app18 .light .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app18 .light .mat-slider.mat-primary .mat-slider-track-fill, :root .theme-app18 .light .mat-slider.mat-primary .mat-slider-thumb, :root .theme-app18 .light .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #ef9a9a; } :root .theme-app18 .light .mat-slider.mat-primary .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-slider.mat-primary .mat-slider-focus-ring { background-color: rgba(239, 154, 154, 0.2); } :root .theme-app18 .light .mat-slider.mat-accent .mat-slider-track-fill, :root .theme-app18 .light .mat-slider.mat-accent .mat-slider-thumb, :root .theme-app18 .light .mat-slider.mat-accent .mat-slider-thumb-label { background-color: #ef9a9a; } :root .theme-app18 .light .mat-slider.mat-accent .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(239, 154, 154, 0.2); } :root .theme-app18 .light .mat-slider.mat-warn .mat-slider-track-fill, :root .theme-app18 .light .mat-slider.mat-warn .mat-slider-thumb, :root .theme-app18 .light .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #ffab91; } :root .theme-app18 .light .mat-slider.mat-warn .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(255, 171, 145, 0.2); } :root .theme-app18 .light .mat-slider:hover .mat-slider-track-background, :root .theme-app18 .light .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app18 .light .mat-slider.mat-slider-disabled .mat-slider-track-background, :root .theme-app18 .light .mat-slider.mat-slider-disabled .mat-slider-track-fill, :root .theme-app18 .light .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app18 .light .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app18 .light .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, :root .theme-app18 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, :root .theme-app18 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app18 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); background-color: transparent; } :root .theme-app18 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, :root .theme-app18 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app18 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, :root .theme-app18 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); } :root .theme-app18 .light .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(0, 0, 0, 0.7); } :root .theme-app18 .light .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } :root .theme-app18 .light .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } :root .theme-app18 .light .mat-step-header.cdk-keyboard-focused, :root .theme-app18 .light .mat-step-header.cdk-program-focused, :root .theme-app18 .light .mat-step-header:hover:not([aria-disabled]), :root .theme-app18 .light .mat-step-header:hover[aria-disabled=false] { background-color: rgba(0, 0, 0, 0.04); } :root .theme-app18 .light .mat-step-header:hover[aria-disabled=true] { cursor: default; } @media (hover: none) { :root .theme-app18 .light .mat-step-header:hover { background: none; } } :root .theme-app18 .light .mat-step-header .mat-step-label, :root .theme-app18 .light .mat-step-header .mat-step-optional { color: rgba(0, 0, 0, 0.54); } :root .theme-app18 .light .mat-step-header .mat-step-icon { background-color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-step-header .mat-step-icon-selected, :root .theme-app18 .light .mat-step-header .mat-step-icon-state-done, :root .theme-app18 .light .mat-step-header .mat-step-icon-state-edit { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-step-header.mat-accent .mat-step-icon { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-step-header.mat-accent .mat-step-icon-selected, :root .theme-app18 .light .mat-step-header.mat-accent .mat-step-icon-state-done, :root .theme-app18 .light .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-step-header.mat-warn .mat-step-icon { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-step-header.mat-warn .mat-step-icon-selected, :root .theme-app18 .light .mat-step-header.mat-warn .mat-step-icon-state-done, :root .theme-app18 .light .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #ffab91; } :root .theme-app18 .light .mat-step-header .mat-step-label.mat-step-label-active { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-step-header .mat-step-label.mat-step-label-error { color: #ffab91; } :root .theme-app18 .light .mat-stepper-horizontal, :root .theme-app18 .light .mat-stepper-vertical { background-color: white; } :root .theme-app18 .light .mat-stepper-vertical-line::before { border-left-color: rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-horizontal-stepper-header::before, :root .theme-app18 .light .mat-horizontal-stepper-header::after, :root .theme-app18 .light .mat-stepper-horizontal-line { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-sort-header-arrow { color: #757575; } :root .theme-app18 .light .mat-tab-nav-bar, :root .theme-app18 .light .mat-tab-header { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-tab-group-inverted-header .mat-tab-nav-bar, :root .theme-app18 .light .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: none; } :root .theme-app18 .light .mat-tab-label, :root .theme-app18 .light .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-tab-label.mat-tab-disabled, :root .theme-app18 .light .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app18 .light .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app18 .light .mat-tab-group[class*=mat-background-] > .mat-tab-header, :root .theme-app18 .light .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } :root .theme-app18 .light .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(244, 67, 54, 0.3); } :root .theme-app18 .light .mat-tab-group.mat-primary .mat-ink-bar, :root .theme-app18 .light .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #ef9a9a; } :root .theme-app18 .light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app18 .light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, :root .theme-app18 .light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app18 .light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } :root .theme-app18 .light .mat-tab-group.mat-accent .mat-ink-bar, :root .theme-app18 .light .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #ef9a9a; } :root .theme-app18 .light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app18 .light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, :root .theme-app18 .light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app18 .light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app18 .light .mat-tab-group.mat-warn .mat-ink-bar, :root .theme-app18 .light .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #ffab91; } :root .theme-app18 .light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app18 .light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, :root .theme-app18 .light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app18 .light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(244, 67, 54, 0.3); } :root .theme-app18 .light .mat-tab-group.mat-background-primary > .mat-tab-header, :root .theme-app18 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container, :root .theme-app18 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #ef9a9a; } :root .theme-app18 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app18 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app18 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app18 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app18 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app18 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app18 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app18 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app18 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app18 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app18 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app18 .light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } :root .theme-app18 .light .mat-tab-group.mat-background-accent > .mat-tab-header, :root .theme-app18 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container, :root .theme-app18 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #ef9a9a; } :root .theme-app18 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app18 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app18 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app18 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app18 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app18 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app18 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app18 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app18 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app18 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app18 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app18 .light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app18 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app18 .light .mat-tab-group.mat-background-warn > .mat-tab-header, :root .theme-app18 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container, :root .theme-app18 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #ffab91; } :root .theme-app18 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app18 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app18 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app18 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app18 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app18 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app18 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app18 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app18 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app18 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app18 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app18 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app18 .light .mat-toolbar { background: whitesmoke; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-toolbar.mat-primary { background: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-toolbar.mat-accent { background: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-toolbar.mat-warn { background: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-toolbar .mat-form-field-underline, :root .theme-app18 .light .mat-toolbar .mat-form-field-ripple, :root .theme-app18 .light .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } :root .theme-app18 .light .mat-toolbar .mat-form-field-label, :root .theme-app18 .light .mat-toolbar .mat-focused .mat-form-field-label, :root .theme-app18 .light .mat-toolbar .mat-select-value, :root .theme-app18 .light .mat-toolbar .mat-select-arrow, :root .theme-app18 .light .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } :root .theme-app18 .light .mat-toolbar .mat-input-element { caret-color: currentColor; } :root .theme-app18 .light .mat-tooltip { background: rgba(97, 97, 97, 0.9); } :root .theme-app18 .light .mat-tree { background: white; } :root .theme-app18 .light .mat-tree-node, :root .theme-app18 .light .mat-nested-tree-node { color: rgba(0, 0, 0, 0.87); } :root .theme-app18 .light .mat-snack-bar-container { color: rgba(255, 255, 255, 0.7); background: #323232; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app18 .light .mat-simple-snackbar-action { color: #ef9a9a; } :root .theme-app18 body { -webkit-user-select: text; user-select: text; } :root .theme-app18 ion-label { -webkit-user-select: text; user-select: text; } :root .theme-app18 ion-item { background-color: var(--ion-background-color); border-bottom: 1px solid var(--secondary); } :root .theme-app18 .file-button { margin: 20px; background: transparent !important; color: var(--primaryText); font-size: 17px !important; font-weight: 300 !important; height: 44px !important; } :root .theme-app18 .file-button::-webkit-file-upload-button { background: transparent !important; margin-right: 10px !important; color: var(--accent); border-width: 2px; border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; font-weight: 300 !important; height: 44px !important; box-shadow: none !important; border-radius: 8px !important; } :root .theme-app18 main-menu .item-inner { margin-left: 6px !important; } :root .theme-app18 ion-split-pane { --side-max-width: 280px; --side-min-width: 280px; } :root .theme-app18 #leftMenu { border-color: var(--borderColor) !important; background-color: var(--primary); } :root .theme-app18 .dark .menuLogo { margin-top: 15px; margin-bottom: 15px; background-image: url('logo-dark.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app18 .dark .menuLogoIos { margin-top: 55px; margin-bottom: 15px; background-image: url('logo-dark.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app18 .light .menuLogo { margin-top: 15px; margin-bottom: 15px; background-image: url('logo-light.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app18 .light .menuLogoIos { margin-top: 45px; margin-bottom: 15px; background-image: url('logo-light.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app18 .menuIcon { color: var(--iconColor) !important; } :root .theme-app18 .padded-divider { padding: 3px; margin-bottom: 10px; width: 100%; border-bottom: 3px solid var(--accent) !important; } :root .theme-app18 ion-radio { --color-checked: var(--accent); --color: var(--accent); width: 20px; height: 20px; } :root .theme-app18 ion-button { --background: var(--accentBackground); color: var(--accent); --border-width: 2px; --border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app18 .button-style { --background: var(--accentBackground); color: var(--accent); --border-width: 2px; --border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app18 .button-style:hover { cursor: pointer; } :root .theme-app18 .button-cancel { color: red; border: none !important; --border-width: 0px !important; } :root .theme-app18 .small-button { height: 20px; font-size: 10px !important; margin: 3px; color: var(--accent); } :root .theme-app18 .medium-button { height: 25px; font-size: 15px !important; margin-top: 10px; margin-bottom: 10px; color: var(--accent); } :root .theme-app18 .default-h1 { font-size: 24px; color: var(--primaryText); font-weight: 300; } :root .theme-app18 .default-h2 { font-size: 24px; color: var(--primaryText); font-weight: 300; } :root .theme-app18 .default-h3 { font-size: 22px; color: var(--primaryText); font-weight: 400; } :root .theme-app18 .default-h4 { font-size: 17px; color: var(--primaryText); font-weight: 300; } :root .theme-app18 .default-h5 { font-size: 15px; color: var(--primaryText); font-weight: 200; } :root .theme-app18 .default-h6 { font-size: 14px; color: var(--primaryText); font-weight: 100; } :root .theme-app18 .default-p { font-size: 14px; color: var(--primaryText); font-weight: 300; } :root .theme-app18 .default-small { font-size: 12px; color: var(--primaryText); font-weight: 1; } :root .theme-app18 ion-header { background-color: var(--primary); } :root .theme-app18 ion-header [class^=icon-]:before, :root .theme-app18 ion-header [class*=" icon-"]:before { width: auto !important; margin-left: 0 !important; } :root .theme-app18 ion-footer { background-color: var(--primary); } :root .theme-app18 .header-md::after { background-image: none !important; } :root .theme-app18 ion-toolbar { color: var(--accent); } :root .theme-app18 .toolbar { background-color: var(--primary); --background: var(--primary); } :root .theme-app18 .toolbar .toolbar-title { font-weight: 400; } :root .theme-app18 .toolbar ion-title { font-size: larger; } :root .theme-app18 .toolbar ion-title, :root .theme-app18 .toolbar ion-title-ios, :root .theme-app18 .toolbar ion-back-button, :root .theme-app18 .toolbar ion-butto, :root .theme-app18 .toolbar ion-icon, :root .theme-app18 .toolbar ion-menu-button { color: var(--accentText); } :root .theme-app18 .toolbar-icon { color: var(--accentText); } :root .theme-app18 .alert-controller-withTheme { overflow: hidden; --background:var(--primary); color: var(--primaryText) !important; } :root .theme-app18 .alert-controller-withTheme .alert-wrapper { border-radius: 15px !important; background: var(--primary); border-color: var(--accent) !important; } :root .theme-app18 .alert-controller-withTheme .alert-head .alert-title { color: var(--primaryText); } :root .theme-app18 .alert-controller-withTheme .alert-message { color: var(--primaryText); } :root .theme-app18 .alert-controller-withTheme .alert-message strong { color: var(--ion-color-danger); } :root .theme-app18 .alert-controller-withTheme .alert-button-group #cancel-button.alert-button .alert-button-inner { color: var(--secondaryText); } :root .theme-app18 .alert-controller-withTheme .alert-button-group #confirm-button.alert-button .alert-button-inner { font-weight: bold; color: var(--ion-color-danger); } :root .theme-app18 .alert-controller-withTheme .alert-button-group #confirm-button-good.alert-button .alert-button-inner { font-weight: bold; color: var(--primaryText); } :root .theme-app18 ion-input { border-radius: 10px !important; margin-top: 5px; margin-bottom: 5px; margin-left: 10px; margin-right: 10px; font-size: 0.9em; color: var(--primaryText); --background: rgba(219,219,219, .03) !important; /* height: 10%; */ /* width: 41%; */ } :root .theme-app18 .withTheme { border: 2px solid var(--borderColor); margin: 10px; padding: 0px !important; border-radius: 15px; overflow: hidden; color: var(--primaryText) !important; } :root .theme-app18 .withTheme ion-card-title, :root .theme-app18 .withTheme ion-card-content, :root .theme-app18 .withTheme ion-label, :root .theme-app18 .withTheme mat-list-item { color: var(--primaryText) !important; } :root .theme-app18 .withTheme span { color: var(--primaryText) !important; } :root .theme-app18 .withTheme ion-img { --border-radius: 8px; } :root .theme-app18 .withTheme ion-thumbnail { --border-radius: 8px; } :root .theme-app18 .withTheme ion-item:hover { border-left: 8px solid var(--borderColor); transition: border-width 0.1s ease-in-out; } :root .theme-app18 .withTheme ion-item.nohover:hover { border-left: none; } :root .theme-app18 .withTheme ion-card-subtitle { color: var(--secondaryText) !important; } :root .theme-app18 .withTheme div.small-distance { margin: 2px; color: var(--primaryText); border: 1px solid var(--borderColor); font-size: 10px; padding-top: 3px; padding-left: 5px; padding-right: 5px; border-radius: 7px; height: 20px; } :root .theme-app18 .withTheme .aligned-with-icon { position: relative; font-size: 8px; top: 11px; margin-left: -25px; /* optional */ margin-right: 8px; } :root .theme-app18 .thumbnail-rounded { border-radius: 6px !important; } :root .theme-app18 .leftMenuColor ion-icon { color: var(--accent); font-family: Montserrat, sans-serif; } :root .theme-app18 .leftMenuColor ion-label { color: var(--primaryText); font-family: Montserrat, sans-serif; font-weight: thin !important; } :root .theme-app18 .leftMenuColor ion-toggle { --background: #3c3e42; --background-checked: #3c3e42; --handle-background: var(--accent); --handle-background-checked: var(--accent); } :root .theme-app18 .floatInput ion-label { color: var(--primaryText); } :root .theme-app18 .floatInput ion-input { color: var(--primaryText); } :root .theme-app18 .breakline-space { margin: 10px; border: 1px solid var(--borderColor) !important; } :root .theme-app18 ion-badge { border-radius: 10px !important; padding: 10px 10px !important; margin: 10px; border: 1px solid var(--borderColor) !important; } :root .theme-app18 ion-badge.failure { border: 1px solid red !important; } :root .theme-app18 ion-badge.success { border: 1px solid white !important; } :root .theme-app18 .row-is-selected { background-color: rgba(211, 211, 211, 0.8); } :root .theme-app18 .alertClass { color: white; background-color: rgba(200, 200, 200, 0.2); } :root .theme-app18 .alertClass .alert-title { font-weight: bolder; } :root .theme-app18 .alertClassActionButton { border: white; border: 2px solid var(--borderColor); border-radius: 7px; } :root .theme-app18 .alert-sub-title.sc-ion-alert-md, :root .theme-app18 .alert-title.sc-ion-alert-md, :root .theme-app18 .alert-message, :root .theme-app18 .sc-ion-alert-md { color: #e0e0e0; } :root .theme-app18 .toastError { --background: red; --color: black; } :root .theme-app18 .custom-options { --placeholder-opacity: 1; color: var(--primaryText); --placeholder-color: var(--primaryText); } :root .theme-app18 .custom-options ion-select::part(text) { color: var(--primaryText); } :root .theme-app18 .custom-options .select-interface-option { --color: var(--primaryText); color: var(--primaryText); } :root .theme-app18 .primaryText { color: var(--primaryText); } :root .theme-app18 .selectClass { min-width: 70%; color: white !important; } :root .theme-app18 .selectClass ion-select { max-width: 70% !important; } :root .theme-app18 .selectClass .sc-ion-alert-md { color: white; } :root .theme-app18 .selectClass .alert-radio-inner.sc-ion-alert-md { background-color: white !important; } :root .theme-app18 .selectClass .alert-radio-label.sc-ion-alert-md { color: white; font-weight: bold; } :root .theme-app18 .selectClass .alert-button.alert-button-inner { color: white; } :root .theme-app18 .selectClass .popover-content { min-width: 90% !important; } :root .theme-app18 .dateRanger { color: var(--ion-color-danger); font-weight: bold; font-size: large; } :root .theme-app18 .eventFloater { color: white; font-weight: bold; padding: 10px; border-radius: 10px; font-size: large; background-color: var(--ion-color-danger); } :root .theme-app18 .chatContainer ion-card-subtitle { padding-top: 3px; } :root .theme-app18 .chatContainer::after { content: ""; clear: both; display: table; } :root .theme-app18 .chatMessageOtherUser { color: white; float: left; } :root .theme-app18 .chatMessageLoggedInUser { color: white; float: right; } :root .theme-app18 .chatUsername { font-weight: bolder; } :root .theme-app18 .ion-icon { color: var(--accentText); } :root .theme-app18 .numberCard ion-card-header { color: white !important; } :root .theme-app18 .numberCard ion-card-header ion-card-subtitle { color: white !important; font-weight: bold; font-size: 20px !important; } :root .theme-app18 .numberCard ion-card-header ion-card-subtitle ion-icon { font-size: 30px !important; color: var(--borderColor); } :root .theme-app18 .numberCard ion-card-header ion-card-title { color: var(--primary) !important; font-weight: bold; padding: 10px; background: var(--accent); border-radius: 10px; float: right; } :root .theme-app18 .numberCard ion-card-content ion-button { margin-top: 10px; } :root .theme-app18 .numberCard ion-card-content div.leftBound { margin-top: 10px; padding: 5px; border-left: 2px solid var(--borderColor); border-bottom: 2px solid var(--borderColor); border-bottom-left-radius: 10px; } :root .theme-app18 .numberCard ion-card-content div.leftBound:hover { border-left: 8px solid var(--borderColor); transition: border-width 0.1s ease-in-out; } :root .theme-app18 .qrCodeStyle { display: flex; align-items: center; justify-content: center; opacity: 1; } :root .theme-app18 .qrCodeStyle img { border-radius: 25px; } :root .theme-app18 .matt-tree-styling { background-color: transparent; padding-top: 20px; margin-top: 20px; } :root .theme-app18 .matt-tree-styling .tree-nested-node { padding-left: 30px; margin-left: 10px; padding-left: 40px; } :root .theme-app18 .matt-tree-styling mat-tree { margin-left: 40px !important; background-color: transparent; } :root .theme-app18 .matt-tree-styling .mat-tree-hover:hover { background-color: var(--accentHover) !important; border-radius: 5px; } :root .theme-app18 .matt-tree-styling .mat-tree-node { padding: 3px; background-color: transparent; } :root .theme-app18 .matt-tree-styling .mat-nested-tree-node { top: -24px !important; background-color: transparent; } :root .theme-app18 .matt-tree-styling ul, :root .theme-app18 .matt-tree-styling li { list-style: none; margin: 0; padding: 0; background-color: transparent; } :root .theme-app18 .matt-tree-styling li.tree-container { border-bottom: 0; background-color: transparent; } :root .theme-app18 .matt-tree-styling li { padding-left: 40px; border-left: 1px dotted grey !important; border-bottom: 1px dotted grey !important; border-bottom-left-radius: 10px; border-width: 0 0 1px 1px; position: relative; top: -24px; background-color: transparent; } :root .theme-app18 .matt-tree-styling li.mat-tree-node, :root .theme-app18 .matt-tree-styling li div { margin: 0; position: relative; top: 15px !important; background-color: transparent; } :root .theme-app18 .matt-tree-styling li ul { padding-right: 80px !important; background-color: transparent; } :root .theme-app18 .popover_style ion-backdrop { --backdrop-opacity: 0.9; } :root .theme-app18 .full-modal-cover { --border-radius: 15px; --min-height: 85% !important; --min-width: 85% !important; --padding:10px !important; } :root .theme-app18 .full-modal-cover .modal-wrapper { height: 30%; width: 90%; border-radius: 10px; } :root .theme-app18 .full-modal-cover-narrow { --border-radius: 15px; --min-height: 85% !important; --min-width: 450px !important; --padding:10px !important; } :root .theme-app18 .full-modal-cover-narrow .modal-wrapper { height: 30%; width: 90%; border-radius: 10px; } :root .theme-app18 .small-modal-cover .modal-wrapper { border-radius: 15px; padding: 10px; } :root .theme-app18 .no-background-modal .modal-wrapper { --min-height: 95% !important; --min-width: 75% !important; --background: rgba(46, 46, 46, 0); --border-style: none; --box-shadow:none; --border-radius:none; --border-style:none; --border-color:none; --border-width:0px; } :root .theme-app18 .small-no-background-modal .modal-wrapper { --background: rgba(46, 46, 46, 0) !important; --border-style: none !important; --box-shadow:none !important; --border-radius:none !important; --border-style:none !important; --border-color:none !important; --border-width:0px !important; } :root .theme-app18 .firmware-chain { font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app18 .fab-close { font-size: large !important; font-weight: bold !important; border-color: var(--accent) !important; border-radius: 18px !important; } :root .theme-app18 .fab-close:hover { background-color: var(--accent) !important; } :root .theme-app18 ::-webkit-scrollbar { width: 10px; } :root .theme-app18 ::-webkit-scrollbar-track { background: none; } :root .theme-app18 ::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 5px; } :root .theme-app18 ::-webkit-scrollbar-thumb:hover { background: #555; } :root .theme-app18 .deck-tooltip { border-radius: 7px; } :root .theme-app18 .map-control-panel { position: absolute; top: 0; left: 0; display: flex; } :root .theme-app18 .map-control-panel ion-card { margin: 20px; padding: 10px; border-radius: 10px; } :root .theme-app18 .map-control-panel ion-item { color: var(--primaryText); } :root .theme-app18 .map-control-panel ion-item ion-button { padding-top: 3px; padding-bottom: 3px; } :root .theme-app18 .map-control-panel ion-thumbnail { --border-radius: 5px; } :root .theme-app18 .map-control-panel .ion-label-title { font-weight: 500; } :root .theme-app18 .map-control-panel .ion-label-body { font-weight: lighter; } :root .theme-app18 .scanCheckBox { float: right; font-size: small; } :root .theme-app18 .scanCheckBox ion-checkbox { margin-left: 4px; margin-bottom: -4px; --border-color: var(--borderColor); --border-color-checked: var(--borderColor); --checkmark-color: var(--borderColor); } :root .theme-app18 .accentText { color: var(--accentText); } :root .theme-app18 a { color: var(--accentDarkText); } :root .theme-app18 .layerLabel { text-transform: capitalize; color: var(--primaryText); } :root .theme-app18 .mini-profile { border: 2px solid var(--borderColor); display: inline-block; color: var(--accentText) !important; margin: 10px; padding: 8 30px; height: 30px; font-size: 16px; line-height: 25px; border-radius: 25px; } :root .theme-app18 .mini-profile img { float: left; margin-left: 10px; height: 25px; background-color: white; border-radius: 50%; padding-top: 1px; padding-right: 2px; } :root .theme-app18 .searchbar-input { background: white !important; font-size: 1.25em !important; border: 1px solid transparent; border-radius: 10px !important; height: 30px !important; } :root .theme-app18 .searchbar-search-icon.sc-ion-searchbar-md { top: 6px; } :root .theme-app18 .sc-ion-searchbar-ios-h { padding-bottom: 0 !important; } :root .theme-app18 .badgeAsSelection { --background:var(--accent) !important; color: var(--secondaryBaseText); cursor: pointer; } :root .theme-app18 .badgeAsOptions { --background:none !important; color: var(--accentText); border: 2px solid var(--borderColor); cursor: pointer; } :root .theme-app18 .badgeAsOptions { --background:none !important; color: var(--accentText); border: 2px solid var(--borderColor); cursor: pointer; } :root .theme-app18 .clearOptions { --background:none !important; color: red !important; border: 1px solid red !important; cursor: pointer; } :root .theme-app18 .ng-star-inserted { color: var(--primaryText) !important; } :root .theme-app18 .apexcharts-xaxis-label { fill: var(--primaryText) !important; } :root .theme-app18 .apexcharts-xaxis text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app18 .apexcharts-yaxis-label { fill: var(--primaryText) !important; color: var(--primaryText) !important; } :root .theme-app18 .apexcharts-yaxis text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app18 .apexcharts-title-text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app18 .apexcharts-tooltip { background: #f3f3f3 !important; color: black !important; fill: black !important; } :root .theme-app18 .apexcharts-tooltip span { color: black !important; fill: black !important; } :root .theme-app18 .apexcharts-tooltip-text { color: black !important; fill: black !important; } :root .theme-app18 .apexcharts-tooltip-text-y-label { color: black !important; fill: black !important; } :root .theme-app18 .apexcharts-tooltip-y-group span { color: black !important; fill: black !important; } :root .theme-app18 .area-custom-gradient { fill: linear-gradient(to bottom, #FF5733, #FFCC00); } :root .theme-app18 ion-item-divider { border-color: var(--secondary); } :root .theme-app18 ion-item-divider ion-label { --border-color: var(--secondary) !important; /* Replace with your desired color */ border-color: var(--secondary); } :root .theme-app18 .btn-prev-next { border: 1px solid lightgray; background-color: transparent; color: var(--primaryText); width: 30px; font-size: large; } :root .theme-app18 ion-accordion-group ion-accordion .ion-accordion-toggle-icon { color: var(--primaryText); } :root .theme-app18 .device-status-box { border: 2px solid var(--secondary); /* Set the border color to your desired color */ box-shadow: none; /* Set the box shadow color */ } :root .theme-app18 .counts { color: var(--primaryText); text-align: center; } :root .theme-app18 gridster-item { background-color: var(--ion-background-color) !important; } :root .theme-app18 gridster { background-color: var(--ion-background-color) !important; } :root .theme-app18 ion-fab ion-fab-button { --background: var(--accent); color: white; } :root .theme-app18 #chart path.apexcharts-area { fill: #ff5733; /* Set the fill color to your desired color */ } :root .theme-app18 #chart path.apexcharts-area:hover { fill: #ff33cc; /* Set the hover fill color to your desired color */ } :root .theme-app18 .card-indent { margin-left: 100px !important; } :root .theme-app18 .card-indent:before { content: ""; position: absolute; top: 50%; left: 111px; /* Adjust this value to position the arrow */ width: 0; height: 0; border-style: solid; border-width: 5px 7px 0 7px; border-color: #000 transparent transparent transparent; /* Change color if needed */ transform: translateY(-50%) rotate(45deg); } :root .theme-app18 .valid-alert { --background: green; /* Set the background color to green */ /* You can add more custom styles here */ } :root .theme-app18 .invlid-alert { --background: red; /* Set the background color to red */ /* You can add more custom styles here */ } :root .theme-app18 .mat-tabs .mat-ink-bar { background-color: var(--accent) !important; } :root .theme-app18 .mat-table { overflow-x: scroll; } :root .theme-app18 .mat-cell, :root .theme-app18 .mat-header-cell { word-wrap: initial; display: table-cell; padding: 0px 10px; line-break: unset; width: 100%; white-space: nowrap; overflow: hidden; vertical-align: middle; } :root .theme-app18 .mat-row, :root .theme-app18 .mat-header-row { display: table-row; } :root .theme-app18 .mat-tab-label { padding: 5px; background-color: transparent; color: var(--accent); font-weight: 700; } :root .theme-app18 .mat-tab-label.mat-tab-label-active { padding: 5px; background-color: transparent; color: var(--accent); font-weight: 700; } :root .theme-app18 .mat-ink-bar { background-color: var(--accent); } :root .theme-app18 mat-label { color: var(--primaryText); } :root .theme-app18 mat-form-field { color: var(--primaryText); } :root .theme-app18 mat-form-field input { color: var(--primaryText); } :root .theme-app18 .mat-icon { color: var(--primaryText); } :root .mat-badge-content { font-weight: 600; font-size: 12px; font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-badge-small .mat-badge-content { font-size: 9px; } :root .mat-badge-large .mat-badge-content { font-size: 24px; } :root .mat-h1, :root .mat-headline, :root .mat-typography .mat-h1, :root .mat-typography .mat-headline, :root .mat-typography h1 { font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h2, :root .mat-title, :root .mat-typography .mat-h2, :root .mat-typography .mat-title, :root .mat-typography h2 { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h3, :root .mat-subheading-2, :root .mat-typography .mat-h3, :root .mat-typography .mat-subheading-2, :root .mat-typography h3 { font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h4, :root .mat-subheading-1, :root .mat-typography .mat-h4, :root .mat-typography .mat-subheading-1, :root .mat-typography h4 { font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } :root .mat-h5, :root .mat-typography .mat-h5, :root .mat-typography h5 { font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } :root .mat-h6, :root .mat-typography .mat-h6, :root .mat-typography h6 { font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } :root .mat-body-strong, :root .mat-body-2, :root .mat-typography .mat-body-strong, :root .mat-typography .mat-body-2 { font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-body, :root .mat-body-1, :root .mat-typography .mat-body, :root .mat-typography .mat-body-1, :root .mat-typography { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-body p, :root .mat-body-1 p, :root .mat-typography .mat-body p, :root .mat-typography .mat-body-1 p, :root .mat-typography p { margin: 0 0 12px; } :root .mat-small, :root .mat-caption, :root .mat-typography .mat-small, :root .mat-typography .mat-caption { font: 400 12px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-display-4, :root .mat-typography .mat-display-4 { font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.05em; margin: 0 0 56px; } :root .mat-display-3, :root .mat-typography .mat-display-3 { font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.02em; margin: 0 0 64px; } :root .mat-display-2, :root .mat-typography .mat-display-2 { font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.005em; margin: 0 0 64px; } :root .mat-display-1, :root .mat-typography .mat-display-1 { font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 64px; } :root .mat-bottom-sheet-container { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-button, :root .mat-raised-button, :root .mat-icon-button, :root .mat-stroked-button, :root .mat-flat-button, :root .mat-fab, :root .mat-mini-fab { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-button-toggle { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-card { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-card-title { font-size: 24px; font-weight: 500; } :root .mat-card-header .mat-card-title { font-size: 20px; } :root .mat-card-subtitle, :root .mat-card-content { font-size: 14px; } :root .mat-checkbox { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-checkbox-layout .mat-checkbox-label { line-height: 24px; } :root .mat-chip { font-size: 14px; font-weight: 500; } :root .mat-chip .mat-chip-trailing-icon.mat-icon, :root .mat-chip .mat-chip-remove.mat-icon { font-size: 18px; } :root .mat-table { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-header-cell { font-size: 12px; font-weight: 500; } :root .mat-cell, :root .mat-footer-cell { font-size: 14px; } :root .mat-calendar { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-calendar-body { font-size: 13px; } :root .mat-calendar-body-label, :root .mat-calendar-period-button { font-size: 14px; font-weight: 500; } :root .mat-calendar-table-header th { font-size: 11px; font-weight: 400; } :root .mat-dialog-title { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-expansion-panel-header { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 15px; font-weight: 400; } :root .mat-expansion-panel-content { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-form-field { font-size: inherit; font-weight: 400; line-height: 1.125; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-form-field-wrapper { padding-bottom: 1.34375em; } :root .mat-form-field-prefix .mat-icon, :root .mat-form-field-suffix .mat-icon { font-size: 150%; line-height: 1.125; } :root .mat-form-field-prefix .mat-icon-button, :root .mat-form-field-suffix .mat-icon-button { height: 1.5em; width: 1.5em; } :root .mat-form-field-prefix .mat-icon-button .mat-icon, :root .mat-form-field-suffix .mat-icon-button .mat-icon { height: 1.125em; line-height: 1.125; } :root .mat-form-field-infix { padding: 0.5em 0; border-top: 0.84375em solid transparent; } :root .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34357em) scale(0.75); width: 133.3335133333%; } :root .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34356em) scale(0.75); width: 133.3335233333%; } :root .mat-form-field-label-wrapper { top: -0.84375em; padding-top: 0.84375em; } :root .mat-form-field-label { top: 1.34375em; } :root .mat-form-field-underline { bottom: 1.34375em; } :root .mat-form-field-subscript-wrapper { font-size: 75%; margin-top: 0.6666666667em; top: calc(100% - 1.7916666667em); } :root .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 1.25em; } :root .mat-form-field-appearance-legacy .mat-form-field-infix { padding: 0.4375em 0; } :root .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00154px); width: 133.3338733333%; } :root .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 { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00155px); width: 133.3338833333%; } :root .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 { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00156px); width: 133.3338933333%; } :root .mat-form-field-appearance-legacy .mat-form-field-label { top: 1.28125em; } :root .mat-form-field-appearance-legacy .mat-form-field-underline { bottom: 1.25em; } :root .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { margin-top: 0.5416666667em; top: calc(100% - 1.6666666667em); } @media print { :root .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28068em) scale(0.75); } :root .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 { transform: translateY(-1.28067em) scale(0.75); } :root .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 { transform: translateY(-1.28066em) scale(0.75); } } :root .mat-form-field-appearance-fill .mat-form-field-infix { padding: 0.25em 0 0.75em 0; } :root .mat-form-field-appearance-fill .mat-form-field-label { top: 1.09375em; margin-top: -0.5em; } :root .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59357em) scale(0.75); width: 133.3335133333%; } :root .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 { transform: translateY(-0.59356em) scale(0.75); width: 133.3335233333%; } :root .mat-form-field-appearance-outline .mat-form-field-infix { padding: 1em 0 1em 0; } :root .mat-form-field-appearance-outline .mat-form-field-label { top: 1.84375em; margin-top: -0.25em; } :root .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, :root .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59357em) scale(0.75); width: 133.3335133333%; } :root .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 { transform: translateY(-1.59356em) scale(0.75); width: 133.3335233333%; } :root .mat-grid-tile-header, :root .mat-grid-tile-footer { font-size: 14px; } :root .mat-grid-tile-header .mat-line, :root .mat-grid-tile-footer .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-grid-tile-header .mat-line:nth-child(n+2), :root .mat-grid-tile-footer .mat-line:nth-child(n+2) { font-size: 12px; } :root input.mat-input-element { margin-top: -0.0625em; } :root .mat-menu-item { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 400; } :root .mat-paginator, :root .mat-paginator-page-size .mat-select-trigger { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; } :root .mat-radio-button { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-select { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-select-trigger { height: 1.125em; } :root .mat-slide-toggle-content { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-slider-thumb-label-text { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } :root .mat-stepper-vertical, :root .mat-stepper-horizontal { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-step-label { font-size: 14px; font-weight: 400; } :root .mat-step-sub-label-error { font-weight: normal; } :root .mat-step-label-error { font-size: 14px; } :root .mat-step-label-selected { font-size: 14px; font-weight: 500; } :root .mat-tab-group { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-tab-label, :root .mat-tab-link { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-toolbar, :root .mat-toolbar h1, :root .mat-toolbar h2, :root .mat-toolbar h3, :root .mat-toolbar h4, :root .mat-toolbar h5, :root .mat-toolbar h6 { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0; } :root .mat-tooltip { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 10px; padding-top: 6px; padding-bottom: 6px; } :root .mat-tooltip-handset { font-size: 14px; padding-top: 8px; padding-bottom: 8px; } :root .mat-list-item { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-list-option { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-list-base .mat-list-item { font-size: 16px; } :root .mat-list-base .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base .mat-list-item .mat-line:nth-child(n+2) { font-size: 14px; } :root .mat-list-base .mat-list-option { font-size: 16px; } :root .mat-list-base .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base .mat-list-option .mat-line:nth-child(n+2) { font-size: 14px; } :root .mat-list-base .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } :root .mat-list-base[dense] .mat-list-item { font-size: 12px; } :root .mat-list-base[dense] .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) { font-size: 12px; } :root .mat-list-base[dense] .mat-list-option { font-size: 12px; } :root .mat-list-base[dense] .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } :root .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) { font-size: 12px; } :root .mat-list-base[dense] .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } :root .mat-option { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 16px; } :root .mat-optgroup-label { font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } :root .mat-simple-snackbar { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; } :root .mat-simple-snackbar-action { line-height: 1; font-family: inherit; font-size: inherit; font-weight: 500; } :root .mat-tree { font-family: Roboto, "Helvetica Neue", sans-serif; } :root .mat-tree-node, :root .mat-nested-tree-node { font-weight: 400; font-size: 14px; } :root .mat-ripple { overflow: hidden; position: relative; } :root .mat-ripple:not(:empty) { transform: translateZ(0); } :root .mat-ripple.mat-ripple-unbounded { overflow: visible; } :root .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale(0); } .cdk-high-contrast-active :root .mat-ripple-element { display: none; } :root .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; outline: 0; -webkit-appearance: none; -moz-appearance: none; left: 0; } [dir=rtl] :root .cdk-visually-hidden { left: auto; right: 0; } :root .cdk-overlay-container, :root .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } :root .cdk-overlay-container { position: fixed; z-index: 1000; } :root .cdk-overlay-container:empty { display: none; } :root .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } :root .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } :root .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } :root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } .cdk-high-contrast-active :root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } :root .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } :root .cdk-overlay-transparent-backdrop { transition: visibility 1ms linear, opacity 1ms linear; visibility: hidden; opacity: 1; } :root .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; visibility: visible; } :root .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } :root .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } :root textarea.cdk-textarea-autosize { resize: none; } :root textarea.cdk-textarea-autosize-measuring { padding: 2px 0 !important; box-sizing: content-box !important; height: auto !important; overflow: hidden !important; } :root textarea.cdk-textarea-autosize-measuring-firefox { padding: 2px 0 !important; box-sizing: content-box !important; height: 0 !important; } @keyframes cdk-text-field-autofill-start { /*!*/ } @keyframes cdk-text-field-autofill-end { /*!*/ } :root .cdk-text-field-autofill-monitored:-webkit-autofill { animation: cdk-text-field-autofill-start 0s 1ms; } :root .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { animation: cdk-text-field-autofill-end 0s 1ms; } :root .mat-focus-indicator { position: relative; } :root .mat-mdc-focus-indicator { position: relative; } :root .theme-app20 { /* Track */ /* Handle */ /* Handle on hover */ /* Style the area path element when hovering (optional) */ /* active tab */ /* Styles for the active tab label */ /* Styles for the ink bar */ } :root .theme-app20 .dark { --primary: #2D3035; --secondary: #C7C7CC; --secondaryBase: #fff; --accent: #FF422A; --secondaryDark: #383D43; --accentLight:rgba(182, 119, 119, 0.3); --accentBackground:rgba(209, 138, 138, 0.1); --accentDark: #2E2820; --borderColor: #9b1200; --accentHover: rgba(180, 61, 61, 0.5); --iconColor: #9b1200; --primaryText: #fff; --secondaryText: #8E8E93; --accentText: #FF422A; --secondaryBaseText: #EFEFF4; --accentLightText: #2D3035; --accentDarkText: #000000; --ion-background-color: var(--primary); } :root .theme-app20 .dark .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app20 .dark .mat-option { color: white; } :root .theme-app20 .dark .mat-option:hover:not(.mat-option-disabled), :root .theme-app20 .dark .mat-option:focus:not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } :root .theme-app20 .dark .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } :root .theme-app20 .dark .mat-option.mat-active { background: rgba(255, 255, 255, 0.04); color: white; } :root .theme-app20 .dark .mat-option.mat-option-disabled { color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #ff5252; } :root .theme-app20 .dark .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #ff5252; } :root .theme-app20 .dark .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #ff5722; } :root .theme-app20 .dark .mat-optgroup-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app20 .dark .mat-optgroup-disabled .mat-optgroup-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-pseudo-checkbox { color: rgba(255, 255, 255, 0.7); } :root .theme-app20 .dark .mat-pseudo-checkbox::after { color: #303030; } :root .theme-app20 .dark .mat-pseudo-checkbox-disabled { color: #686868; } :root .theme-app20 .dark .mat-primary .mat-pseudo-checkbox-checked, :root .theme-app20 .dark .mat-primary .mat-pseudo-checkbox-indeterminate { background: #ff5252; } :root .theme-app20 .dark .mat-pseudo-checkbox-checked, :root .theme-app20 .dark .mat-pseudo-checkbox-indeterminate, :root .theme-app20 .dark .mat-accent .mat-pseudo-checkbox-checked, :root .theme-app20 .dark .mat-accent .mat-pseudo-checkbox-indeterminate { background: #ff5252; } :root .theme-app20 .dark .mat-warn .mat-pseudo-checkbox-checked, :root .theme-app20 .dark .mat-warn .mat-pseudo-checkbox-indeterminate { background: #ff5722; } :root .theme-app20 .dark .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, :root .theme-app20 .dark .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #686868; } :root .theme-app20 .dark .mat-app-background, :root .theme-app20 .dark.mat-app-background { background-color: #303030; color: white; } :root .theme-app20 .dark .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } :root .theme-app20 .dark .mat-autocomplete-panel { background: #424242; color: white; } :root .theme-app20 .dark .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: #424242; } :root .theme-app20 .dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: white; } :root .theme-app20 .dark .mat-badge { position: relative; } :root .theme-app20 .dark .mat-badge.mat-badge { overflow: visible; } :root .theme-app20 .dark .mat-badge-hidden .mat-badge-content { display: none; } :root .theme-app20 .dark .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } :root .theme-app20 .dark .ng-animate-disabled .mat-badge-content, :root .theme-app20 .dark .mat-badge-content._mat-animation-noopable { transition: none; } :root .theme-app20 .dark .mat-badge-content.mat-badge-active { transform: none; } :root .theme-app20 .dark .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } :root .theme-app20 .dark .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } :root .theme-app20 .dark .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } :root .theme-app20 .dark .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] :root .theme-app20 .dark .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } :root .theme-app20 .dark .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] :root .theme-app20 .dark .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } :root .theme-app20 .dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] :root .theme-app20 .dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } :root .theme-app20 .dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] :root .theme-app20 .dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } :root .theme-app20 .dark .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } :root .theme-app20 .dark .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } :root .theme-app20 .dark .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } :root .theme-app20 .dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] :root .theme-app20 .dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } :root .theme-app20 .dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] :root .theme-app20 .dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } :root .theme-app20 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] :root .theme-app20 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } :root .theme-app20 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] :root .theme-app20 .dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } :root .theme-app20 .dark .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } :root .theme-app20 .dark .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } :root .theme-app20 .dark .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } :root .theme-app20 .dark .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] :root .theme-app20 .dark .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } :root .theme-app20 .dark .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] :root .theme-app20 .dark .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } :root .theme-app20 .dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] :root .theme-app20 .dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } :root .theme-app20 .dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] :root .theme-app20 .dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } :root .theme-app20 .dark .mat-badge-content { color: white; background: #ff5252; } .cdk-high-contrast-active :root .theme-app20 .dark .mat-badge-content { outline: solid 1px; border-radius: 0; } :root .theme-app20 .dark .mat-badge-accent .mat-badge-content { background: #ff5252; color: white; } :root .theme-app20 .dark .mat-badge-warn .mat-badge-content { color: white; background: #ff5722; } :root .theme-app20 .dark .mat-badge-disabled .mat-badge-content { background: #6e6e6e; color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: #424242; color: white; } :root .theme-app20 .dark .mat-button, :root .theme-app20 .dark .mat-icon-button, :root .theme-app20 .dark .mat-stroked-button { color: inherit; background: transparent; } :root .theme-app20 .dark .mat-button.mat-primary, :root .theme-app20 .dark .mat-icon-button.mat-primary, :root .theme-app20 .dark .mat-stroked-button.mat-primary { color: #ff5252; } :root .theme-app20 .dark .mat-button.mat-accent, :root .theme-app20 .dark .mat-icon-button.mat-accent, :root .theme-app20 .dark .mat-stroked-button.mat-accent { color: #ff5252; } :root .theme-app20 .dark .mat-button.mat-warn, :root .theme-app20 .dark .mat-icon-button.mat-warn, :root .theme-app20 .dark .mat-stroked-button.mat-warn { color: #ff5722; } :root .theme-app20 .dark .mat-button.mat-primary.mat-button-disabled, :root .theme-app20 .dark .mat-button.mat-accent.mat-button-disabled, :root .theme-app20 .dark .mat-button.mat-warn.mat-button-disabled, :root .theme-app20 .dark .mat-button.mat-button-disabled.mat-button-disabled, :root .theme-app20 .dark .mat-icon-button.mat-primary.mat-button-disabled, :root .theme-app20 .dark .mat-icon-button.mat-accent.mat-button-disabled, :root .theme-app20 .dark .mat-icon-button.mat-warn.mat-button-disabled, :root .theme-app20 .dark .mat-icon-button.mat-button-disabled.mat-button-disabled, :root .theme-app20 .dark .mat-stroked-button.mat-primary.mat-button-disabled, :root .theme-app20 .dark .mat-stroked-button.mat-accent.mat-button-disabled, :root .theme-app20 .dark .mat-stroked-button.mat-warn.mat-button-disabled, :root .theme-app20 .dark .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } :root .theme-app20 .dark .mat-button.mat-primary .mat-button-focus-overlay, :root .theme-app20 .dark .mat-icon-button.mat-primary .mat-button-focus-overlay, :root .theme-app20 .dark .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #ff5252; } :root .theme-app20 .dark .mat-button.mat-accent .mat-button-focus-overlay, :root .theme-app20 .dark .mat-icon-button.mat-accent .mat-button-focus-overlay, :root .theme-app20 .dark .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #ff5252; } :root .theme-app20 .dark .mat-button.mat-warn .mat-button-focus-overlay, :root .theme-app20 .dark .mat-icon-button.mat-warn .mat-button-focus-overlay, :root .theme-app20 .dark .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #ff5722; } :root .theme-app20 .dark .mat-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app20 .dark .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app20 .dark .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } :root .theme-app20 .dark .mat-button .mat-ripple-element, :root .theme-app20 .dark .mat-icon-button .mat-ripple-element, :root .theme-app20 .dark .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } :root .theme-app20 .dark .mat-button-focus-overlay { background: white; } :root .theme-app20 .dark .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(255, 255, 255, 0.12); } :root .theme-app20 .dark .mat-flat-button, :root .theme-app20 .dark .mat-raised-button, :root .theme-app20 .dark .mat-fab, :root .theme-app20 .dark .mat-mini-fab { color: white; background-color: #424242; } :root .theme-app20 .dark .mat-flat-button.mat-primary, :root .theme-app20 .dark .mat-raised-button.mat-primary, :root .theme-app20 .dark .mat-fab.mat-primary, :root .theme-app20 .dark .mat-mini-fab.mat-primary { color: white; } :root .theme-app20 .dark .mat-flat-button.mat-accent, :root .theme-app20 .dark .mat-raised-button.mat-accent, :root .theme-app20 .dark .mat-fab.mat-accent, :root .theme-app20 .dark .mat-mini-fab.mat-accent { color: white; } :root .theme-app20 .dark .mat-flat-button.mat-warn, :root .theme-app20 .dark .mat-raised-button.mat-warn, :root .theme-app20 .dark .mat-fab.mat-warn, :root .theme-app20 .dark .mat-mini-fab.mat-warn { color: white; } :root .theme-app20 .dark .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app20 .dark .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app20 .dark .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app20 .dark .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app20 .dark .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app20 .dark .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app20 .dark .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app20 .dark .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app20 .dark .mat-fab.mat-primary.mat-button-disabled, :root .theme-app20 .dark .mat-fab.mat-accent.mat-button-disabled, :root .theme-app20 .dark .mat-fab.mat-warn.mat-button-disabled, :root .theme-app20 .dark .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app20 .dark .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app20 .dark .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app20 .dark .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app20 .dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } :root .theme-app20 .dark .mat-flat-button.mat-primary, :root .theme-app20 .dark .mat-raised-button.mat-primary, :root .theme-app20 .dark .mat-fab.mat-primary, :root .theme-app20 .dark .mat-mini-fab.mat-primary { background-color: #ff5252; } :root .theme-app20 .dark .mat-flat-button.mat-accent, :root .theme-app20 .dark .mat-raised-button.mat-accent, :root .theme-app20 .dark .mat-fab.mat-accent, :root .theme-app20 .dark .mat-mini-fab.mat-accent { background-color: #ff5252; } :root .theme-app20 .dark .mat-flat-button.mat-warn, :root .theme-app20 .dark .mat-raised-button.mat-warn, :root .theme-app20 .dark .mat-fab.mat-warn, :root .theme-app20 .dark .mat-mini-fab.mat-warn { background-color: #ff5722; } :root .theme-app20 .dark .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app20 .dark .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app20 .dark .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app20 .dark .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app20 .dark .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app20 .dark .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app20 .dark .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app20 .dark .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app20 .dark .mat-fab.mat-primary.mat-button-disabled, :root .theme-app20 .dark .mat-fab.mat-accent.mat-button-disabled, :root .theme-app20 .dark .mat-fab.mat-warn.mat-button-disabled, :root .theme-app20 .dark .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app20 .dark .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app20 .dark .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app20 .dark .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app20 .dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app20 .dark .mat-flat-button.mat-primary .mat-ripple-element, :root .theme-app20 .dark .mat-raised-button.mat-primary .mat-ripple-element, :root .theme-app20 .dark .mat-fab.mat-primary .mat-ripple-element, :root .theme-app20 .dark .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app20 .dark .mat-flat-button.mat-accent .mat-ripple-element, :root .theme-app20 .dark .mat-raised-button.mat-accent .mat-ripple-element, :root .theme-app20 .dark .mat-fab.mat-accent .mat-ripple-element, :root .theme-app20 .dark .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app20 .dark .mat-flat-button.mat-warn .mat-ripple-element, :root .theme-app20 .dark .mat-raised-button.mat-warn .mat-ripple-element, :root .theme-app20 .dark .mat-fab.mat-warn .mat-ripple-element, :root .theme-app20 .dark .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app20 .dark .mat-stroked-button:not([class*=mat-elevation-z]), :root .theme-app20 .dark .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-fab:not([class*=mat-elevation-z]), :root .theme-app20 .dark .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), :root .theme-app20 .dark .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), :root .theme-app20 .dark .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-button-toggle-standalone:not([class*=mat-elevation-z]), :root .theme-app20 .dark .mat-button-toggle-group:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), :root .theme-app20 .dark .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) { box-shadow: none; } :root .theme-app20 .dark .mat-button-toggle { color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app20 .dark .mat-button-toggle-appearance-standard { color: white; background: #424242; } :root .theme-app20 .dark .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: white; } :root .theme-app20 .dark .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px #595959; } :root .theme-app20 .dark [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px #595959; } :root .theme-app20 .dark .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px #595959; } :root .theme-app20 .dark .mat-button-toggle-checked { background-color: #212121; color: rgba(255, 255, 255, 0.7); } :root .theme-app20 .dark .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: white; } :root .theme-app20 .dark .mat-button-toggle-disabled { color: rgba(255, 255, 255, 0.3); background-color: black; } :root .theme-app20 .dark .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: #424242; } :root .theme-app20 .dark .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #424242; } :root .theme-app20 .dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, :root .theme-app20 .dark .mat-button-toggle-group-appearance-standard { border: solid 1px #595959; } :root .theme-app20 .dark .mat-card { background: #424242; color: white; } :root .theme-app20 .dark .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-card-subtitle { color: rgba(255, 255, 255, 0.7); } :root .theme-app20 .dark .mat-checkbox-frame { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app20 .dark .mat-checkbox-checkmark { fill: #303030; } :root .theme-app20 .dark .mat-checkbox-checkmark-path { stroke: #303030 !important; } :root .theme-app20 .dark .mat-checkbox-mixedmark { background-color: #303030; } :root .theme-app20 .dark .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, :root .theme-app20 .dark .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #ff5252; } :root .theme-app20 .dark .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, :root .theme-app20 .dark .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #ff5252; } :root .theme-app20 .dark .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, :root .theme-app20 .dark .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #ff5722; } :root .theme-app20 .dark .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, :root .theme-app20 .dark .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #686868; } :root .theme-app20 .dark .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #686868; } :root .theme-app20 .dark .mat-checkbox-disabled .mat-checkbox-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-checkbox .mat-ripple-element { background-color: white; } :root .theme-app20 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, :root .theme-app20 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #ff5252; } :root .theme-app20 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, :root .theme-app20 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #ff5252; } :root .theme-app20 .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, :root .theme-app20 .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #ff5722; } :root .theme-app20 .dark .mat-chip.mat-standard-chip { background-color: #616161; color: white; } :root .theme-app20 .dark .mat-chip.mat-standard-chip .mat-chip-remove { color: white; opacity: 0.4; } :root .theme-app20 .dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } :root .theme-app20 .dark .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } :root .theme-app20 .dark .mat-chip.mat-standard-chip::after { background: white; } :root .theme-app20 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #ff5252; color: white; } :root .theme-app20 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: white; opacity: 0.4; } :root .theme-app20 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app20 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #ff5722; color: white; } :root .theme-app20 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } :root .theme-app20 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app20 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #ff5252; color: white; } :root .theme-app20 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: white; opacity: 0.4; } :root .theme-app20 .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app20 .dark .mat-table { background: #424242; } :root .theme-app20 .dark .mat-table thead, :root .theme-app20 .dark .mat-table tbody, :root .theme-app20 .dark .mat-table tfoot, :root .theme-app20 .dark mat-header-row, :root .theme-app20 .dark mat-row, :root .theme-app20 .dark mat-footer-row, :root .theme-app20 .dark [mat-header-row], :root .theme-app20 .dark [mat-row], :root .theme-app20 .dark [mat-footer-row], :root .theme-app20 .dark .mat-table-sticky { background: inherit; } :root .theme-app20 .dark mat-row, :root .theme-app20 .dark mat-header-row, :root .theme-app20 .dark mat-footer-row, :root .theme-app20 .dark th.mat-header-cell, :root .theme-app20 .dark td.mat-cell, :root .theme-app20 .dark td.mat-footer-cell { border-bottom-color: rgba(255, 255, 255, 0.12); } :root .theme-app20 .dark .mat-header-cell { color: rgba(255, 255, 255, 0.7); } :root .theme-app20 .dark .mat-cell, :root .theme-app20 .dark .mat-footer-cell { color: white; } :root .theme-app20 .dark .mat-calendar-arrow { fill: white; } :root .theme-app20 .dark .mat-datepicker-toggle, :root .theme-app20 .dark .mat-datepicker-content .mat-calendar-next-button, :root .theme-app20 .dark .mat-datepicker-content .mat-calendar-previous-button { color: white; } :root .theme-app20 .dark .mat-calendar-table-header-divider::after { background: rgba(255, 255, 255, 0.12); } :root .theme-app20 .dark .mat-calendar-table-header, :root .theme-app20 .dark .mat-calendar-body-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app20 .dark .mat-calendar-body-cell-content, :root .theme-app20 .dark .mat-date-range-input-separator { color: white; border-color: transparent; } :root .theme-app20 .dark .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-calendar-body-in-preview { color: rgba(255, 255, 255, 0.24); } :root .theme-app20 .dark .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app20 .dark .mat-calendar-body-in-range::before { background: rgba(255, 82, 82, 0.2); } :root .theme-app20 .dark .mat-calendar-body-comparison-identical, :root .theme-app20 .dark .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app20 .dark .mat-calendar-body-comparison-bridge-start::before, :root .theme-app20 .dark [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 82, 82, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app20 .dark .mat-calendar-body-comparison-bridge-end::before, :root .theme-app20 .dark [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 82, 82, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app20 .dark .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app20 .dark .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app20 .dark .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app20 .dark .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app20 .dark .mat-calendar-body-selected { background-color: #ff5252; color: white; } :root .theme-app20 .dark .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 82, 82, 0.4); } :root .theme-app20 .dark .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } :root .theme-app20 .dark .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app20 .dark .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 82, 82, 0.3); } @media (hover: hover) { :root .theme-app20 .dark .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 82, 82, 0.3); } } :root .theme-app20 .dark .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: #424242; color: white; } :root .theme-app20 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(255, 82, 82, 0.2); } :root .theme-app20 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, :root .theme-app20 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app20 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, :root .theme-app20 .dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 82, 82, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app20 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, :root .theme-app20 .dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 82, 82, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app20 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app20 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app20 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app20 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app20 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #ff5252; color: white; } :root .theme-app20 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 82, 82, 0.4); } :root .theme-app20 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } :root .theme-app20 .dark .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app20 .dark .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 82, 82, 0.3); } @media (hover: hover) { :root .theme-app20 .dark .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 82, 82, 0.3); } } :root .theme-app20 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(255, 87, 34, 0.2); } :root .theme-app20 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, :root .theme-app20 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app20 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, :root .theme-app20 .dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 87, 34, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app20 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, :root .theme-app20 .dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 87, 34, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app20 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app20 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app20 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app20 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app20 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #ff5722; color: white; } :root .theme-app20 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 87, 34, 0.4); } :root .theme-app20 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } :root .theme-app20 .dark .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app20 .dark .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 87, 34, 0.3); } @media (hover: hover) { :root .theme-app20 .dark .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 87, 34, 0.3); } } :root .theme-app20 .dark .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-datepicker-toggle-active { color: #ff5252; } :root .theme-app20 .dark .mat-datepicker-toggle-active.mat-accent { color: #ff5252; } :root .theme-app20 .dark .mat-datepicker-toggle-active.mat-warn { color: #ff5722; } :root .theme-app20 .dark .mat-date-range-input-inner[disabled] { color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: #424242; color: white; } :root .theme-app20 .dark .mat-divider { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app20 .dark .mat-divider-vertical { border-right-color: rgba(255, 255, 255, 0.12); } :root .theme-app20 .dark .mat-expansion-panel { background: #424242; color: white; } :root .theme-app20 .dark .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-action-row { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app20 .dark .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), :root .theme-app20 .dark .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), :root .theme-app20 .dark .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(255, 255, 255, 0.04); } @media (hover: none) { :root .theme-app20 .dark .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: #424242; } } :root .theme-app20 .dark .mat-expansion-panel-header-title { color: white; } :root .theme-app20 .dark .mat-expansion-panel-header-description, :root .theme-app20 .dark .mat-expansion-indicator::after { color: rgba(255, 255, 255, 0.7); } :root .theme-app20 .dark .mat-expansion-panel-header[aria-disabled=true] { color: rgba(255, 255, 255, 0.3); } :root .theme-app20 .dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, :root .theme-app20 .dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } :root .theme-app20 .dark .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app20 .dark .mat-hint { color: rgba(255, 255, 255, 0.7); } :root .theme-app20 .dark .mat-form-field.mat-focused .mat-form-field-label { color: #ff5252; } :root .theme-app20 .dark .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #ff5252; } :root .theme-app20 .dark .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #ff5722; } :root .theme-app20 .dark .mat-focused .mat-form-field-required-marker { color: #ff5252; } :root .theme-app20 .dark .mat-form-field-ripple { background-color: white; } :root .theme-app20 .dark .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #ff5252; } :root .theme-app20 .dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #ff5252; } :root .theme-app20 .dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #ff5722; } :root .theme-app20 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #ff5252; } :root .theme-app20 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #ff5252; } :root .theme-app20 .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #ff5722; } :root .theme-app20 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #ff5722; } :root .theme-app20 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, :root .theme-app20 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #ff5722; } :root .theme-app20 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, :root .theme-app20 .dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #ff5722; } :root .theme-app20 .dark .mat-error { color: #ff5722; } :root .theme-app20 .dark .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } :root .theme-app20 .dark .mat-form-field-appearance-legacy .mat-hint { color: rgba(255, 255, 255, 0.7); } :root .theme-app20 .dark .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } :root .theme-app20 .dark .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app20 .dark .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } :root .theme-app20 .dark .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app20 .dark .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.1); } :root .theme-app20 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.05); } :root .theme-app20 .dark .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } :root .theme-app20 .dark .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(255, 255, 255, 0.3); } :root .theme-app20 .dark .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: white; } :root .theme-app20 .dark .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #ff5252; } :root .theme-app20 .dark .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #ff5252; } :root .theme-app20 .dark .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #ff5722; } :root .theme-app20 .dark .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #ff5722; } :root .theme-app20 .dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(255, 255, 255, 0.15); } :root .theme-app20 .dark .mat-icon.mat-primary { color: #ff5252; } :root .theme-app20 .dark .mat-icon.mat-accent { color: #ff5252; } :root .theme-app20 .dark .mat-icon.mat-warn { color: #ff5722; } :root .theme-app20 .dark .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.7); } :root .theme-app20 .dark .mat-input-element:disabled, :root .theme-app20 .dark .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-input-element { caret-color: #ff5252; } :root .theme-app20 .dark .mat-input-element::placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-input-element::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-input-element::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-input-element:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-input-element:not(.mat-native-select-inline) option { color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .dark .mat-input-element:not(.mat-native-select-inline) option:disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app20 .dark .mat-form-field.mat-accent .mat-input-element { caret-color: #ff5252; } :root .theme-app20 .dark .mat-form-field.mat-warn .mat-input-element, :root .theme-app20 .dark .mat-form-field-invalid .mat-input-element { caret-color: #ff5722; } :root .theme-app20 .dark .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #ff5722; } :root .theme-app20 .dark .mat-list-base .mat-list-item { color: white; } :root .theme-app20 .dark .mat-list-base .mat-list-option { color: white; } :root .theme-app20 .dark .mat-list-base .mat-subheader { color: rgba(255, 255, 255, 0.7); } :root .theme-app20 .dark .mat-list-base .mat-list-item-disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-list-option:hover, :root .theme-app20 .dark .mat-list-option:focus, :root .theme-app20 .dark .mat-nav-list .mat-list-item:hover, :root .theme-app20 .dark .mat-nav-list .mat-list-item:focus, :root .theme-app20 .dark .mat-action-list .mat-list-item:hover, :root .theme-app20 .dark .mat-action-list .mat-list-item:focus { background: rgba(255, 255, 255, 0.04); } :root .theme-app20 .dark .mat-list-single-selected-option, :root .theme-app20 .dark .mat-list-single-selected-option:hover, :root .theme-app20 .dark .mat-list-single-selected-option:focus { background: rgba(255, 255, 255, 0.12); } :root .theme-app20 .dark .mat-menu-panel { background: #424242; } :root .theme-app20 .dark .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-menu-item { background: transparent; color: white; } :root .theme-app20 .dark .mat-menu-item[disabled], :root .theme-app20 .dark .mat-menu-item[disabled] .mat-menu-submenu-icon, :root .theme-app20 .dark .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-menu-item .mat-icon-no-color, :root .theme-app20 .dark .mat-menu-submenu-icon { color: white; } :root .theme-app20 .dark .mat-menu-item:hover:not([disabled]), :root .theme-app20 .dark .mat-menu-item.cdk-program-focused:not([disabled]), :root .theme-app20 .dark .mat-menu-item.cdk-keyboard-focused:not([disabled]), :root .theme-app20 .dark .mat-menu-item-highlighted:not([disabled]) { background: rgba(255, 255, 255, 0.04); } :root .theme-app20 .dark .mat-paginator { background: #424242; } :root .theme-app20 .dark .mat-paginator, :root .theme-app20 .dark .mat-paginator-page-size .mat-select-trigger { color: rgba(255, 255, 255, 0.7); } :root .theme-app20 .dark .mat-paginator-decrement, :root .theme-app20 .dark .mat-paginator-increment { border-top: 2px solid white; border-right: 2px solid white; } :root .theme-app20 .dark .mat-paginator-first, :root .theme-app20 .dark .mat-paginator-last { border-top: 2px solid white; } :root .theme-app20 .dark .mat-icon-button[disabled] .mat-paginator-decrement, :root .theme-app20 .dark .mat-icon-button[disabled] .mat-paginator-increment, :root .theme-app20 .dark .mat-icon-button[disabled] .mat-paginator-first, :root .theme-app20 .dark .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-progress-bar-background { fill: #643939; } :root .theme-app20 .dark .mat-progress-bar-buffer { background-color: #643939; } :root .theme-app20 .dark .mat-progress-bar-fill::after { background-color: #ff5252; } :root .theme-app20 .dark .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #643939; } :root .theme-app20 .dark .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #643939; } :root .theme-app20 .dark .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #ff5252; } :root .theme-app20 .dark .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #643a2d; } :root .theme-app20 .dark .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #643a2d; } :root .theme-app20 .dark .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #ff5722; } :root .theme-app20 .dark .mat-progress-spinner circle, :root .theme-app20 .dark .mat-spinner circle { stroke: #ff5252; } :root .theme-app20 .dark .mat-progress-spinner.mat-accent circle, :root .theme-app20 .dark .mat-spinner.mat-accent circle { stroke: #ff5252; } :root .theme-app20 .dark .mat-progress-spinner.mat-warn circle, :root .theme-app20 .dark .mat-spinner.mat-warn circle { stroke: #ff5722; } :root .theme-app20 .dark .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app20 .dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #ff5252; } :root .theme-app20 .dark .mat-radio-button.mat-primary .mat-radio-inner-circle, :root .theme-app20 .dark .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app20 .dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app20 .dark .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #ff5252; } :root .theme-app20 .dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #ff5252; } :root .theme-app20 .dark .mat-radio-button.mat-accent .mat-radio-inner-circle, :root .theme-app20 .dark .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app20 .dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app20 .dark .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #ff5252; } :root .theme-app20 .dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #ff5722; } :root .theme-app20 .dark .mat-radio-button.mat-warn .mat-radio-inner-circle, :root .theme-app20 .dark .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app20 .dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app20 .dark .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #ff5722; } :root .theme-app20 .dark .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, :root .theme-app20 .dark .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, :root .theme-app20 .dark .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-radio-button .mat-ripple-element { background-color: white; } :root .theme-app20 .dark .mat-select-value { color: white; } :root .theme-app20 .dark .mat-select-placeholder { color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-select-disabled .mat-select-value { color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-select-arrow { color: rgba(255, 255, 255, 0.7); } :root .theme-app20 .dark .mat-select-panel { background: #424242; } :root .theme-app20 .dark .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(255, 255, 255, 0.12); } :root .theme-app20 .dark .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #ff5252; } :root .theme-app20 .dark .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #ff5252; } :root .theme-app20 .dark .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #ff5722; } :root .theme-app20 .dark .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #ff5722; } :root .theme-app20 .dark .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-drawer-container { background-color: #303030; color: white; } :root .theme-app20 .dark .mat-drawer { background-color: #424242; color: white; } :root .theme-app20 .dark .mat-drawer.mat-drawer-push { background-color: #424242; } :root .theme-app20 .dark .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-drawer-side { border-right: solid 1px rgba(255, 255, 255, 0.12); } :root .theme-app20 .dark .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } :root .theme-app20 .dark [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } :root .theme-app20 .dark [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(255, 255, 255, 0.12); } :root .theme-app20 .dark .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(189, 189, 189, 0.6); } :root .theme-app20 .dark .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #ff5252; } :root .theme-app20 .dark .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 82, 82, 0.54); } :root .theme-app20 .dark .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #ff5252; } :root .theme-app20 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #ff5252; } :root .theme-app20 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 82, 82, 0.54); } :root .theme-app20 .dark .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #ff5252; } :root .theme-app20 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #ff5722; } :root .theme-app20 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 87, 34, 0.54); } :root .theme-app20 .dark .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #ff5722; } :root .theme-app20 .dark .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: white; } :root .theme-app20 .dark .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #bdbdbd; } :root .theme-app20 .dark .mat-slide-toggle-bar { background-color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app20 .dark .mat-slider.mat-primary .mat-slider-track-fill, :root .theme-app20 .dark .mat-slider.mat-primary .mat-slider-thumb, :root .theme-app20 .dark .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #ff5252; } :root .theme-app20 .dark .mat-slider.mat-primary .mat-slider-thumb-label-text { color: white; } :root .theme-app20 .dark .mat-slider.mat-primary .mat-slider-focus-ring { background-color: rgba(255, 82, 82, 0.2); } :root .theme-app20 .dark .mat-slider.mat-accent .mat-slider-track-fill, :root .theme-app20 .dark .mat-slider.mat-accent .mat-slider-thumb, :root .theme-app20 .dark .mat-slider.mat-accent .mat-slider-thumb-label { background-color: #ff5252; } :root .theme-app20 .dark .mat-slider.mat-accent .mat-slider-thumb-label-text { color: white; } :root .theme-app20 .dark .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(255, 82, 82, 0.2); } :root .theme-app20 .dark .mat-slider.mat-warn .mat-slider-track-fill, :root .theme-app20 .dark .mat-slider.mat-warn .mat-slider-thumb, :root .theme-app20 .dark .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #ff5722; } :root .theme-app20 .dark .mat-slider.mat-warn .mat-slider-thumb-label-text { color: white; } :root .theme-app20 .dark .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(255, 87, 34, 0.2); } :root .theme-app20 .dark .mat-slider:hover .mat-slider-track-background, :root .theme-app20 .dark .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app20 .dark .mat-slider.mat-slider-disabled .mat-slider-track-background, :root .theme-app20 .dark .mat-slider.mat-slider-disabled .mat-slider-track-fill, :root .theme-app20 .dark .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app20 .dark .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app20 .dark .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(255, 255, 255, 0.12); } :root .theme-app20 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, :root .theme-app20 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: white; } :root .theme-app20 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, :root .theme-app20 .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(255, 255, 255, 0.3); } :root .theme-app20 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); background-color: transparent; } :root .theme-app20 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, :root .theme-app20 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app20 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, :root .theme-app20 .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } :root .theme-app20 .dark .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(255, 255, 255, 0.7); } :root .theme-app20 .dark .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } :root .theme-app20 .dark .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } :root .theme-app20 .dark .mat-step-header.cdk-keyboard-focused, :root .theme-app20 .dark .mat-step-header.cdk-program-focused, :root .theme-app20 .dark .mat-step-header:hover:not([aria-disabled]), :root .theme-app20 .dark .mat-step-header:hover[aria-disabled=false] { background-color: rgba(255, 255, 255, 0.04); } :root .theme-app20 .dark .mat-step-header:hover[aria-disabled=true] { cursor: default; } @media (hover: none) { :root .theme-app20 .dark .mat-step-header:hover { background: none; } } :root .theme-app20 .dark .mat-step-header .mat-step-label, :root .theme-app20 .dark .mat-step-header .mat-step-optional { color: rgba(255, 255, 255, 0.7); } :root .theme-app20 .dark .mat-step-header .mat-step-icon { background-color: rgba(255, 255, 255, 0.7); color: white; } :root .theme-app20 .dark .mat-step-header .mat-step-icon-selected, :root .theme-app20 .dark .mat-step-header .mat-step-icon-state-done, :root .theme-app20 .dark .mat-step-header .mat-step-icon-state-edit { background-color: #ff5252; color: white; } :root .theme-app20 .dark .mat-step-header.mat-accent .mat-step-icon { color: white; } :root .theme-app20 .dark .mat-step-header.mat-accent .mat-step-icon-selected, :root .theme-app20 .dark .mat-step-header.mat-accent .mat-step-icon-state-done, :root .theme-app20 .dark .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #ff5252; color: white; } :root .theme-app20 .dark .mat-step-header.mat-warn .mat-step-icon { color: white; } :root .theme-app20 .dark .mat-step-header.mat-warn .mat-step-icon-selected, :root .theme-app20 .dark .mat-step-header.mat-warn .mat-step-icon-state-done, :root .theme-app20 .dark .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #ff5722; color: white; } :root .theme-app20 .dark .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #ff5722; } :root .theme-app20 .dark .mat-step-header .mat-step-label.mat-step-label-active { color: white; } :root .theme-app20 .dark .mat-step-header .mat-step-label.mat-step-label-error { color: #ff5722; } :root .theme-app20 .dark .mat-stepper-horizontal, :root .theme-app20 .dark .mat-stepper-vertical { background-color: #424242; } :root .theme-app20 .dark .mat-stepper-vertical-line::before { border-left-color: rgba(255, 255, 255, 0.12); } :root .theme-app20 .dark .mat-horizontal-stepper-header::before, :root .theme-app20 .dark .mat-horizontal-stepper-header::after, :root .theme-app20 .dark .mat-stepper-horizontal-line { border-top-color: rgba(255, 255, 255, 0.12); } :root .theme-app20 .dark .mat-sort-header-arrow { color: #c6c6c6; } :root .theme-app20 .dark .mat-tab-nav-bar, :root .theme-app20 .dark .mat-tab-header { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } :root .theme-app20 .dark .mat-tab-group-inverted-header .mat-tab-nav-bar, :root .theme-app20 .dark .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(255, 255, 255, 0.12); border-bottom: none; } :root .theme-app20 .dark .mat-tab-label, :root .theme-app20 .dark .mat-tab-link { color: white; } :root .theme-app20 .dark .mat-tab-label.mat-tab-disabled, :root .theme-app20 .dark .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-tab-header-pagination-chevron { border-color: white; } :root .theme-app20 .dark .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.5); } :root .theme-app20 .dark .mat-tab-group[class*=mat-background-] > .mat-tab-header, :root .theme-app20 .dark .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } :root .theme-app20 .dark .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 138, 128, 0.3); } :root .theme-app20 .dark .mat-tab-group.mat-primary .mat-ink-bar, :root .theme-app20 .dark .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #ff5252; } :root .theme-app20 .dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app20 .dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, :root .theme-app20 .dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app20 .dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: white; } :root .theme-app20 .dark .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 138, 128, 0.3); } :root .theme-app20 .dark .mat-tab-group.mat-accent .mat-ink-bar, :root .theme-app20 .dark .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #ff5252; } :root .theme-app20 .dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app20 .dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, :root .theme-app20 .dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app20 .dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: white; } :root .theme-app20 .dark .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app20 .dark .mat-tab-group.mat-warn .mat-ink-bar, :root .theme-app20 .dark .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #ff5722; } :root .theme-app20 .dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app20 .dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, :root .theme-app20 .dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app20 .dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: white; } :root .theme-app20 .dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 138, 128, 0.3); } :root .theme-app20 .dark .mat-tab-group.mat-background-primary > .mat-tab-header, :root .theme-app20 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container, :root .theme-app20 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #ff5252; } :root .theme-app20 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app20 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: white; } :root .theme-app20 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app20 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } :root .theme-app20 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app20 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app20 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app20 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: white; } :root .theme-app20 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app20 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } :root .theme-app20 .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app20 .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app20 .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } :root .theme-app20 .dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 138, 128, 0.3); } :root .theme-app20 .dark .mat-tab-group.mat-background-accent > .mat-tab-header, :root .theme-app20 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container, :root .theme-app20 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #ff5252; } :root .theme-app20 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app20 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: white; } :root .theme-app20 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app20 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } :root .theme-app20 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app20 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app20 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app20 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: white; } :root .theme-app20 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app20 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } :root .theme-app20 .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app20 .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app20 .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } :root .theme-app20 .dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app20 .dark .mat-tab-group.mat-background-warn > .mat-tab-header, :root .theme-app20 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container, :root .theme-app20 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #ff5722; } :root .theme-app20 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app20 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: white; } :root .theme-app20 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app20 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } :root .theme-app20 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app20 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app20 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app20 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: white; } :root .theme-app20 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app20 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } :root .theme-app20 .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app20 .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app20 .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app20 .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } :root .theme-app20 .dark .mat-toolbar { background: #212121; color: white; } :root .theme-app20 .dark .mat-toolbar.mat-primary { background: #ff5252; color: white; } :root .theme-app20 .dark .mat-toolbar.mat-accent { background: #ff5252; color: white; } :root .theme-app20 .dark .mat-toolbar.mat-warn { background: #ff5722; color: white; } :root .theme-app20 .dark .mat-toolbar .mat-form-field-underline, :root .theme-app20 .dark .mat-toolbar .mat-form-field-ripple, :root .theme-app20 .dark .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } :root .theme-app20 .dark .mat-toolbar .mat-form-field-label, :root .theme-app20 .dark .mat-toolbar .mat-focused .mat-form-field-label, :root .theme-app20 .dark .mat-toolbar .mat-select-value, :root .theme-app20 .dark .mat-toolbar .mat-select-arrow, :root .theme-app20 .dark .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } :root .theme-app20 .dark .mat-toolbar .mat-input-element { caret-color: currentColor; } :root .theme-app20 .dark .mat-tooltip { background: rgba(97, 97, 97, 0.9); } :root .theme-app20 .dark .mat-tree { background: #424242; } :root .theme-app20 .dark .mat-tree-node, :root .theme-app20 .dark .mat-nested-tree-node { color: white; } :root .theme-app20 .dark .mat-snack-bar-container { color: rgba(0, 0, 0, 0.87); background: #fafafa; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .dark .mat-simple-snackbar-action { color: inherit; } :root .theme-app20 .light { --primary: rgb(253, 253, 253); --secondary: #C7C7CC; --secondaryBase: #fff; --accent: #ac1501; --secondaryDark: rgb(42, 53, 68); --accentLight: rgba(255, 255, 255, 0.15); --accentBackground:rgba(209, 138, 138, 0.1); --accentDark: rgb(106, 43, 39); --borderColor: rgba(233,236,239, 0.8); --accentHover: rgba(255,70,64, 0.1); --iconColor: #5aa1bf; --primaryText: #73777c; --secondaryText: #8E8E93; --accentText: #ac1501; --secondaryBaseText: #EFEFF4; --accentLightText: #2D3035; --accentDarkText: #00000; --ion-background-color: var(--primary); } :root .theme-app20 .light .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app20 .light .mat-option { color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-option:hover:not(.mat-option-disabled), :root .theme-app20 .light .mat-option:focus:not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } :root .theme-app20 .light .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } :root .theme-app20 .light .mat-option.mat-active { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-option.mat-option-disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app20 .light .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #ef9a9a; } :root .theme-app20 .light .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #ef9a9a; } :root .theme-app20 .light .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #ffab91; } :root .theme-app20 .light .mat-optgroup-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app20 .light .mat-optgroup-disabled .mat-optgroup-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app20 .light .mat-pseudo-checkbox { color: rgba(0, 0, 0, 0.54); } :root .theme-app20 .light .mat-pseudo-checkbox::after { color: #fafafa; } :root .theme-app20 .light .mat-pseudo-checkbox-disabled { color: #b0b0b0; } :root .theme-app20 .light .mat-primary .mat-pseudo-checkbox-checked, :root .theme-app20 .light .mat-primary .mat-pseudo-checkbox-indeterminate { background: #ef9a9a; } :root .theme-app20 .light .mat-pseudo-checkbox-checked, :root .theme-app20 .light .mat-pseudo-checkbox-indeterminate, :root .theme-app20 .light .mat-accent .mat-pseudo-checkbox-checked, :root .theme-app20 .light .mat-accent .mat-pseudo-checkbox-indeterminate { background: #ef9a9a; } :root .theme-app20 .light .mat-warn .mat-pseudo-checkbox-checked, :root .theme-app20 .light .mat-warn .mat-pseudo-checkbox-indeterminate { background: #ffab91; } :root .theme-app20 .light .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, :root .theme-app20 .light .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #b0b0b0; } :root .theme-app20 .light .mat-app-background, :root .theme-app20 .light.mat-app-background { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } :root .theme-app20 .light .mat-autocomplete-panel { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: white; } :root .theme-app20 .light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-badge { position: relative; } :root .theme-app20 .light .mat-badge.mat-badge { overflow: visible; } :root .theme-app20 .light .mat-badge-hidden .mat-badge-content { display: none; } :root .theme-app20 .light .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } :root .theme-app20 .light .ng-animate-disabled .mat-badge-content, :root .theme-app20 .light .mat-badge-content._mat-animation-noopable { transition: none; } :root .theme-app20 .light .mat-badge-content.mat-badge-active { transform: none; } :root .theme-app20 .light .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } :root .theme-app20 .light .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } :root .theme-app20 .light .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } :root .theme-app20 .light .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] :root .theme-app20 .light .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } :root .theme-app20 .light .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] :root .theme-app20 .light .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } :root .theme-app20 .light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] :root .theme-app20 .light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } :root .theme-app20 .light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] :root .theme-app20 .light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } :root .theme-app20 .light .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } :root .theme-app20 .light .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } :root .theme-app20 .light .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } :root .theme-app20 .light .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] :root .theme-app20 .light .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } :root .theme-app20 .light .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] :root .theme-app20 .light .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } :root .theme-app20 .light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] :root .theme-app20 .light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } :root .theme-app20 .light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] :root .theme-app20 .light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } :root .theme-app20 .light .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } :root .theme-app20 .light .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } :root .theme-app20 .light .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } :root .theme-app20 .light .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] :root .theme-app20 .light .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } :root .theme-app20 .light .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] :root .theme-app20 .light .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } :root .theme-app20 .light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] :root .theme-app20 .light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } :root .theme-app20 .light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] :root .theme-app20 .light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } :root .theme-app20 .light .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #ef9a9a; } .cdk-high-contrast-active :root .theme-app20 .light .mat-badge-content { outline: solid 1px; border-radius: 0; } :root .theme-app20 .light .mat-badge-accent .mat-badge-content { background: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-badge-warn .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #ffab91; } :root .theme-app20 .light .mat-badge-disabled .mat-badge-content { background: #b9b9b9; color: rgba(0, 0, 0, 0.38); } :root .theme-app20 .light .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-button, :root .theme-app20 .light .mat-icon-button, :root .theme-app20 .light .mat-stroked-button { color: inherit; background: transparent; } :root .theme-app20 .light .mat-button.mat-primary, :root .theme-app20 .light .mat-icon-button.mat-primary, :root .theme-app20 .light .mat-stroked-button.mat-primary { color: #ef9a9a; } :root .theme-app20 .light .mat-button.mat-accent, :root .theme-app20 .light .mat-icon-button.mat-accent, :root .theme-app20 .light .mat-stroked-button.mat-accent { color: #ef9a9a; } :root .theme-app20 .light .mat-button.mat-warn, :root .theme-app20 .light .mat-icon-button.mat-warn, :root .theme-app20 .light .mat-stroked-button.mat-warn { color: #ffab91; } :root .theme-app20 .light .mat-button.mat-primary.mat-button-disabled, :root .theme-app20 .light .mat-button.mat-accent.mat-button-disabled, :root .theme-app20 .light .mat-button.mat-warn.mat-button-disabled, :root .theme-app20 .light .mat-button.mat-button-disabled.mat-button-disabled, :root .theme-app20 .light .mat-icon-button.mat-primary.mat-button-disabled, :root .theme-app20 .light .mat-icon-button.mat-accent.mat-button-disabled, :root .theme-app20 .light .mat-icon-button.mat-warn.mat-button-disabled, :root .theme-app20 .light .mat-icon-button.mat-button-disabled.mat-button-disabled, :root .theme-app20 .light .mat-stroked-button.mat-primary.mat-button-disabled, :root .theme-app20 .light .mat-stroked-button.mat-accent.mat-button-disabled, :root .theme-app20 .light .mat-stroked-button.mat-warn.mat-button-disabled, :root .theme-app20 .light .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } :root .theme-app20 .light .mat-button.mat-primary .mat-button-focus-overlay, :root .theme-app20 .light .mat-icon-button.mat-primary .mat-button-focus-overlay, :root .theme-app20 .light .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #ef9a9a; } :root .theme-app20 .light .mat-button.mat-accent .mat-button-focus-overlay, :root .theme-app20 .light .mat-icon-button.mat-accent .mat-button-focus-overlay, :root .theme-app20 .light .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #ef9a9a; } :root .theme-app20 .light .mat-button.mat-warn .mat-button-focus-overlay, :root .theme-app20 .light .mat-icon-button.mat-warn .mat-button-focus-overlay, :root .theme-app20 .light .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #ffab91; } :root .theme-app20 .light .mat-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app20 .light .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, :root .theme-app20 .light .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } :root .theme-app20 .light .mat-button .mat-ripple-element, :root .theme-app20 .light .mat-icon-button .mat-ripple-element, :root .theme-app20 .light .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } :root .theme-app20 .light .mat-button-focus-overlay { background: black; } :root .theme-app20 .light .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-flat-button, :root .theme-app20 .light .mat-raised-button, :root .theme-app20 .light .mat-fab, :root .theme-app20 .light .mat-mini-fab { color: rgba(0, 0, 0, 0.87); background-color: white; } :root .theme-app20 .light .mat-flat-button.mat-primary, :root .theme-app20 .light .mat-raised-button.mat-primary, :root .theme-app20 .light .mat-fab.mat-primary, :root .theme-app20 .light .mat-mini-fab.mat-primary { color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-flat-button.mat-accent, :root .theme-app20 .light .mat-raised-button.mat-accent, :root .theme-app20 .light .mat-fab.mat-accent, :root .theme-app20 .light .mat-mini-fab.mat-accent { color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-flat-button.mat-warn, :root .theme-app20 .light .mat-raised-button.mat-warn, :root .theme-app20 .light .mat-fab.mat-warn, :root .theme-app20 .light .mat-mini-fab.mat-warn { color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app20 .light .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app20 .light .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app20 .light .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app20 .light .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app20 .light .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app20 .light .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app20 .light .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app20 .light .mat-fab.mat-primary.mat-button-disabled, :root .theme-app20 .light .mat-fab.mat-accent.mat-button-disabled, :root .theme-app20 .light .mat-fab.mat-warn.mat-button-disabled, :root .theme-app20 .light .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app20 .light .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app20 .light .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app20 .light .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app20 .light .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } :root .theme-app20 .light .mat-flat-button.mat-primary, :root .theme-app20 .light .mat-raised-button.mat-primary, :root .theme-app20 .light .mat-fab.mat-primary, :root .theme-app20 .light .mat-mini-fab.mat-primary { background-color: #ef9a9a; } :root .theme-app20 .light .mat-flat-button.mat-accent, :root .theme-app20 .light .mat-raised-button.mat-accent, :root .theme-app20 .light .mat-fab.mat-accent, :root .theme-app20 .light .mat-mini-fab.mat-accent { background-color: #ef9a9a; } :root .theme-app20 .light .mat-flat-button.mat-warn, :root .theme-app20 .light .mat-raised-button.mat-warn, :root .theme-app20 .light .mat-fab.mat-warn, :root .theme-app20 .light .mat-mini-fab.mat-warn { background-color: #ffab91; } :root .theme-app20 .light .mat-flat-button.mat-primary.mat-button-disabled, :root .theme-app20 .light .mat-flat-button.mat-accent.mat-button-disabled, :root .theme-app20 .light .mat-flat-button.mat-warn.mat-button-disabled, :root .theme-app20 .light .mat-flat-button.mat-button-disabled.mat-button-disabled, :root .theme-app20 .light .mat-raised-button.mat-primary.mat-button-disabled, :root .theme-app20 .light .mat-raised-button.mat-accent.mat-button-disabled, :root .theme-app20 .light .mat-raised-button.mat-warn.mat-button-disabled, :root .theme-app20 .light .mat-raised-button.mat-button-disabled.mat-button-disabled, :root .theme-app20 .light .mat-fab.mat-primary.mat-button-disabled, :root .theme-app20 .light .mat-fab.mat-accent.mat-button-disabled, :root .theme-app20 .light .mat-fab.mat-warn.mat-button-disabled, :root .theme-app20 .light .mat-fab.mat-button-disabled.mat-button-disabled, :root .theme-app20 .light .mat-mini-fab.mat-primary.mat-button-disabled, :root .theme-app20 .light .mat-mini-fab.mat-accent.mat-button-disabled, :root .theme-app20 .light .mat-mini-fab.mat-warn.mat-button-disabled, :root .theme-app20 .light .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-flat-button.mat-primary .mat-ripple-element, :root .theme-app20 .light .mat-raised-button.mat-primary .mat-ripple-element, :root .theme-app20 .light .mat-fab.mat-primary .mat-ripple-element, :root .theme-app20 .light .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app20 .light .mat-flat-button.mat-accent .mat-ripple-element, :root .theme-app20 .light .mat-raised-button.mat-accent .mat-ripple-element, :root .theme-app20 .light .mat-fab.mat-accent .mat-ripple-element, :root .theme-app20 .light .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app20 .light .mat-flat-button.mat-warn .mat-ripple-element, :root .theme-app20 .light .mat-raised-button.mat-warn .mat-ripple-element, :root .theme-app20 .light .mat-fab.mat-warn .mat-ripple-element, :root .theme-app20 .light .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app20 .light .mat-stroked-button:not([class*=mat-elevation-z]), :root .theme-app20 .light .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-fab:not([class*=mat-elevation-z]), :root .theme-app20 .light .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), :root .theme-app20 .light .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), :root .theme-app20 .light .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-button-toggle-standalone:not([class*=mat-elevation-z]), :root .theme-app20 .light .mat-button-toggle-group:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), :root .theme-app20 .light .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) { box-shadow: none; } :root .theme-app20 .light .mat-button-toggle { color: rgba(0, 0, 0, 0.38); } :root .theme-app20 .light .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); background: white; } :root .theme-app20 .light .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: black; } :root .theme-app20 .light .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px #e0e0e0; } :root .theme-app20 .light [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px #e0e0e0; } :root .theme-app20 .light .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px #e0e0e0; } :root .theme-app20 .light .mat-button-toggle-checked { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.54); } :root .theme-app20 .light .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-button-toggle-disabled { color: rgba(0, 0, 0, 0.26); background-color: #eeeeee; } :root .theme-app20 .light .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: white; } :root .theme-app20 .light .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #bdbdbd; } :root .theme-app20 .light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, :root .theme-app20 .light .mat-button-toggle-group-appearance-standard { border: solid 1px #e0e0e0; } :root .theme-app20 .light .mat-card { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-card-subtitle { color: rgba(0, 0, 0, 0.54); } :root .theme-app20 .light .mat-checkbox-frame { border-color: rgba(0, 0, 0, 0.54); } :root .theme-app20 .light .mat-checkbox-checkmark { fill: #fafafa; } :root .theme-app20 .light .mat-checkbox-checkmark-path { stroke: #fafafa !important; } :root .theme-app20 .light .mat-checkbox-mixedmark { background-color: #fafafa; } :root .theme-app20 .light .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, :root .theme-app20 .light .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #ef9a9a; } :root .theme-app20 .light .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, :root .theme-app20 .light .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #ef9a9a; } :root .theme-app20 .light .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, :root .theme-app20 .light .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #ffab91; } :root .theme-app20 .light .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, :root .theme-app20 .light .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #b0b0b0; } :root .theme-app20 .light .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #b0b0b0; } :root .theme-app20 .light .mat-checkbox-disabled .mat-checkbox-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app20 .light .mat-checkbox .mat-ripple-element { background-color: black; } :root .theme-app20 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, :root .theme-app20 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #ef9a9a; } :root .theme-app20 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, :root .theme-app20 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #ef9a9a; } :root .theme-app20 .light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, :root .theme-app20 .light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #ffab91; } :root .theme-app20 .light .mat-chip.mat-standard-chip { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-chip.mat-standard-chip .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app20 .light .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } :root .theme-app20 .light .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } :root .theme-app20 .light .mat-chip.mat-standard-chip::after { background: black; } :root .theme-app20 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app20 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app20 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app20 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app20 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } :root .theme-app20 .light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } :root .theme-app20 .light .mat-table { background: white; } :root .theme-app20 .light .mat-table thead, :root .theme-app20 .light .mat-table tbody, :root .theme-app20 .light .mat-table tfoot, :root .theme-app20 .light mat-header-row, :root .theme-app20 .light mat-row, :root .theme-app20 .light mat-footer-row, :root .theme-app20 .light [mat-header-row], :root .theme-app20 .light [mat-row], :root .theme-app20 .light [mat-footer-row], :root .theme-app20 .light .mat-table-sticky { background: inherit; } :root .theme-app20 .light mat-row, :root .theme-app20 .light mat-header-row, :root .theme-app20 .light mat-footer-row, :root .theme-app20 .light th.mat-header-cell, :root .theme-app20 .light td.mat-cell, :root .theme-app20 .light td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-header-cell { color: rgba(0, 0, 0, 0.54); } :root .theme-app20 .light .mat-cell, :root .theme-app20 .light .mat-footer-cell { color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-calendar-arrow { fill: rgba(0, 0, 0, 0.54); } :root .theme-app20 .light .mat-datepicker-toggle, :root .theme-app20 .light .mat-datepicker-content .mat-calendar-next-button, :root .theme-app20 .light .mat-datepicker-content .mat-calendar-previous-button { color: rgba(0, 0, 0, 0.54); } :root .theme-app20 .light .mat-calendar-table-header-divider::after { background: rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-calendar-table-header, :root .theme-app20 .light .mat-calendar-body-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app20 .light .mat-calendar-body-cell-content, :root .theme-app20 .light .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.87); border-color: transparent; } :root .theme-app20 .light .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(0, 0, 0, 0.38); } :root .theme-app20 .light .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.38); } :root .theme-app20 .light .mat-calendar-body-in-preview { color: rgba(0, 0, 0, 0.24); } :root .theme-app20 .light .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app20 .light .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.18); } :root .theme-app20 .light .mat-calendar-body-in-range::before { background: rgba(239, 154, 154, 0.2); } :root .theme-app20 .light .mat-calendar-body-comparison-identical, :root .theme-app20 .light .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app20 .light .mat-calendar-body-comparison-bridge-start::before, :root .theme-app20 .light [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(239, 154, 154, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app20 .light .mat-calendar-body-comparison-bridge-end::before, :root .theme-app20 .light [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(239, 154, 154, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app20 .light .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app20 .light .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app20 .light .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app20 .light .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app20 .light .mat-calendar-body-selected { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(239, 154, 154, 0.4); } :root .theme-app20 .light .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app20 .light .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(239, 154, 154, 0.3); } @media (hover: hover) { :root .theme-app20 .light .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(239, 154, 154, 0.3); } } :root .theme-app20 .light .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(239, 154, 154, 0.2); } :root .theme-app20 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, :root .theme-app20 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app20 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, :root .theme-app20 .light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(239, 154, 154, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app20 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, :root .theme-app20 .light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(239, 154, 154, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app20 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app20 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app20 .light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app20 .light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app20 .light .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(239, 154, 154, 0.4); } :root .theme-app20 .light .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app20 .light .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(239, 154, 154, 0.3); } @media (hover: hover) { :root .theme-app20 .light .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(239, 154, 154, 0.3); } } :root .theme-app20 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(255, 171, 145, 0.2); } :root .theme-app20 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, :root .theme-app20 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } :root .theme-app20 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, :root .theme-app20 .light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 171, 145, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app20 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, :root .theme-app20 .light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 171, 145, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } :root .theme-app20 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, :root .theme-app20 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } :root .theme-app20 .light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, :root .theme-app20 .light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } :root .theme-app20 .light .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 171, 145, 0.4); } :root .theme-app20 .light .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .theme-app20 .light .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 171, 145, 0.3); } @media (hover: hover) { :root .theme-app20 .light .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 171, 145, 0.3); } } :root .theme-app20 .light .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-datepicker-toggle-active { color: #ef9a9a; } :root .theme-app20 .light .mat-datepicker-toggle-active.mat-accent { color: #ef9a9a; } :root .theme-app20 .light .mat-datepicker-toggle-active.mat-warn { color: #ffab91; } :root .theme-app20 .light .mat-date-range-input-inner[disabled] { color: rgba(0, 0, 0, 0.38); } :root .theme-app20 .light .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-divider { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-divider-vertical { border-right-color: rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-expansion-panel { background: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-action-row { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), :root .theme-app20 .light .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), :root .theme-app20 .light .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(0, 0, 0, 0.04); } @media (hover: none) { :root .theme-app20 .light .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: white; } } :root .theme-app20 .light .mat-expansion-panel-header-title { color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-expansion-panel-header-description, :root .theme-app20 .light .mat-expansion-indicator::after { color: rgba(0, 0, 0, 0.54); } :root .theme-app20 .light .mat-expansion-panel-header[aria-disabled=true] { color: rgba(0, 0, 0, 0.26); } :root .theme-app20 .light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, :root .theme-app20 .light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } :root .theme-app20 .light .mat-form-field-label { color: rgba(0, 0, 0, 0.6); } :root .theme-app20 .light .mat-hint { color: rgba(0, 0, 0, 0.6); } :root .theme-app20 .light .mat-form-field.mat-focused .mat-form-field-label { color: #ef9a9a; } :root .theme-app20 .light .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #ef9a9a; } :root .theme-app20 .light .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #ffab91; } :root .theme-app20 .light .mat-focused .mat-form-field-required-marker { color: #ef9a9a; } :root .theme-app20 .light .mat-form-field-ripple { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #ef9a9a; } :root .theme-app20 .light .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #ef9a9a; } :root .theme-app20 .light .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #ffab91; } :root .theme-app20 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #ef9a9a; } :root .theme-app20 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #ef9a9a; } :root .theme-app20 .light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #ffab91; } :root .theme-app20 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #ffab91; } :root .theme-app20 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, :root .theme-app20 .light .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #ffab91; } :root .theme-app20 .light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, :root .theme-app20 .light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #ffab91; } :root .theme-app20 .light .mat-error { color: #ffab91; } :root .theme-app20 .light .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(0, 0, 0, 0.54); } :root .theme-app20 .light .mat-form-field-appearance-legacy .mat-hint { color: rgba(0, 0, 0, 0.54); } :root .theme-app20 .light .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app20 .light .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app20 .light .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app20 .light .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } :root .theme-app20 .light .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.04); } :root .theme-app20 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.02); } :root .theme-app20 .light .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(0, 0, 0, 0.42); } :root .theme-app20 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app20 .light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } :root .theme-app20 .light .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #ef9a9a; } :root .theme-app20 .light .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #ef9a9a; } :root .theme-app20 .light .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #ffab91; } :root .theme-app20 .light .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #ffab91; } :root .theme-app20 .light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } :root .theme-app20 .light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(0, 0, 0, 0.06); } :root .theme-app20 .light .mat-icon.mat-primary { color: #ef9a9a; } :root .theme-app20 .light .mat-icon.mat-accent { color: #ef9a9a; } :root .theme-app20 .light .mat-icon.mat-warn { color: #ffab91; } :root .theme-app20 .light .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.54); } :root .theme-app20 .light .mat-input-element:disabled, :root .theme-app20 .light .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.38); } :root .theme-app20 .light .mat-input-element { caret-color: #ef9a9a; } :root .theme-app20 .light .mat-input-element::placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app20 .light .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app20 .light .mat-input-element::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app20 .light .mat-input-element:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app20 .light .mat-form-field.mat-accent .mat-input-element { caret-color: #ef9a9a; } :root .theme-app20 .light .mat-form-field.mat-warn .mat-input-element, :root .theme-app20 .light .mat-form-field-invalid .mat-input-element { caret-color: #ffab91; } :root .theme-app20 .light .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #ffab91; } :root .theme-app20 .light .mat-list-base .mat-list-item { color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-list-base .mat-list-option { color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-list-base .mat-subheader { color: rgba(0, 0, 0, 0.54); } :root .theme-app20 .light .mat-list-base .mat-list-item-disabled { background-color: #eeeeee; color: rgba(0, 0, 0, 0.38); } :root .theme-app20 .light .mat-list-option:hover, :root .theme-app20 .light .mat-list-option:focus, :root .theme-app20 .light .mat-nav-list .mat-list-item:hover, :root .theme-app20 .light .mat-nav-list .mat-list-item:focus, :root .theme-app20 .light .mat-action-list .mat-list-item:hover, :root .theme-app20 .light .mat-action-list .mat-list-item:focus { background: rgba(0, 0, 0, 0.04); } :root .theme-app20 .light .mat-list-single-selected-option, :root .theme-app20 .light .mat-list-single-selected-option:hover, :root .theme-app20 .light .mat-list-single-selected-option:focus { background: rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-menu-panel { background: white; } :root .theme-app20 .light .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-menu-item { background: transparent; color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-menu-item[disabled], :root .theme-app20 .light .mat-menu-item[disabled] .mat-menu-submenu-icon, :root .theme-app20 .light .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(0, 0, 0, 0.38); } :root .theme-app20 .light .mat-menu-item .mat-icon-no-color, :root .theme-app20 .light .mat-menu-submenu-icon { color: rgba(0, 0, 0, 0.54); } :root .theme-app20 .light .mat-menu-item:hover:not([disabled]), :root .theme-app20 .light .mat-menu-item.cdk-program-focused:not([disabled]), :root .theme-app20 .light .mat-menu-item.cdk-keyboard-focused:not([disabled]), :root .theme-app20 .light .mat-menu-item-highlighted:not([disabled]) { background: rgba(0, 0, 0, 0.04); } :root .theme-app20 .light .mat-paginator { background: white; } :root .theme-app20 .light .mat-paginator, :root .theme-app20 .light .mat-paginator-page-size .mat-select-trigger { color: rgba(0, 0, 0, 0.54); } :root .theme-app20 .light .mat-paginator-decrement, :root .theme-app20 .light .mat-paginator-increment { border-top: 2px solid rgba(0, 0, 0, 0.54); border-right: 2px solid rgba(0, 0, 0, 0.54); } :root .theme-app20 .light .mat-paginator-first, :root .theme-app20 .light .mat-paginator-last { border-top: 2px solid rgba(0, 0, 0, 0.54); } :root .theme-app20 .light .mat-icon-button[disabled] .mat-paginator-decrement, :root .theme-app20 .light .mat-icon-button[disabled] .mat-paginator-increment, :root .theme-app20 .light .mat-icon-button[disabled] .mat-paginator-first, :root .theme-app20 .light .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app20 .light .mat-progress-bar-background { fill: #f7e2e2; } :root .theme-app20 .light .mat-progress-bar-buffer { background-color: #f7e2e2; } :root .theme-app20 .light .mat-progress-bar-fill::after { background-color: #ef9a9a; } :root .theme-app20 .light .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #f7e2e2; } :root .theme-app20 .light .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #f7e2e2; } :root .theme-app20 .light .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #ef9a9a; } :root .theme-app20 .light .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #fbe6e0; } :root .theme-app20 .light .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #fbe6e0; } :root .theme-app20 .light .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #ffab91; } :root .theme-app20 .light .mat-progress-spinner circle, :root .theme-app20 .light .mat-spinner circle { stroke: #ef9a9a; } :root .theme-app20 .light .mat-progress-spinner.mat-accent circle, :root .theme-app20 .light .mat-spinner.mat-accent circle { stroke: #ef9a9a; } :root .theme-app20 .light .mat-progress-spinner.mat-warn circle, :root .theme-app20 .light .mat-spinner.mat-warn circle { stroke: #ffab91; } :root .theme-app20 .light .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.54); } :root .theme-app20 .light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #ef9a9a; } :root .theme-app20 .light .mat-radio-button.mat-primary .mat-radio-inner-circle, :root .theme-app20 .light .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app20 .light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app20 .light .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #ef9a9a; } :root .theme-app20 .light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #ef9a9a; } :root .theme-app20 .light .mat-radio-button.mat-accent .mat-radio-inner-circle, :root .theme-app20 .light .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app20 .light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app20 .light .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #ef9a9a; } :root .theme-app20 .light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #ffab91; } :root .theme-app20 .light .mat-radio-button.mat-warn .mat-radio-inner-circle, :root .theme-app20 .light .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .theme-app20 .light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, :root .theme-app20 .light .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #ffab91; } :root .theme-app20 .light .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, :root .theme-app20 .light .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app20 .light .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, :root .theme-app20 .light .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app20 .light .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(0, 0, 0, 0.38); } :root .theme-app20 .light .mat-radio-button .mat-ripple-element { background-color: black; } :root .theme-app20 .light .mat-select-value { color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-select-placeholder { color: rgba(0, 0, 0, 0.42); } :root .theme-app20 .light .mat-select-disabled .mat-select-value { color: rgba(0, 0, 0, 0.38); } :root .theme-app20 .light .mat-select-arrow { color: rgba(0, 0, 0, 0.54); } :root .theme-app20 .light .mat-select-panel { background: white; } :root .theme-app20 .light .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #ef9a9a; } :root .theme-app20 .light .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #ef9a9a; } :root .theme-app20 .light .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #ffab91; } :root .theme-app20 .light .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #ffab91; } :root .theme-app20 .light .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(0, 0, 0, 0.38); } :root .theme-app20 .light .mat-drawer-container { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-drawer { background-color: white; color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-drawer.mat-drawer-push { background-color: white; } :root .theme-app20 .light .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-drawer-side { border-right: solid 1px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } :root .theme-app20 .light [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } :root .theme-app20 .light [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(0, 0, 0, 0.6); } :root .theme-app20 .light .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #ef9a9a; } :root .theme-app20 .light .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(239, 154, 154, 0.54); } :root .theme-app20 .light .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #ef9a9a; } :root .theme-app20 .light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #ef9a9a; } :root .theme-app20 .light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(239, 154, 154, 0.54); } :root .theme-app20 .light .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #ef9a9a; } :root .theme-app20 .light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #ffab91; } :root .theme-app20 .light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 171, 145, 0.54); } :root .theme-app20 .light .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #ffab91; } :root .theme-app20 .light .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: black; } :root .theme-app20 .light .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #fafafa; } :root .theme-app20 .light .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app20 .light .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app20 .light .mat-slider.mat-primary .mat-slider-track-fill, :root .theme-app20 .light .mat-slider.mat-primary .mat-slider-thumb, :root .theme-app20 .light .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #ef9a9a; } :root .theme-app20 .light .mat-slider.mat-primary .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-slider.mat-primary .mat-slider-focus-ring { background-color: rgba(239, 154, 154, 0.2); } :root .theme-app20 .light .mat-slider.mat-accent .mat-slider-track-fill, :root .theme-app20 .light .mat-slider.mat-accent .mat-slider-thumb, :root .theme-app20 .light .mat-slider.mat-accent .mat-slider-thumb-label { background-color: #ef9a9a; } :root .theme-app20 .light .mat-slider.mat-accent .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(239, 154, 154, 0.2); } :root .theme-app20 .light .mat-slider.mat-warn .mat-slider-track-fill, :root .theme-app20 .light .mat-slider.mat-warn .mat-slider-thumb, :root .theme-app20 .light .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #ffab91; } :root .theme-app20 .light .mat-slider.mat-warn .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(255, 171, 145, 0.2); } :root .theme-app20 .light .mat-slider:hover .mat-slider-track-background, :root .theme-app20 .light .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.38); } :root .theme-app20 .light .mat-slider.mat-slider-disabled .mat-slider-track-background, :root .theme-app20 .light .mat-slider.mat-slider-disabled .mat-slider-track-fill, :root .theme-app20 .light .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app20 .light .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app20 .light .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, :root .theme-app20 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, :root .theme-app20 .light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.26); } :root .theme-app20 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); background-color: transparent; } :root .theme-app20 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, :root .theme-app20 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app20 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, :root .theme-app20 .light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); } :root .theme-app20 .light .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(0, 0, 0, 0.7); } :root .theme-app20 .light .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } :root .theme-app20 .light .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } :root .theme-app20 .light .mat-step-header.cdk-keyboard-focused, :root .theme-app20 .light .mat-step-header.cdk-program-focused, :root .theme-app20 .light .mat-step-header:hover:not([aria-disabled]), :root .theme-app20 .light .mat-step-header:hover[aria-disabled=false] { background-color: rgba(0, 0, 0, 0.04); } :root .theme-app20 .light .mat-step-header:hover[aria-disabled=true] { cursor: default; } @media (hover: none) { :root .theme-app20 .light .mat-step-header:hover { background: none; } } :root .theme-app20 .light .mat-step-header .mat-step-label, :root .theme-app20 .light .mat-step-header .mat-step-optional { color: rgba(0, 0, 0, 0.54); } :root .theme-app20 .light .mat-step-header .mat-step-icon { background-color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-step-header .mat-step-icon-selected, :root .theme-app20 .light .mat-step-header .mat-step-icon-state-done, :root .theme-app20 .light .mat-step-header .mat-step-icon-state-edit { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-step-header.mat-accent .mat-step-icon { color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-step-header.mat-accent .mat-step-icon-selected, :root .theme-app20 .light .mat-step-header.mat-accent .mat-step-icon-state-done, :root .theme-app20 .light .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-step-header.mat-warn .mat-step-icon { color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-step-header.mat-warn .mat-step-icon-selected, :root .theme-app20 .light .mat-step-header.mat-warn .mat-step-icon-state-done, :root .theme-app20 .light .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #ffab91; } :root .theme-app20 .light .mat-step-header .mat-step-label.mat-step-label-active { color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-step-header .mat-step-label.mat-step-label-error { color: #ffab91; } :root .theme-app20 .light .mat-stepper-horizontal, :root .theme-app20 .light .mat-stepper-vertical { background-color: white; } :root .theme-app20 .light .mat-stepper-vertical-line::before { border-left-color: rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-horizontal-stepper-header::before, :root .theme-app20 .light .mat-horizontal-stepper-header::after, :root .theme-app20 .light .mat-stepper-horizontal-line { border-top-color: rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-sort-header-arrow { color: #757575; } :root .theme-app20 .light .mat-tab-nav-bar, :root .theme-app20 .light .mat-tab-header { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-tab-group-inverted-header .mat-tab-nav-bar, :root .theme-app20 .light .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: none; } :root .theme-app20 .light .mat-tab-label, :root .theme-app20 .light .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-tab-label.mat-tab-disabled, :root .theme-app20 .light .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.38); } :root .theme-app20 .light .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.38); } :root .theme-app20 .light .mat-tab-group[class*=mat-background-] > .mat-tab-header, :root .theme-app20 .light .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } :root .theme-app20 .light .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(244, 67, 54, 0.3); } :root .theme-app20 .light .mat-tab-group.mat-primary .mat-ink-bar, :root .theme-app20 .light .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #ef9a9a; } :root .theme-app20 .light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app20 .light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, :root .theme-app20 .light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, :root .theme-app20 .light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } :root .theme-app20 .light .mat-tab-group.mat-accent .mat-ink-bar, :root .theme-app20 .light .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #ef9a9a; } :root .theme-app20 .light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app20 .light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, :root .theme-app20 .light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, :root .theme-app20 .light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app20 .light .mat-tab-group.mat-warn .mat-ink-bar, :root .theme-app20 .light .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #ffab91; } :root .theme-app20 .light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app20 .light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, :root .theme-app20 .light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, :root .theme-app20 .light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(244, 67, 54, 0.3); } :root .theme-app20 .light .mat-tab-group.mat-background-primary > .mat-tab-header, :root .theme-app20 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container, :root .theme-app20 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #ef9a9a; } :root .theme-app20 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app20 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app20 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app20 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app20 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app20 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app20 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app20 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app20 .light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app20 .light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app20 .light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app20 .light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } :root .theme-app20 .light .mat-tab-group.mat-background-accent > .mat-tab-header, :root .theme-app20 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container, :root .theme-app20 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #ef9a9a; } :root .theme-app20 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app20 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app20 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app20 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app20 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app20 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app20 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app20 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app20 .light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app20 .light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app20 .light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app20 .light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), :root .theme-app20 .light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } :root .theme-app20 .light .mat-tab-group.mat-background-warn > .mat-tab-header, :root .theme-app20 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container, :root .theme-app20 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #ffab91; } :root .theme-app20 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app20 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app20 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } :root .theme-app20 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app20 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app20 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app20 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app20 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } :root .theme-app20 .light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app20 .light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app20 .light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, :root .theme-app20 .light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } :root .theme-app20 .light .mat-toolbar { background: whitesmoke; color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-toolbar.mat-primary { background: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-toolbar.mat-accent { background: #ef9a9a; color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-toolbar.mat-warn { background: #ffab91; color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-toolbar .mat-form-field-underline, :root .theme-app20 .light .mat-toolbar .mat-form-field-ripple, :root .theme-app20 .light .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } :root .theme-app20 .light .mat-toolbar .mat-form-field-label, :root .theme-app20 .light .mat-toolbar .mat-focused .mat-form-field-label, :root .theme-app20 .light .mat-toolbar .mat-select-value, :root .theme-app20 .light .mat-toolbar .mat-select-arrow, :root .theme-app20 .light .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } :root .theme-app20 .light .mat-toolbar .mat-input-element { caret-color: currentColor; } :root .theme-app20 .light .mat-tooltip { background: rgba(97, 97, 97, 0.9); } :root .theme-app20 .light .mat-tree { background: white; } :root .theme-app20 .light .mat-tree-node, :root .theme-app20 .light .mat-nested-tree-node { color: rgba(0, 0, 0, 0.87); } :root .theme-app20 .light .mat-snack-bar-container { color: rgba(255, 255, 255, 0.7); background: #323232; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .theme-app20 .light .mat-simple-snackbar-action { color: #ef9a9a; } :root .theme-app20 body { -webkit-user-select: text; user-select: text; } :root .theme-app20 ion-label { -webkit-user-select: text; user-select: text; } :root .theme-app20 ion-item { background-color: var(--ion-background-color); border-bottom: 1px solid var(--secondary); } :root .theme-app20 .file-button { margin: 20px; background: transparent !important; color: var(--primaryText); font-size: 17px !important; font-weight: 300 !important; height: 44px !important; } :root .theme-app20 .file-button::-webkit-file-upload-button { background: transparent !important; margin-right: 10px !important; color: var(--accent); border-width: 2px; border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; font-weight: 300 !important; height: 44px !important; box-shadow: none !important; border-radius: 8px !important; } :root .theme-app20 main-menu .item-inner { margin-left: 6px !important; } :root .theme-app20 ion-split-pane { --side-max-width: 280px; --side-min-width: 280px; } :root .theme-app20 #leftMenu { border-color: var(--borderColor) !important; background-color: var(--primary); } :root .theme-app20 .dark .menuLogo { margin-top: 15px; margin-bottom: 15px; background-image: url('logo-dark.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app20 .dark .menuLogoIos { margin-top: 55px; margin-bottom: 15px; background-image: url('logo-dark.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app20 .light .menuLogo { margin-top: 15px; margin-bottom: 15px; background-image: url('logo-light.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app20 .light .menuLogoIos { margin-top: 45px; margin-bottom: 15px; background-image: url('logo-light.png'), url('logo.png'); height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10px; } :root .theme-app20 .menuIcon { color: var(--iconColor) !important; } :root .theme-app20 .padded-divider { padding: 3px; margin-bottom: 10px; width: 100%; border-bottom: 3px solid var(--accent) !important; } :root .theme-app20 ion-radio { --color-checked: var(--accent); --color: var(--accent); width: 20px; height: 20px; } :root .theme-app20 ion-button { --background: var(--accentBackground); color: var(--accent); --border-width: 2px; --border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app20 .button-style { --background: var(--accentBackground); color: var(--accent); --border-width: 2px; --border-style: solid; border-color: var(--accent) !important; font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app20 .button-style:hover { cursor: pointer; } :root .theme-app20 .button-cancel { color: red; border: none !important; --border-width: 0px !important; } :root .theme-app20 .small-button { height: 20px; font-size: 10px !important; margin: 3px; color: var(--accent); } :root .theme-app20 .medium-button { height: 25px; font-size: 15px !important; margin-top: 10px; margin-bottom: 10px; color: var(--accent); } :root .theme-app20 .default-h1 { font-size: 24px; color: var(--primaryText); font-weight: 300; } :root .theme-app20 .default-h2 { font-size: 24px; color: var(--primaryText); font-weight: 300; } :root .theme-app20 .default-h3 { font-size: 22px; color: var(--primaryText); font-weight: 400; } :root .theme-app20 .default-h4 { font-size: 17px; color: var(--primaryText); font-weight: 300; } :root .theme-app20 .default-h5 { font-size: 15px; color: var(--primaryText); font-weight: 200; } :root .theme-app20 .default-h6 { font-size: 14px; color: var(--primaryText); font-weight: 100; } :root .theme-app20 .default-p { font-size: 14px; color: var(--primaryText); font-weight: 300; } :root .theme-app20 .default-small { font-size: 12px; color: var(--primaryText); font-weight: 1; } :root .theme-app20 ion-header { background-color: var(--primary); } :root .theme-app20 ion-header [class^=icon-]:before, :root .theme-app20 ion-header [class*=" icon-"]:before { width: auto !important; margin-left: 0 !important; } :root .theme-app20 ion-footer { background-color: var(--primary); } :root .theme-app20 .header-md::after { background-image: none !important; } :root .theme-app20 ion-toolbar { color: var(--accent); } :root .theme-app20 .toolbar { background-color: var(--primary); --background: var(--primary); } :root .theme-app20 .toolbar .toolbar-title { font-weight: 400; } :root .theme-app20 .toolbar ion-title { font-size: larger; } :root .theme-app20 .toolbar ion-title, :root .theme-app20 .toolbar ion-title-ios, :root .theme-app20 .toolbar ion-back-button, :root .theme-app20 .toolbar ion-butto, :root .theme-app20 .toolbar ion-icon, :root .theme-app20 .toolbar ion-menu-button { color: var(--accentText); } :root .theme-app20 .toolbar-icon { color: var(--accentText); } :root .theme-app20 .alert-controller-withTheme { overflow: hidden; --background:var(--primary); color: var(--primaryText) !important; } :root .theme-app20 .alert-controller-withTheme .alert-wrapper { border-radius: 15px !important; background: var(--primary); border-color: var(--accent) !important; } :root .theme-app20 .alert-controller-withTheme .alert-head .alert-title { color: var(--primaryText); } :root .theme-app20 .alert-controller-withTheme .alert-message { color: var(--primaryText); } :root .theme-app20 .alert-controller-withTheme .alert-message strong { color: var(--ion-color-danger); } :root .theme-app20 .alert-controller-withTheme .alert-button-group #cancel-button.alert-button .alert-button-inner { color: var(--secondaryText); } :root .theme-app20 .alert-controller-withTheme .alert-button-group #confirm-button.alert-button .alert-button-inner { font-weight: bold; color: var(--ion-color-danger); } :root .theme-app20 .alert-controller-withTheme .alert-button-group #confirm-button-good.alert-button .alert-button-inner { font-weight: bold; color: var(--primaryText); } :root .theme-app20 ion-input { border-radius: 10px !important; margin-top: 5px; margin-bottom: 5px; margin-left: 10px; margin-right: 10px; font-size: 0.9em; color: var(--primaryText); --background: rgba(219,219,219, .03) !important; /* height: 10%; */ /* width: 41%; */ } :root .theme-app20 .withTheme { border: 2px solid var(--borderColor); margin: 10px; padding: 0px !important; border-radius: 15px; overflow: hidden; color: var(--primaryText) !important; } :root .theme-app20 .withTheme ion-card-title, :root .theme-app20 .withTheme ion-card-content, :root .theme-app20 .withTheme ion-label, :root .theme-app20 .withTheme mat-list-item { color: var(--primaryText) !important; } :root .theme-app20 .withTheme span { color: var(--primaryText) !important; } :root .theme-app20 .withTheme ion-img { --border-radius: 8px; } :root .theme-app20 .withTheme ion-thumbnail { --border-radius: 8px; } :root .theme-app20 .withTheme ion-item:hover { border-left: 8px solid var(--borderColor); transition: border-width 0.1s ease-in-out; } :root .theme-app20 .withTheme ion-item.nohover:hover { border-left: none; } :root .theme-app20 .withTheme ion-card-subtitle { color: var(--secondaryText) !important; } :root .theme-app20 .withTheme div.small-distance { margin: 2px; color: var(--primaryText); border: 1px solid var(--borderColor); font-size: 10px; padding-top: 3px; padding-left: 5px; padding-right: 5px; border-radius: 7px; height: 20px; } :root .theme-app20 .withTheme .aligned-with-icon { position: relative; font-size: 8px; top: 11px; margin-left: -25px; /* optional */ margin-right: 8px; } :root .theme-app20 .thumbnail-rounded { border-radius: 6px !important; } :root .theme-app20 .leftMenuColor ion-icon { color: var(--accent); font-family: Montserrat, sans-serif; } :root .theme-app20 .leftMenuColor ion-label { color: var(--primaryText); font-family: Montserrat, sans-serif; font-weight: thin !important; } :root .theme-app20 .leftMenuColor ion-toggle { --background: #3c3e42; --background-checked: #3c3e42; --handle-background: var(--accent); --handle-background-checked: var(--accent); } :root .theme-app20 .floatInput ion-label { color: var(--primaryText); } :root .theme-app20 .floatInput ion-input { color: var(--primaryText); } :root .theme-app20 .breakline-space { margin: 10px; border: 1px solid var(--borderColor) !important; } :root .theme-app20 ion-badge { border-radius: 10px !important; padding: 10px 10px !important; margin: 10px; border: 1px solid var(--borderColor) !important; } :root .theme-app20 ion-badge.failure { border: 1px solid red !important; } :root .theme-app20 ion-badge.success { border: 1px solid white !important; } :root .theme-app20 .row-is-selected { background-color: rgba(211, 211, 211, 0.8); } :root .theme-app20 .alertClass { color: white; background-color: rgba(200, 200, 200, 0.2); } :root .theme-app20 .alertClass .alert-title { font-weight: bolder; } :root .theme-app20 .alertClassActionButton { border: white; border: 2px solid var(--borderColor); border-radius: 7px; } :root .theme-app20 .alert-sub-title.sc-ion-alert-md, :root .theme-app20 .alert-title.sc-ion-alert-md, :root .theme-app20 .alert-message, :root .theme-app20 .sc-ion-alert-md { color: #e0e0e0; } :root .theme-app20 .toastError { --background: red; --color: black; } :root .theme-app20 .custom-options { --placeholder-opacity: 1; color: var(--primaryText); --placeholder-color: var(--primaryText); } :root .theme-app20 .custom-options ion-select::part(text) { color: var(--primaryText); } :root .theme-app20 .custom-options .select-interface-option { --color: var(--primaryText); color: var(--primaryText); } :root .theme-app20 .primaryText { color: var(--primaryText); } :root .theme-app20 .selectClass { min-width: 70%; color: white !important; } :root .theme-app20 .selectClass ion-select { max-width: 70% !important; } :root .theme-app20 .selectClass .sc-ion-alert-md { color: white; } :root .theme-app20 .selectClass .alert-radio-inner.sc-ion-alert-md { background-color: white !important; } :root .theme-app20 .selectClass .alert-radio-label.sc-ion-alert-md { color: white; font-weight: bold; } :root .theme-app20 .selectClass .alert-button.alert-button-inner { color: white; } :root .theme-app20 .selectClass .popover-content { min-width: 90% !important; } :root .theme-app20 .dateRanger { color: var(--ion-color-danger); font-weight: bold; font-size: large; } :root .theme-app20 .eventFloater { color: white; font-weight: bold; padding: 10px; border-radius: 10px; font-size: large; background-color: var(--ion-color-danger); } :root .theme-app20 .chatContainer ion-card-subtitle { padding-top: 3px; } :root .theme-app20 .chatContainer::after { content: ""; clear: both; display: table; } :root .theme-app20 .chatMessageOtherUser { color: white; float: left; } :root .theme-app20 .chatMessageLoggedInUser { color: white; float: right; } :root .theme-app20 .chatUsername { font-weight: bolder; } :root .theme-app20 .ion-icon { color: var(--accentText); } :root .theme-app20 .numberCard ion-card-header { color: white !important; } :root .theme-app20 .numberCard ion-card-header ion-card-subtitle { color: white !important; font-weight: bold; font-size: 20px !important; } :root .theme-app20 .numberCard ion-card-header ion-card-subtitle ion-icon { font-size: 30px !important; color: var(--borderColor); } :root .theme-app20 .numberCard ion-card-header ion-card-title { color: var(--primary) !important; font-weight: bold; padding: 10px; background: var(--accent); border-radius: 10px; float: right; } :root .theme-app20 .numberCard ion-card-content ion-button { margin-top: 10px; } :root .theme-app20 .numberCard ion-card-content div.leftBound { margin-top: 10px; padding: 5px; border-left: 2px solid var(--borderColor); border-bottom: 2px solid var(--borderColor); border-bottom-left-radius: 10px; } :root .theme-app20 .numberCard ion-card-content div.leftBound:hover { border-left: 8px solid var(--borderColor); transition: border-width 0.1s ease-in-out; } :root .theme-app20 .qrCodeStyle { display: flex; align-items: center; justify-content: center; opacity: 1; } :root .theme-app20 .qrCodeStyle img { border-radius: 25px; } :root .theme-app20 .matt-tree-styling { background-color: transparent; padding-top: 20px; margin-top: 20px; } :root .theme-app20 .matt-tree-styling .tree-nested-node { padding-left: 30px; margin-left: 10px; padding-left: 40px; } :root .theme-app20 .matt-tree-styling mat-tree { margin-left: 40px !important; background-color: transparent; } :root .theme-app20 .matt-tree-styling .mat-tree-hover:hover { background-color: var(--accentHover) !important; border-radius: 5px; } :root .theme-app20 .matt-tree-styling .mat-tree-node { padding: 3px; background-color: transparent; } :root .theme-app20 .matt-tree-styling .mat-nested-tree-node { top: -24px !important; background-color: transparent; } :root .theme-app20 .matt-tree-styling ul, :root .theme-app20 .matt-tree-styling li { list-style: none; margin: 0; padding: 0; background-color: transparent; } :root .theme-app20 .matt-tree-styling li.tree-container { border-bottom: 0; background-color: transparent; } :root .theme-app20 .matt-tree-styling li { padding-left: 40px; border-left: 1px dotted grey !important; border-bottom: 1px dotted grey !important; border-bottom-left-radius: 10px; border-width: 0 0 1px 1px; position: relative; top: -24px; background-color: transparent; } :root .theme-app20 .matt-tree-styling li.mat-tree-node, :root .theme-app20 .matt-tree-styling li div { margin: 0; position: relative; top: 15px !important; background-color: transparent; } :root .theme-app20 .matt-tree-styling li ul { padding-right: 80px !important; background-color: transparent; } :root .theme-app20 .popover_style ion-backdrop { --backdrop-opacity: 0.9; } :root .theme-app20 .full-modal-cover { --border-radius: 15px; --min-height: 85% !important; --min-width: 85% !important; --padding:10px !important; } :root .theme-app20 .full-modal-cover .modal-wrapper { height: 30%; width: 90%; border-radius: 10px; } :root .theme-app20 .full-modal-cover-narrow { --border-radius: 15px; --min-height: 85% !important; --min-width: 450px !important; --padding:10px !important; } :root .theme-app20 .full-modal-cover-narrow .modal-wrapper { height: 30%; width: 90%; border-radius: 10px; } :root .theme-app20 .small-modal-cover .modal-wrapper { border-radius: 15px; padding: 10px; } :root .theme-app20 .no-background-modal .modal-wrapper { --min-height: 95% !important; --min-width: 75% !important; --background: rgba(46, 46, 46, 0); --border-style: none; --box-shadow:none; --border-radius:none; --border-style:none; --border-color:none; --border-width:0px; } :root .theme-app20 .small-no-background-modal .modal-wrapper { --background: rgba(46, 46, 46, 0) !important; --border-style: none !important; --box-shadow:none !important; --border-radius:none !important; --border-style:none !important; --border-color:none !important; --border-width:0px !important; } :root .theme-app20 .firmware-chain { font-size: 17px !important; --font-weight: 300 !important; --height: 44px !important; --box-shadow: none !important; --border-radius: 8px !important; --background-hover: var(--accentLight); } :root .theme-app20 .fab-close { font-size: large !important; font-weight: bold !important; border-color: var(--accent) !important; border-radius: 18px !important; } :root .theme-app20 .fab-close:hover { background-color: var(--accent) !important; } :root .theme-app20 ::-webkit-scrollbar { width: 10px; } :root .theme-app20 ::-webkit-scrollbar-track { background: none; } :root .theme-app20 ::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 5px; } :root .theme-app20 ::-webkit-scrollbar-thumb:hover { background: #555; } :root .theme-app20 .deck-tooltip { border-radius: 7px; } :root .theme-app20 .map-control-panel { position: absolute; top: 0; left: 0; display: flex; } :root .theme-app20 .map-control-panel ion-card { margin: 20px; padding: 10px; border-radius: 10px; } :root .theme-app20 .map-control-panel ion-item { color: var(--primaryText); } :root .theme-app20 .map-control-panel ion-item ion-button { padding-top: 3px; padding-bottom: 3px; } :root .theme-app20 .map-control-panel ion-thumbnail { --border-radius: 5px; } :root .theme-app20 .map-control-panel .ion-label-title { font-weight: 500; } :root .theme-app20 .map-control-panel .ion-label-body { font-weight: lighter; } :root .theme-app20 .scanCheckBox { float: right; font-size: small; } :root .theme-app20 .scanCheckBox ion-checkbox { margin-left: 4px; margin-bottom: -4px; --border-color: var(--borderColor); --border-color-checked: var(--borderColor); --checkmark-color: var(--borderColor); } :root .theme-app20 .accentText { color: var(--accentText); } :root .theme-app20 a { color: var(--accentDarkText); } :root .theme-app20 .layerLabel { text-transform: capitalize; color: var(--primaryText); } :root .theme-app20 .mini-profile { border: 2px solid var(--borderColor); display: inline-block; color: var(--accentText) !important; margin: 10px; padding: 8 30px; height: 30px; font-size: 16px; line-height: 25px; border-radius: 25px; } :root .theme-app20 .mini-profile img { float: left; margin-left: 10px; height: 25px; background-color: white; border-radius: 50%; padding-top: 1px; padding-right: 2px; } :root .theme-app20 .searchbar-input { background: white !important; font-size: 1.25em !important; border: 1px solid transparent; border-radius: 10px !important; height: 30px !important; } :root .theme-app20 .searchbar-search-icon.sc-ion-searchbar-md { top: 6px; } :root .theme-app20 .sc-ion-searchbar-ios-h { padding-bottom: 0 !important; } :root .theme-app20 .badgeAsSelection { --background:var(--accent) !important; color: var(--secondaryBaseText); cursor: pointer; } :root .theme-app20 .badgeAsOptions { --background:none !important; color: var(--accentText); border: 2px solid var(--borderColor); cursor: pointer; } :root .theme-app20 .badgeAsOptions { --background:none !important; color: var(--accentText); border: 2px solid var(--borderColor); cursor: pointer; } :root .theme-app20 .clearOptions { --background:none !important; color: red !important; border: 1px solid red !important; cursor: pointer; } :root .theme-app20 .ng-star-inserted { color: var(--primaryText) !important; } :root .theme-app20 .apexcharts-xaxis-label { fill: var(--primaryText) !important; } :root .theme-app20 .apexcharts-xaxis text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app20 .apexcharts-yaxis-label { fill: var(--primaryText) !important; color: var(--primaryText) !important; } :root .theme-app20 .apexcharts-yaxis text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app20 .apexcharts-title-text { color: var(--primaryText) !important; fill: var(--primaryText) !important; } :root .theme-app20 .apexcharts-tooltip { background: #f3f3f3 !important; color: black !important; fill: black !important; } :root .theme-app20 .apexcharts-tooltip span { color: black !important; fill: black !important; } :root .theme-app20 .apexcharts-tooltip-text { color: black !important; fill: black !important; } :root .theme-app20 .apexcharts-tooltip-text-y-label { color: black !important; fill: black !important; } :root .theme-app20 .apexcharts-tooltip-y-group span { color: black !important; fill: black !important; } :root .theme-app20 .area-custom-gradient { fill: linear-gradient(to bottom, #FF5733, #FFCC00); } :root .theme-app20 ion-item-divider { border-color: var(--secondary); } :root .theme-app20 ion-item-divider ion-label { --border-color: var(--secondary) !important; /* Replace with your desired color */ border-color: var(--secondary); } :root .theme-app20 .btn-prev-next { border: 1px solid lightgray; background-color: transparent; color: var(--primaryText); width: 30px; font-size: large; } :root .theme-app20 ion-accordion-group ion-accordion .ion-accordion-toggle-icon { color: var(--primaryText); } :root .theme-app20 .device-status-box { border: 2px solid var(--secondary); /* Set the border color to your desired color */ box-shadow: none; /* Set the box shadow color */ } :root .theme-app20 .counts { color: var(--primaryText); text-align: center; } :root .theme-app20 gridster-item { background-color: var(--ion-background-color) !important; } :root .theme-app20 gridster { background-color: var(--ion-background-color) !important; } :root .theme-app20 ion-fab ion-fab-button { --background: var(--accent); color: white; } :root .theme-app20 #chart path.apexcharts-area { fill: #ff5733; /* Set the fill color to your desired color */ } :root .theme-app20 #chart path.apexcharts-area:hover { fill: #ff33cc; /* Set the hover fill color to your desired color */ } :root .theme-app20 .card-indent { margin-left: 100px !important; } :root .theme-app20 .card-indent:before { content: ""; position: absolute; top: 50%; left: 111px; /* Adjust this value to position the arrow */ width: 0; height: 0; border-style: solid; border-width: 5px 7px 0 7px; border-color: #000 transparent transparent transparent; /* Change color if needed */ transform: translateY(-50%) rotate(45deg); } :root .theme-app20 .valid-alert { --background: green; /* Set the background color to green */ /* You can add more custom styles here */ } :root .theme-app20 .invlid-alert { --background: red; /* Set the background color to red */ /* You can add more custom styles here */ } :root .theme-app20 .mat-tabs .mat-ink-bar { background-color: var(--accent) !important; } :root .theme-app20 .mat-table { overflow-x: scroll; } :root .theme-app20 .mat-cell, :root .theme-app20 .mat-header-cell { word-wrap: initial; display: table-cell; padding: 0px 10px; line-break: unset; width: 100%; white-space: nowrap; overflow: hidden; vertical-align: middle; } :root .theme-app20 .mat-row, :root .theme-app20 .mat-header-row { display: table-row; } :root .theme-app20 .mat-tab-label { padding: 5px; background-color: transparent; color: var(--accent); font-weight: 700; } :root .theme-app20 .mat-tab-label.mat-tab-label-active { padding: 5px; background-color: transparent; color: var(--accent); font-weight: 700; } :root .theme-app20 .mat-ink-bar { background-color: var(--accent); } :root .theme-app20 mat-label { color: var(--primaryText); } :root .theme-app20 mat-form-field { color: var(--primaryText); } :root .theme-app20 mat-form-field input { color: var(--primaryText); } :root .theme-app20 .mat-icon { color: var(--primaryText); } /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/global.scss ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* * App Global CSS * ---------------------------------------------------------------------------- * Put style rules here that you want to apply globally. These styles are for * the entire app and not just one component. Additionally, this file can be * used as an entry point to import other CSS/Sass files to be included in the * output CSS. * For more information on global stylesheets, visit the documentation: * https://ionicframework.com/docs/layout/global-stylesheets */ /* Core CSS required for Ionic components to work properly */ html.ios { --ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif; } html.md { --ion-default-font: "Roboto", "Helvetica Neue", sans-serif; } html { --ion-font-family: var(--ion-default-font); } body { background: var(--ion-background-color); } body.backdrop-no-scroll { overflow: hidden; } /** * Card style modal needs additional padding on the * top of the header. We accomplish this by targeting * the first toolbar in the header. * Footer also needs this. We do not adjust the bottom * padding though because of the safe area. */ html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type, html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type, html.ios ion-modal ion-footer ion-toolbar:first-of-type { padding-top: 6px; } /** * Card style modal needs additional padding on the * bottom of the header. We accomplish this by targeting * the last toolbar in the header. */ html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type, html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type { padding-bottom: 6px; } /** * Add padding on the left and right * of toolbars while accounting for * safe area values when in landscape. */ html.ios ion-modal ion-toolbar { padding-right: calc(var(--ion-safe-area-right) + 8px); padding-left: calc(var(--ion-safe-area-left) + 8px); } /** * Card style modal on iPadOS * should only have backdrop on first instance. */ @media screen and (min-width: 768px) { html.ios ion-modal.modal-card:first-of-type { --backdrop-opacity: 0.18; } } /** * Subsequent modals should not have a backdrop/box shadow * as it will cause the screen to appear to get progressively * darker. With Ionic 6, declarative modals made it * possible to have multiple non-presented modals in the DOM, * so we could no longer rely on ion-modal:first-of-type. * Here we disable the opacity/box-shadow for every modal * that comes after the first presented modal. * * Note: ion-modal:not(.overlay-hidden):first-of-type * does not match the first modal to not have * the .overlay-hidden class, it will match the * first modal in general only if it does not * have the .overlay-hidden class. * The :nth-child() pseudo-class has support * for selectors which would help us here. At the * time of writing it does not have great cross browser * support. * * Note 2: This should only apply to non-card and * non-sheet modals. Card and sheet modals have their * own criteria for displaying backdrops/box shadows. */ ion-modal.modal-default:not(.overlay-hidden) ~ ion-modal.modal-default { --backdrop-opacity: 0; --box-shadow: none; } /** * This works around a bug in WebKit where the * content will overflow outside of the bottom border * radius when re-painting. As long as a single * border radius value is set on .ion-page, this * issue does not happen. We set the top left radius * here because the top left corner will always have a * radius no matter the platform. * This behavior only applies to card modals. */ html.ios ion-modal.modal-card .ion-page { border-top-left-radius: var(--border-radius); } .ion-color-primary { --ion-color-base: var(--ion-color-primary, #3880ff) !important; --ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !important; --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-primary-shade, #3171e0) !important; --ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important; } .ion-color-secondary { --ion-color-base: var(--ion-color-secondary, #3dc2ff) !important; --ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !important; --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-secondary-shade, #36abe0) !important; --ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important; } .ion-color-tertiary { --ion-color-base: var(--ion-color-tertiary, #5260ff) !important; --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 255) !important; --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-tertiary-shade, #4854e0) !important; --ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important; } .ion-color-success { --ion-color-base: var(--ion-color-success, #2dd36f) !important; --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !important; --ion-color-contrast: var(--ion-color-success-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-success-shade, #28ba62) !important; --ion-color-tint: var(--ion-color-success-tint, #42d77d) !important; } .ion-color-warning { --ion-color-base: var(--ion-color-warning, #ffc409) !important; --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important; --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important; --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important; --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important; --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important; } .ion-color-danger { --ion-color-base: var(--ion-color-danger, #eb445a) !important; --ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !important; --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-danger-shade, #cf3c4f) !important; --ion-color-tint: var(--ion-color-danger-tint, #ed576b) !important; } .ion-color-light { --ion-color-base: var(--ion-color-light, #f4f5f8) !important; --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important; --ion-color-contrast: var(--ion-color-light-contrast, #000) !important; --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important; --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important; --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important; } .ion-color-medium { --ion-color-base: var(--ion-color-medium, #92949c) !important; --ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !important; --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-medium-shade, #808289) !important; --ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !important; } .ion-color-dark { --ion-color-base: var(--ion-color-dark, #222428) !important; --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important; --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important; --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important; } .ion-page { left: 0; right: 0; top: 0; bottom: 0; display: flex; position: absolute; flex-direction: column; justify-content: space-between; contain: layout size style; overflow: hidden; z-index: 0; } /** * When making custom dialogs, using * ion-content is not required. As a result, * some developers may wish to have dialogs * that are automatically sized by the browser. * These changes allow certain dimension values * such as fit-content to work correctly. */ ion-modal .ion-page:not(ion-nav .ion-page) { position: relative; contain: layout style; height: 100%; } .split-pane-visible > .ion-page.split-pane-main { position: relative; } ion-route, ion-route-redirect, ion-router, ion-select-option, ion-nav-controller, ion-menu-controller, ion-action-sheet-controller, ion-alert-controller, ion-loading-controller, ion-modal-controller, ion-picker-controller, ion-popover-controller, ion-toast-controller, .ion-page-hidden, [hidden] { /* stylelint-disable-next-line declaration-no-important */ display: none !important; } .ion-page-invisible { opacity: 0; } .can-go-back > ion-header ion-back-button { display: block; } html.plt-ios.plt-hybrid, html.plt-ios.plt-pwa { --ion-statusbar-padding: 20px; } @supports (padding-top: 20px) { html { --ion-safe-area-top: var(--ion-statusbar-padding); } } @supports (padding-top: constant(safe-area-inset-top)) { html { --ion-safe-area-top: constant(safe-area-inset-top); --ion-safe-area-bottom: constant(safe-area-inset-bottom); --ion-safe-area-left: constant(safe-area-inset-left); --ion-safe-area-right: constant(safe-area-inset-right); } } @supports (padding-top: env(safe-area-inset-top)) { html { --ion-safe-area-top: env(safe-area-inset-top); --ion-safe-area-bottom: env(safe-area-inset-bottom); --ion-safe-area-left: env(safe-area-inset-left); --ion-safe-area-right: env(safe-area-inset-right); } } ion-card.ion-color .ion-inherit-color, ion-card-header.ion-color .ion-inherit-color { color: inherit; } .menu-content { transform: translate3d(0, 0, 0); } .menu-content-open { cursor: pointer; touch-action: manipulation; pointer-events: none; } .ios .menu-content-reveal { box-shadow: -8px 0 42px rgba(0, 0, 0, 0.08); } [dir=rtl].ios .menu-content-reveal { box-shadow: 8px 0 42px rgba(0, 0, 0, 0.08); } .md .menu-content-reveal { box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18); } .md .menu-content-push { box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18); } ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; } ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } ion-accordion-group > ion-accordion:last-of-type ion-item[slot=header] { --border-width: 0px; } ion-accordion.accordion-animated > [slot=header] .ion-accordion-toggle-icon { transition: 300ms transform cubic-bezier(0.25, 0.8, 0.5, 1); } @media (prefers-reduced-motion: reduce) { ion-accordion .ion-accordion-toggle-icon { /* stylelint-disable declaration-no-important */ transition: none !important; } } /** * The > [slot="header"] selector ensures that we do * not modify toggle icons for any nested accordions. The state * of one accordion should not affect any accordions inside * of a nested accordion group. */ ion-accordion.accordion-expanding > [slot=header] .ion-accordion-toggle-icon, ion-accordion.accordion-expanded > [slot=header] .ion-accordion-toggle-icon { transform: rotate(180deg); } ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=header] { --border-width: 0px; --inner-border-width: 0px; } ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type, ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type { margin-top: 0; } ion-input input::-webkit-date-and-time-value { text-align: start; } /** * The .ion-datetime-button-overlay class contains * styles that allow any modal/popover to be * sized according to the dimensions of the datetime * when used with ion-datetime-button. */ .ion-datetime-button-overlay { --width: fit-content; --height: fit-content; } /** * The grid variant can scale down when inline. * When used in a `fit-content` overlay, this causes * the overlay to shrink when the month/year picker is open. * Explicitly setting the dimensions lets us have a consistently * sized grid interface. */ .ion-datetime-button-overlay ion-datetime.datetime-grid { width: 320px; min-height: 320px; } /* Basic CSS for apps built with Ionic */ audio, canvas, progress, video { vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } b, strong { font-weight: bold; } img { max-width: 100%; border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { height: 1px; border-width: 0; box-sizing: content-box; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } label, input, select, textarea { font-family: inherit; line-height: normal; } textarea { overflow: auto; height: auto; font: inherit; color: inherit; } textarea::placeholder { padding-left: 2px; } form, input, optgroup, select { margin: 0; font: inherit; color: inherit; } html input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; } a, a div, a span, a ion-icon, a ion-label, button, button div, button span, button ion-icon, button ion-label, .ion-tappable, [tappable], [tappable] div, [tappable] span, [tappable] ion-icon, [tappable] ion-label, input, textarea { touch-action: manipulation; } a ion-label, button ion-label { pointer-events: none; } button { border: 0; border-radius: 0; font-family: inherit; font-style: inherit; font-feature-settings: inherit; font-variant: inherit; line-height: 1; text-transform: none; cursor: pointer; -webkit-appearance: button; } [tappable] { cursor: pointer; } a[disabled], button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input[type=checkbox], input[type=radio] { padding: 0; box-sizing: border-box; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } * { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } html { width: 100%; height: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } html:not(.hydrated) body { display: none; } html.ion-ce body { display: block; } html.plt-pwa { height: 100vh; } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; position: fixed; width: 100%; max-width: 100%; height: 100%; max-height: 100%; /** * Because body has position: fixed, * it should be promoted to its own * layer. * * WebKit does not always promote * the body to its own layer on page * load in Ionic apps. Once scrolling on * ion-content starts, WebKit will promote * body. Unfortunately, this causes a re-paint * which results in scrolling being halted * until the next user gesture. * * This impacts the Custom Elements build. * The lazy loaded build causes the browser to * re-paint during hydration which causes WebKit * to promote body to its own layer. * In the CE Build, this hydration does not * happen, so the additional re-paint does not occur. */ transform: translateZ(0); text-rendering: optimizeLegibility; overflow: hidden; touch-action: manipulation; -webkit-user-drag: none; -ms-content-zooming: none; word-wrap: break-word; overscroll-behavior-y: none; -webkit-text-size-adjust: none; text-size-adjust: none; } html { font-family: var(--ion-font-family); } a { background-color: transparent; color: var(--ion-color-primary, #3880ff); } h1, h2, h3, h4, h5, h6 { margin-top: 16px; margin-bottom: 10px; font-weight: 500; line-height: 1.2; } h1 { margin-top: 20px; font-size: 26px; } h2 { margin-top: 18px; font-size: 24px; } h3 { font-size: 22px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } small { font-size: 75%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .ion-hide { display: none !important; } .ion-hide-up { display: none !important; } .ion-hide-down { display: none !important; } @media (min-width: 576px) { .ion-hide-sm-up { display: none !important; } } @media (max-width: 575.98px) { .ion-hide-sm-down { display: none !important; } } @media (min-width: 768px) { .ion-hide-md-up { display: none !important; } } @media (max-width: 767.98px) { .ion-hide-md-down { display: none !important; } } @media (min-width: 992px) { .ion-hide-lg-up { display: none !important; } } @media (max-width: 991.98px) { .ion-hide-lg-down { display: none !important; } } @media (min-width: 1200px) { .ion-hide-xl-up { display: none !important; } } @media (max-width: 1199.98px) { .ion-hide-xl-down { display: none !important; } } /* Optional CSS utils that can be commented out */ .ion-no-padding { --padding-start: 0; --padding-end: 0; --padding-top: 0; --padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; } .ion-padding { --padding-start: var(--ion-padding, 16px); --padding-end: var(--ion-padding, 16px); --padding-top: var(--ion-padding, 16px); --padding-bottom: var(--ion-padding, 16px); padding-left: var(--ion-padding, 16px); padding-right: var(--ion-padding, 16px); padding-top: var(--ion-padding, 16px); padding-bottom: var(--ion-padding, 16px); } @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) { .ion-padding { padding-left: unset; padding-right: unset; padding-inline-start: var(--ion-padding, 16px); padding-inline-end: var(--ion-padding, 16px); } } .ion-padding-top { --padding-top: var(--ion-padding, 16px); padding-top: var(--ion-padding, 16px); } .ion-padding-start { --padding-start: var(--ion-padding, 16px); padding-left: var(--ion-padding, 16px); } @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) { .ion-padding-start { padding-left: unset; padding-inline-start: var(--ion-padding, 16px); } } .ion-padding-end { --padding-end: var(--ion-padding, 16px); padding-right: var(--ion-padding, 16px); } @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) { .ion-padding-end { padding-right: unset; padding-inline-end: var(--ion-padding, 16px); } } .ion-padding-bottom { --padding-bottom: var(--ion-padding, 16px); padding-bottom: var(--ion-padding, 16px); } .ion-padding-vertical { --padding-top: var(--ion-padding, 16px); --padding-bottom: var(--ion-padding, 16px); padding-top: var(--ion-padding, 16px); padding-bottom: var(--ion-padding, 16px); } .ion-padding-horizontal { --padding-start: var(--ion-padding, 16px); --padding-end: var(--ion-padding, 16px); padding-left: var(--ion-padding, 16px); padding-right: var(--ion-padding, 16px); } @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) { .ion-padding-horizontal { padding-left: unset; padding-right: unset; padding-inline-start: var(--ion-padding, 16px); padding-inline-end: var(--ion-padding, 16px); } } .ion-no-margin { --margin-start: 0; --margin-end: 0; --margin-top: 0; --margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .ion-margin { --margin-start: var(--ion-margin, 16px); --margin-end: var(--ion-margin, 16px); --margin-top: var(--ion-margin, 16px); --margin-bottom: var(--ion-margin, 16px); margin-left: var(--ion-margin, 16px); margin-right: var(--ion-margin, 16px); margin-top: var(--ion-margin, 16px); margin-bottom: var(--ion-margin, 16px); } @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) { .ion-margin { margin-left: unset; margin-right: unset; margin-inline-start: var(--ion-margin, 16px); margin-inline-end: var(--ion-margin, 16px); } } .ion-margin-top { --margin-top: var(--ion-margin, 16px); margin-top: var(--ion-margin, 16px); } .ion-margin-start { --margin-start: var(--ion-margin, 16px); margin-left: var(--ion-margin, 16px); } @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) { .ion-margin-start { margin-left: unset; margin-inline-start: var(--ion-margin, 16px); } } .ion-margin-end { --margin-end: var(--ion-margin, 16px); margin-right: var(--ion-margin, 16px); } @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) { .ion-margin-end { margin-right: unset; margin-inline-end: var(--ion-margin, 16px); } } .ion-margin-bottom { --margin-bottom: var(--ion-margin, 16px); margin-bottom: var(--ion-margin, 16px); } .ion-margin-vertical { --margin-top: var(--ion-margin, 16px); --margin-bottom: var(--ion-margin, 16px); margin-top: var(--ion-margin, 16px); margin-bottom: var(--ion-margin, 16px); } .ion-margin-horizontal { --margin-start: var(--ion-margin, 16px); --margin-end: var(--ion-margin, 16px); margin-left: var(--ion-margin, 16px); margin-right: var(--ion-margin, 16px); } @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) { .ion-margin-horizontal { margin-left: unset; margin-right: unset; margin-inline-start: var(--ion-margin, 16px); margin-inline-end: var(--ion-margin, 16px); } } .ion-float-left { float: left !important; } .ion-float-right { float: right !important; } .ion-float-start { float: left !important; } [dir=rtl] .ion-float-start, :host-context([dir=rtl]) .ion-float-start { float: right !important; } .ion-float-end { float: right !important; } [dir=rtl] .ion-float-end, :host-context([dir=rtl]) .ion-float-end { float: left !important; } @media (min-width: 576px) { .ion-float-sm-left { float: left !important; } .ion-float-sm-right { float: right !important; } .ion-float-sm-start { float: left !important; } [dir=rtl] .ion-float-sm-start, :host-context([dir=rtl]) .ion-float-sm-start { float: right !important; } .ion-float-sm-end { float: right !important; } [dir=rtl] .ion-float-sm-end, :host-context([dir=rtl]) .ion-float-sm-end { float: left !important; } } @media (min-width: 768px) { .ion-float-md-left { float: left !important; } .ion-float-md-right { float: right !important; } .ion-float-md-start { float: left !important; } [dir=rtl] .ion-float-md-start, :host-context([dir=rtl]) .ion-float-md-start { float: right !important; } .ion-float-md-end { float: right !important; } [dir=rtl] .ion-float-md-end, :host-context([dir=rtl]) .ion-float-md-end { float: left !important; } } @media (min-width: 992px) { .ion-float-lg-left { float: left !important; } .ion-float-lg-right { float: right !important; } .ion-float-lg-start { float: left !important; } [dir=rtl] .ion-float-lg-start, :host-context([dir=rtl]) .ion-float-lg-start { float: right !important; } .ion-float-lg-end { float: right !important; } [dir=rtl] .ion-float-lg-end, :host-context([dir=rtl]) .ion-float-lg-end { float: left !important; } } @media (min-width: 1200px) { .ion-float-xl-left { float: left !important; } .ion-float-xl-right { float: right !important; } .ion-float-xl-start { float: left !important; } [dir=rtl] .ion-float-xl-start, :host-context([dir=rtl]) .ion-float-xl-start { float: right !important; } .ion-float-xl-end { float: right !important; } [dir=rtl] .ion-float-xl-end, :host-context([dir=rtl]) .ion-float-xl-end { float: left !important; } } .ion-text-center { text-align: center !important; } .ion-text-justify { text-align: justify !important; } .ion-text-start { text-align: start !important; } .ion-text-end { text-align: end !important; } .ion-text-left { text-align: left !important; } .ion-text-right { text-align: right !important; } .ion-text-nowrap { white-space: nowrap !important; } .ion-text-wrap { white-space: normal !important; } @media (min-width: 576px) { .ion-text-sm-center { text-align: center !important; } .ion-text-sm-justify { text-align: justify !important; } .ion-text-sm-start { text-align: start !important; } .ion-text-sm-end { text-align: end !important; } .ion-text-sm-left { text-align: left !important; } .ion-text-sm-right { text-align: right !important; } .ion-text-sm-nowrap { white-space: nowrap !important; } .ion-text-sm-wrap { white-space: normal !important; } } @media (min-width: 768px) { .ion-text-md-center { text-align: center !important; } .ion-text-md-justify { text-align: justify !important; } .ion-text-md-start { text-align: start !important; } .ion-text-md-end { text-align: end !important; } .ion-text-md-left { text-align: left !important; } .ion-text-md-right { text-align: right !important; } .ion-text-md-nowrap { white-space: nowrap !important; } .ion-text-md-wrap { white-space: normal !important; } } @media (min-width: 992px) { .ion-text-lg-center { text-align: center !important; } .ion-text-lg-justify { text-align: justify !important; } .ion-text-lg-start { text-align: start !important; } .ion-text-lg-end { text-align: end !important; } .ion-text-lg-left { text-align: left !important; } .ion-text-lg-right { text-align: right !important; } .ion-text-lg-nowrap { white-space: nowrap !important; } .ion-text-lg-wrap { white-space: normal !important; } } @media (min-width: 1200px) { .ion-text-xl-center { text-align: center !important; } .ion-text-xl-justify { text-align: justify !important; } .ion-text-xl-start { text-align: start !important; } .ion-text-xl-end { text-align: end !important; } .ion-text-xl-left { text-align: left !important; } .ion-text-xl-right { text-align: right !important; } .ion-text-xl-nowrap { white-space: nowrap !important; } .ion-text-xl-wrap { white-space: normal !important; } } .ion-text-uppercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: uppercase !important; } .ion-text-lowercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: lowercase !important; } .ion-text-capitalize { /* stylelint-disable-next-line declaration-no-important */ text-transform: capitalize !important; } @media (min-width: 576px) { .ion-text-sm-uppercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: uppercase !important; } .ion-text-sm-lowercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: lowercase !important; } .ion-text-sm-capitalize { /* stylelint-disable-next-line declaration-no-important */ text-transform: capitalize !important; } } @media (min-width: 768px) { .ion-text-md-uppercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: uppercase !important; } .ion-text-md-lowercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: lowercase !important; } .ion-text-md-capitalize { /* stylelint-disable-next-line declaration-no-important */ text-transform: capitalize !important; } } @media (min-width: 992px) { .ion-text-lg-uppercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: uppercase !important; } .ion-text-lg-lowercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: lowercase !important; } .ion-text-lg-capitalize { /* stylelint-disable-next-line declaration-no-important */ text-transform: capitalize !important; } } @media (min-width: 1200px) { .ion-text-xl-uppercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: uppercase !important; } .ion-text-xl-lowercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: lowercase !important; } .ion-text-xl-capitalize { /* stylelint-disable-next-line declaration-no-important */ text-transform: capitalize !important; } } .ion-align-self-start { align-self: flex-start !important; } .ion-align-self-end { align-self: flex-end !important; } .ion-align-self-center { align-self: center !important; } .ion-align-self-stretch { align-self: stretch !important; } .ion-align-self-baseline { align-self: baseline !important; } .ion-align-self-auto { align-self: auto !important; } .ion-wrap { flex-wrap: wrap !important; } .ion-nowrap { flex-wrap: nowrap !important; } .ion-wrap-reverse { flex-wrap: wrap-reverse !important; } .ion-justify-content-start { justify-content: flex-start !important; } .ion-justify-content-center { justify-content: center !important; } .ion-justify-content-end { justify-content: flex-end !important; } .ion-justify-content-around { justify-content: space-around !important; } .ion-justify-content-between { justify-content: space-between !important; } .ion-justify-content-evenly { justify-content: space-evenly !important; } .ion-align-items-start { align-items: flex-start !important; } .ion-align-items-center { align-items: center !important; } .ion-align-items-end { align-items: flex-end !important; } .ion-align-items-stretch { align-items: stretch !important; } .ion-align-items-baseline { align-items: baseline !important; } .my-modal-class .modal-wrapper { height: 30% !important; width: 90% !important; border-radius: 15px !important; } /*# sourceMappingURL=styles.css.map*/