/*!********************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/indigo-pink.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 h1{font:400 24px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.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 h3{font:400 16px/28px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h4,.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 h5{font:400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.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{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body,.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 p{margin:0 0 12px}.mat-small,.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}.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,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.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:#3f51b5}.mat-accent .mat-option.mat-selected:not(.mat-option-disabled){color:#ff4081}.mat-warn .mat-option.mat-selected:not(.mat-option-disabled){color:#f44336}.mat-optgroup-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:#3f51b5}.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate,.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate{background:#ff4081}.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-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:#3f51b5}.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}.mat-badge-accent .mat-badge-content{background:#ff4081;color:#fff}.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:#3f51b5}.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent{color:#ff4081}.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn{color:#f44336}.mat-button.mat-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:#3f51b5}.mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay{background-color:#ff4081}.mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay{background-color:#f44336}.mat-button.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:#fff}.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:#3f51b5}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{background-color:#ff4081}.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(255,255,255,.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,.mat-button-toggle-group{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{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 rgba(0,0,0,.12)}[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:solid 1px rgba(0,0,0,.12)}.mat-button-toggle-checked{background-color:#e0e0e0;color:rgba(0,0,0,.54)}.mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87)}.mat-button-toggle-disabled{color:rgba(0,0,0,.26);background-color:#eee}.mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff}.mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#bdbdbd}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:solid 1px rgba(0,0,0,.12)}.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:#3f51b5}.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#ff4081}.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,.54)}.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:#3f51b5}.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:#ff4081}.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:#3f51b5;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element{background-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:#ff4081;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.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(63,81,181,.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(63, 81, 181, 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(63, 81, 181, 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:#3f51b5;color:#fff}.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(63,81,181,.4)}.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.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(63,81,181,.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(63,81,181,.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,64,129,.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, 64, 129, 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, 64, 129, 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:#ff4081;color:#fff}.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(255,64,129,.4)}.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-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,64,129,.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,64,129,.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:#3f51b5}.mat-datepicker-toggle-active.mat-accent{color:#ff4081}.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:#3f51b5}.mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#ff4081}.mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#f44336}.mat-focused .mat-form-field-required-marker{color:#ff4081}.mat-form-field-ripple{background-color:rgba(0,0,0,.87)}.mat-form-field.mat-focused .mat-form-field-ripple{background-color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#ff4081}.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#f44336}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after{color:#3f51b5}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after{color:#ff4081}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after{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:#3f51b5}.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#ff4081}.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick{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:#3f51b5}.mat-icon.mat-accent{color:#ff4081}.mat-icon.mat-warn{color:#f44336}.mat-form-field-type-mat-native-select .mat-form-field-infix::after{color:rgba(0,0,0,.54)}.mat-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:#3f51b5}.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:#ff4081}.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:#cbd0e9}.mat-progress-bar-buffer{background-color:#cbd0e9}.mat-progress-bar-fill::after{background-color:#3f51b5}.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#fbccdc}.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#fbccdc}.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ff4081}.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:#3f51b5}.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ff4081}.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336}.mat-radio-outer-circle{border-color:rgba(0,0,0,.54)}.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#3f51b5}.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:#3f51b5}.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff4081}.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ff4081}.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#f44336}.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#f44336}.mat-radio-button.mat-radio-disabled.mat-radio-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:#3f51b5}.mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#ff4081}.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:#ff4081}.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:rgba(255,64,129,.54)}.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#ff4081}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#3f51b5}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:rgba(63,81,181,.54)}.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#3f51b5}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb{background-color:#f44336}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar{background-color:rgba(244,67,54,.54)}.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element{background-color:#f44336}.mat-slide-toggle:not(.mat-checked) .mat-ripple-element{background-color:#000}.mat-slide-toggle-thumb{box-shadow: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:#3f51b5}.mat-slider.mat-primary .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-primary .mat-slider-focus-ring{background-color:rgba(63,81,181,.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:#ff4081}.mat-slider.mat-accent .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-accent .mat-slider-focus-ring{background-color:rgba(255,64,129,.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:#3f51b5;color:#fff}.mat-step-header.mat-accent .mat-step-icon{color:#fff}.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:#ff4081;color:#fff}.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(197,202,233,.3)}.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#3f51b5}.mat-tab-group.mat-primary.mat-background-primary>.mat-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,128,171,.3)}.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#ff4081}.mat-tab-group.mat-accent.mat-background-accent>.mat-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:#fff}.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#f44336}.mat-tab-group.mat-warn.mat-background-warn>.mat-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(197,202,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:#3f51b5}.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,128,171,.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:#ff4081}.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:#fff}.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(255,255,255,.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:#fff}.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:#fff;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:#fff;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:#3f51b5;color:#fff}.mat-toolbar.mat-accent{background:#ff4081;color:#fff}.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:#ff4081} /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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]!./apps/instructor/src/styles/styles.scss ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* You can add global styles to this file, and also import other style files */ .mat-badge-content { font-weight: 600; font-size: 12px; font-family: "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; } .mat-badge-small .mat-badge-content { font-size: 9px; } .mat-badge-large .mat-badge-content { font-size: 24px; } .mat-h1, .mat-headline, .mat-typography h1 { font: 400 24px / 32px "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; letter-spacing: normal; margin: 0 0 16px; } .mat-h2, .mat-title, .mat-typography h2 { font: 600 1.25rem / 2rem "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; letter-spacing: normal; margin: 0 0 16px; } .mat-h3, .mat-subheading-2, .mat-typography h3 { font: 400 16px / 28px "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; letter-spacing: normal; margin: 0 0 16px; } .mat-h4, .mat-subheading-1, .mat-typography h4 { font: 400 15px / 24px "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; letter-spacing: normal; margin: 0 0 16px; } .mat-h5, .mat-typography h5 { font: 400 calc(14px * 0.83) / 20px "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; margin: 0 0 12px; } .mat-h6, .mat-typography h6 { font: 400 calc(14px * 0.67) / 20px "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; margin: 0 0 12px; } .mat-body-strong, .mat-body-2 { font: 600 0.875rem / 1.5rem "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; letter-spacing: normal; } .mat-body, .mat-body-1, .mat-typography { font: 400 14px / 20px "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; letter-spacing: normal; } .mat-body p, .mat-body-1 p, .mat-typography p { margin: 0 0 12px; } .mat-small, .mat-caption { font: 400 12px / 20px "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; letter-spacing: normal; } .mat-display-4, .mat-typography .mat-display-4 { font: 300 112px / 112px "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; letter-spacing: -0.05em; margin: 0 0 56px; } .mat-display-3, .mat-typography .mat-display-3 { font: 400 56px / 56px "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; letter-spacing: -0.02em; margin: 0 0 64px; } .mat-display-2, .mat-typography .mat-display-2 { font: 400 45px / 48px "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; letter-spacing: -0.005em; margin: 0 0 64px; } .mat-display-1, .mat-typography .mat-display-1 { font: 400 34px / 40px "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; letter-spacing: normal; margin: 0 0 64px; } .mat-bottom-sheet-container { font: 400 14px / 20px "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; letter-spacing: normal; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: 0.875rem; font-weight: 500; } .mat-button-toggle { font-family: "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; } .mat-card { font-family: "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; } .mat-card-title { font-size: 24px; font-weight: 600; } .mat-card-header .mat-card-title { font-size: 1.25rem; } .mat-card-subtitle, .mat-card-content { font-size: 14px; } .mat-checkbox { font-family: "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; } .mat-checkbox-layout .mat-checkbox-label { line-height: 1.5rem; } .mat-chip { font-size: 0.875rem; font-weight: 600; } .mat-chip .mat-chip-trailing-icon.mat-icon, .mat-chip .mat-chip-remove.mat-icon { font-size: 18px; } .mat-table { font-family: "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; } .mat-header-cell { font-size: 12px; font-weight: 600; } .mat-cell, .mat-footer-cell { font-size: 14px; } .mat-calendar { font-family: "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; } .mat-calendar-body { font-size: 13px; } .mat-calendar-body-label, .mat-calendar-period-button { font-size: 0.875rem; font-weight: 500; } .mat-calendar-table-header th { font-size: 11px; font-weight: 400; } .mat-dialog-title { font: 600 1.25rem / 2rem "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; letter-spacing: normal; } .mat-expansion-panel-header { font-family: "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: 15px; font-weight: 400; } .mat-expansion-panel-content { font: 400 14px / 20px "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; letter-spacing: normal; } .mat-form-field { font: 400 0.875rem / 1.2857 "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; letter-spacing: normal; } .mat-form-field-wrapper { padding-bottom: 1.464275em; } .mat-form-field-prefix .mat-icon, .mat-form-field-suffix .mat-icon { font-size: 150%; line-height: 1.2857; } .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.2857em; line-height: 1.2857; } .mat-form-field-infix { padding: 0.5em 0; border-top: 0.964275em 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.464275em) 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.464265em) scale(0.75); width: 133.3333433333%; } .mat-form-field-label-wrapper { top: -0.964275em; padding-top: 0.964275em; } .mat-form-field-label { top: 1.464275em; } .mat-form-field-underline { bottom: 1.464275em; } .mat-form-field-subscript-wrapper { font-size: 75%; margin-top: 0.6666666667em; top: calc(100% - 1.9523666667em); } .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 1.25em; } .mat-form-field-appearance-legacy .mat-form-field-infix { padding: 0.35715em 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.321425em) 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.321425em) 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.321425em) scale(0.75) perspective(100px) translateZ(0.00102px); width: 133.3333533333%; } .mat-form-field-appearance-legacy .mat-form-field-label { top: 1.321425em; } .mat-form-field-appearance-legacy .mat-form-field-underline { bottom: 1.25em; } .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { margin-top: 0.3809666667em; 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.321395em) 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.321385em) 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.321375em) scale(0.75); } } .mat-form-field-appearance-fill .mat-form-field-infix { padding: 0.25em 0 0.75em 0; } .mat-form-field-appearance-fill .mat-form-field-label { top: 1.214275em; 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.714275em) 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.714265em) 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.964275em; 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.714275em) 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.714265em) 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.14285em; } .mat-menu-item { font-family: "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: 14px; font-weight: 400; } .mat-paginator, .mat-paginator-page-size .mat-select-trigger { font-family: "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: 12px; } .mat-radio-button { font-family: "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; } .mat-select { font-family: "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; } .mat-select-trigger { height: 1.2857em; } .mat-slide-toggle-content { font-family: "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; } .mat-slider-thumb-label-text { font-family: "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: 12px; font-weight: 600; } .mat-stepper-vertical, .mat-stepper-horizontal { font-family: "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; } .mat-step-label { font-size: 14px; font-weight: 400; } .mat-step-sub-label-error { font-weight: normal; } .mat-step-label-error { font-size: 0.875rem; } .mat-step-label-selected { font-size: 0.875rem; font-weight: 600; } .mat-tab-group { font-family: "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; } .mat-tab-label, .mat-tab-link { font-family: "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: 0.875rem; font-weight: 500; } .mat-toolbar, .mat-toolbar h1, .mat-toolbar h2, .mat-toolbar h3, .mat-toolbar h4, .mat-toolbar h5, .mat-toolbar h6 { font: 600 1.25rem / 2rem "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; letter-spacing: normal; margin: 0; } .mat-tooltip { font-family: "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; 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: "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; } .mat-list-option { font-family: "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; } .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: "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: 0.875rem; font-weight: 600; } .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: "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: 12px; font-weight: 600; } .mat-option { font-family: "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: 16px; } .mat-optgroup-label { font: 600 0.875rem / 1.5rem "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; letter-spacing: normal; } .mat-simple-snackbar { font-family: "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: 14px; } .mat-simple-snackbar-action { line-height: 1; font-family: inherit; font-size: inherit; font-weight: 500; } .mat-tree { font-family: "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; } .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; } .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: 0.6; } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } .cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: 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; } body.light { color: rgba(0, 0, 0, 0.87); background-color: #f1f5f9; } body.light .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } body.light .mat-option { color: rgba(0, 0, 0, 0.87); } body.light .mat-option:hover:not(.mat-option-disabled), body.light .mat-option:focus:not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } body.light .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } body.light .mat-option.mat-active { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } body.light .mat-option.mat-option-disabled { color: rgba(0, 0, 0, 0.38); } body.light .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #9c27b0; } body.light .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #009688; } body.light .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #f44336; } body.light .mat-optgroup-label { color: rgba(0, 0, 0, 0.54); } body.light .mat-optgroup-disabled .mat-optgroup-label { color: rgba(0, 0, 0, 0.38); } body.light .mat-pseudo-checkbox { color: rgba(0, 0, 0, 0.54); } body.light .mat-pseudo-checkbox::after { color: #fafafa; } body.light .mat-pseudo-checkbox-disabled { color: #b0b0b0; } body.light .mat-primary .mat-pseudo-checkbox-checked, body.light .mat-primary .mat-pseudo-checkbox-indeterminate { background: #9c27b0; } body.light .mat-pseudo-checkbox-checked, body.light .mat-pseudo-checkbox-indeterminate, body.light .mat-accent .mat-pseudo-checkbox-checked, body.light .mat-accent .mat-pseudo-checkbox-indeterminate { background: #009688; } body.light .mat-warn .mat-pseudo-checkbox-checked, body.light .mat-warn .mat-pseudo-checkbox-indeterminate { background: #f44336; } body.light .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, body.light .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #b0b0b0; } body.light .mat-app-background, body.light.mat-app-background { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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; } body.light .mat-autocomplete-panel { background: white; color: rgba(0, 0, 0, 0.87); } body.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); } body.light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: white; } body.light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: rgba(0, 0, 0, 0.87); } body.light .mat-badge { position: relative; } body.light .mat-badge-hidden .mat-badge-content { display: none; } body.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; } body.light .ng-animate-disabled .mat-badge-content, body.light .mat-badge-content._mat-animation-noopable { transition: none; } body.light .mat-badge-content.mat-badge-active { transform: none; } body.light .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } body.light .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } body.light .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } body.light .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] body.light .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } body.light .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] body.light .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } body.light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] body.light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } body.light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] body.light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } body.light .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } body.light .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } body.light .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } body.light .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] body.light .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } body.light .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] body.light .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } body.light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] body.light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } body.light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] body.light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } body.light .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } body.light .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } body.light .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } body.light .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] body.light .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } body.light .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] body.light .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } body.light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] body.light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } body.light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] body.light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } body.light .mat-badge-content { color: white; background: #9c27b0; } .cdk-high-contrast-active body.light .mat-badge-content { outline: solid 1px; border-radius: 0; } body.light .mat-badge-accent .mat-badge-content { background: #009688; color: white; } body.light .mat-badge-warn .mat-badge-content { color: white; background: #f44336; } body.light .mat-badge-disabled .mat-badge-content { background: #b9b9b9; color: rgba(0, 0, 0, 0.38); } body.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); } body.light .mat-button, body.light .mat-icon-button, body.light .mat-stroked-button { color: inherit; background: transparent; } body.light .mat-button.mat-primary, body.light .mat-icon-button.mat-primary, body.light .mat-stroked-button.mat-primary { color: #9c27b0; } body.light .mat-button.mat-accent, body.light .mat-icon-button.mat-accent, body.light .mat-stroked-button.mat-accent { color: #009688; } body.light .mat-button.mat-warn, body.light .mat-icon-button.mat-warn, body.light .mat-stroked-button.mat-warn { color: #f44336; } body.light .mat-button.mat-primary.mat-button-disabled, body.light .mat-button.mat-accent.mat-button-disabled, body.light .mat-button.mat-warn.mat-button-disabled, body.light .mat-button.mat-button-disabled.mat-button-disabled, body.light .mat-icon-button.mat-primary.mat-button-disabled, body.light .mat-icon-button.mat-accent.mat-button-disabled, body.light .mat-icon-button.mat-warn.mat-button-disabled, body.light .mat-icon-button.mat-button-disabled.mat-button-disabled, body.light .mat-stroked-button.mat-primary.mat-button-disabled, body.light .mat-stroked-button.mat-accent.mat-button-disabled, body.light .mat-stroked-button.mat-warn.mat-button-disabled, body.light .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } body.light .mat-button.mat-primary .mat-button-focus-overlay, body.light .mat-icon-button.mat-primary .mat-button-focus-overlay, body.light .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #9c27b0; } body.light .mat-button.mat-accent .mat-button-focus-overlay, body.light .mat-icon-button.mat-accent .mat-button-focus-overlay, body.light .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #009688; } body.light .mat-button.mat-warn .mat-button-focus-overlay, body.light .mat-icon-button.mat-warn .mat-button-focus-overlay, body.light .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #f44336; } body.light .mat-button.mat-button-disabled .mat-button-focus-overlay, body.light .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, body.light .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } body.light .mat-button .mat-ripple-element, body.light .mat-icon-button .mat-ripple-element, body.light .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } body.light .mat-button-focus-overlay { background: black; } body.light .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(0, 0, 0, 0.12); } body.light .mat-flat-button, body.light .mat-raised-button, body.light .mat-fab, body.light .mat-mini-fab { color: rgba(0, 0, 0, 0.87); background-color: white; } body.light .mat-flat-button.mat-primary, body.light .mat-raised-button.mat-primary, body.light .mat-fab.mat-primary, body.light .mat-mini-fab.mat-primary { color: white; } body.light .mat-flat-button.mat-accent, body.light .mat-raised-button.mat-accent, body.light .mat-fab.mat-accent, body.light .mat-mini-fab.mat-accent { color: white; } body.light .mat-flat-button.mat-warn, body.light .mat-raised-button.mat-warn, body.light .mat-fab.mat-warn, body.light .mat-mini-fab.mat-warn { color: white; } body.light .mat-flat-button.mat-primary.mat-button-disabled, body.light .mat-flat-button.mat-accent.mat-button-disabled, body.light .mat-flat-button.mat-warn.mat-button-disabled, body.light .mat-flat-button.mat-button-disabled.mat-button-disabled, body.light .mat-raised-button.mat-primary.mat-button-disabled, body.light .mat-raised-button.mat-accent.mat-button-disabled, body.light .mat-raised-button.mat-warn.mat-button-disabled, body.light .mat-raised-button.mat-button-disabled.mat-button-disabled, body.light .mat-fab.mat-primary.mat-button-disabled, body.light .mat-fab.mat-accent.mat-button-disabled, body.light .mat-fab.mat-warn.mat-button-disabled, body.light .mat-fab.mat-button-disabled.mat-button-disabled, body.light .mat-mini-fab.mat-primary.mat-button-disabled, body.light .mat-mini-fab.mat-accent.mat-button-disabled, body.light .mat-mini-fab.mat-warn.mat-button-disabled, body.light .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } body.light .mat-flat-button.mat-primary, body.light .mat-raised-button.mat-primary, body.light .mat-fab.mat-primary, body.light .mat-mini-fab.mat-primary { background-color: #9c27b0; } body.light .mat-flat-button.mat-accent, body.light .mat-raised-button.mat-accent, body.light .mat-fab.mat-accent, body.light .mat-mini-fab.mat-accent { background-color: #009688; } body.light .mat-flat-button.mat-warn, body.light .mat-raised-button.mat-warn, body.light .mat-fab.mat-warn, body.light .mat-mini-fab.mat-warn { background-color: #f44336; } body.light .mat-flat-button.mat-primary.mat-button-disabled, body.light .mat-flat-button.mat-accent.mat-button-disabled, body.light .mat-flat-button.mat-warn.mat-button-disabled, body.light .mat-flat-button.mat-button-disabled.mat-button-disabled, body.light .mat-raised-button.mat-primary.mat-button-disabled, body.light .mat-raised-button.mat-accent.mat-button-disabled, body.light .mat-raised-button.mat-warn.mat-button-disabled, body.light .mat-raised-button.mat-button-disabled.mat-button-disabled, body.light .mat-fab.mat-primary.mat-button-disabled, body.light .mat-fab.mat-accent.mat-button-disabled, body.light .mat-fab.mat-warn.mat-button-disabled, body.light .mat-fab.mat-button-disabled.mat-button-disabled, body.light .mat-mini-fab.mat-primary.mat-button-disabled, body.light .mat-mini-fab.mat-accent.mat-button-disabled, body.light .mat-mini-fab.mat-warn.mat-button-disabled, body.light .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(0, 0, 0, 0.12); } body.light .mat-flat-button.mat-primary .mat-ripple-element, body.light .mat-raised-button.mat-primary .mat-ripple-element, body.light .mat-fab.mat-primary .mat-ripple-element, body.light .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } body.light .mat-flat-button.mat-accent .mat-ripple-element, body.light .mat-raised-button.mat-accent .mat-ripple-element, body.light .mat-fab.mat-accent .mat-ripple-element, body.light .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } body.light .mat-flat-button.mat-warn .mat-ripple-element, body.light .mat-raised-button.mat-warn .mat-ripple-element, body.light .mat-fab.mat-warn .mat-ripple-element, body.light .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } body.light .mat-stroked-button:not([class*=mat-elevation-z]), body.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); } body.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); } body.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); } body.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); } body.light .mat-fab:not([class*=mat-elevation-z]), body.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); } body.light .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), body.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); } body.light .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), body.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); } body.light .mat-button-toggle-standalone, body.light .mat-button-toggle-group { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } body.light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, body.light .mat-button-toggle-group-appearance-standard { box-shadow: none; } body.light .mat-button-toggle { color: rgba(0, 0, 0, 0.38); } body.light .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(0, 0, 0, 0.12); } body.light .mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); background: white; } body.light .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: black; } body.light .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px rgba(0, 0, 0, 0.12); } body.light [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } body.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 rgba(0, 0, 0, 0.12); } body.light .mat-button-toggle-checked { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.54); } body.light .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); } body.light .mat-button-toggle-disabled { color: rgba(0, 0, 0, 0.26); background-color: #eeeeee; } body.light .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: white; } body.light .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #bdbdbd; } body.light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, body.light .mat-button-toggle-group-appearance-standard { border: solid 1px rgba(0, 0, 0, 0.12); } .mat-button-toggle-appearance-standard .mat-button-toggle-label-content { line-height: 48px; } body.light .mat-card { background: white; color: rgba(0, 0, 0, 0.87); } body.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); } body.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); } body.light .mat-card-subtitle { color: rgba(0, 0, 0, 0.54); } body.light .mat-checkbox-frame { border-color: rgba(0, 0, 0, 0.54); } body.light .mat-checkbox-checkmark { fill: #fafafa; } body.light .mat-checkbox-checkmark-path { stroke: #fafafa !important; } body.light .mat-checkbox-mixedmark { background-color: #fafafa; } body.light .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, body.light .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #9c27b0; } body.light .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, body.light .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #009688; } body.light .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, body.light .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #f44336; } body.light .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, body.light .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #b0b0b0; } body.light .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #b0b0b0; } body.light .mat-checkbox-disabled .mat-checkbox-label { color: rgba(0, 0, 0, 0.54); } body.light .mat-checkbox .mat-ripple-element { background-color: black; } body.light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, body.light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #9c27b0; } body.light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, body.light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #009688; } body.light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, body.light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #f44336; } body.light .mat-chip.mat-standard-chip { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); } body.light .mat-chip.mat-standard-chip .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } body.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); } body.light .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } body.light .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } body.light .mat-chip.mat-standard-chip::after { background: black; } body.light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #9c27b0; color: white; } body.light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: white; opacity: 0.4; } body.light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } body.light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #f44336; color: white; } body.light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } body.light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } body.light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #009688; color: white; } body.light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: white; opacity: 0.4; } body.light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } body.light .mat-table { background: white; } body.light .mat-table thead, body.light .mat-table tbody, body.light .mat-table tfoot, body.light mat-header-row, body.light mat-row, body.light mat-footer-row, body.light [mat-header-row], body.light [mat-row], body.light [mat-footer-row], body.light .mat-table-sticky { background: inherit; } body.light mat-row, body.light mat-header-row, body.light mat-footer-row, body.light th.mat-header-cell, body.light td.mat-cell, body.light td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.12); } body.light .mat-header-cell { color: rgba(0, 0, 0, 0.54); } body.light .mat-cell, body.light .mat-footer-cell { color: rgba(0, 0, 0, 0.87); } body.light .mat-calendar-arrow { fill: rgba(0, 0, 0, 0.54); } body.light .mat-datepicker-toggle, body.light .mat-datepicker-content .mat-calendar-next-button, body.light .mat-datepicker-content .mat-calendar-previous-button { color: rgba(0, 0, 0, 0.54); } body.light .mat-calendar-table-header-divider::after { background: rgba(0, 0, 0, 0.12); } body.light .mat-calendar-table-header, body.light .mat-calendar-body-label { color: rgba(0, 0, 0, 0.54); } body.light .mat-calendar-body-cell-content, body.light .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.87); border-color: transparent; } body.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); } body.light .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.38); } body.light .mat-calendar-body-in-preview { color: rgba(0, 0, 0, 0.24); } body.light .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.38); } body.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); } body.light .mat-calendar-body-in-range::before { background: rgba(156, 39, 176, 0.2); } body.light .mat-calendar-body-comparison-identical, body.light .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } body.light .mat-calendar-body-comparison-bridge-start::before, body.light [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(156, 39, 176, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } body.light .mat-calendar-body-comparison-bridge-end::before, body.light [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(156, 39, 176, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } body.light .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, body.light .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } body.light .mat-calendar-body-comparison-identical.mat-calendar-body-selected, body.light .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } body.light .mat-calendar-body-selected { background-color: #9c27b0; color: white; } body.light .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(156, 39, 176, 0.4); } body.light .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } body.light .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), body.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(156, 39, 176, 0.3); } @media (hover: hover) { body.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(156, 39, 176, 0.3); } } body.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); } body.light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(0, 150, 136, 0.2); } body.light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, body.light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } body.light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, body.light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(0, 150, 136, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } body.light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, body.light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(0, 150, 136, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } body.light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, body.light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } body.light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, body.light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } body.light .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #009688; color: white; } body.light .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(0, 150, 136, 0.4); } body.light .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } body.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), body.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(0, 150, 136, 0.3); } @media (hover: hover) { body.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(0, 150, 136, 0.3); } } body.light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(244, 67, 54, 0.2); } body.light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, body.light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } body.light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, body.light .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%); } body.light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, body.light .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%); } body.light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, body.light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } body.light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, body.light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } body.light .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #f44336; color: white; } body.light .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(244, 67, 54, 0.4); } body.light .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } body.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), body.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(244, 67, 54, 0.3); } @media (hover: hover) { body.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(244, 67, 54, 0.3); } } body.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); } body.light .mat-datepicker-toggle-active { color: #9c27b0; } body.light .mat-datepicker-toggle-active.mat-accent { color: #009688; } body.light .mat-datepicker-toggle-active.mat-warn { color: #f44336; } body.light .mat-date-range-input-inner[disabled] { color: rgba(0, 0, 0, 0.38); } body.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); } body.light .mat-divider { border-top-color: rgba(0, 0, 0, 0.12); } body.light .mat-divider-vertical { border-right-color: rgba(0, 0, 0, 0.12); } body.light .mat-expansion-panel { background: white; color: rgba(0, 0, 0, 0.87); } body.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); } body.light .mat-action-row { border-top-color: rgba(0, 0, 0, 0.12); } body.light .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), body.light .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), body.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) { body.light .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: white; } } body.light .mat-expansion-panel-header-title { color: rgba(0, 0, 0, 0.87); } body.light .mat-expansion-panel-header-description, body.light .mat-expansion-indicator::after { color: rgba(0, 0, 0, 0.54); } body.light .mat-expansion-panel-header[aria-disabled=true] { color: rgba(0, 0, 0, 0.26); } body.light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, body.light .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; } body.light .mat-form-field-label { color: rgba(0, 0, 0, 0.6); } body.light .mat-hint { color: rgba(0, 0, 0, 0.6); } body.light .mat-form-field.mat-focused .mat-form-field-label { color: #9c27b0; } body.light .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #009688; } body.light .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #f44336; } body.light .mat-focused .mat-form-field-required-marker { color: #009688; } body.light .mat-form-field-ripple { background-color: rgba(0, 0, 0, 0.87); } body.light .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #9c27b0; } body.light .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #009688; } body.light .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #f44336; } body.light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #9c27b0; } body.light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #009688; } body.light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #f44336; } body.light .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #f44336; } body.light .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, body.light .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #f44336; } body.light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, body.light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #f44336; } body.light .mat-error { color: #f44336; } body.light .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(0, 0, 0, 0.54); } body.light .mat-form-field-appearance-legacy .mat-hint { color: rgba(0, 0, 0, 0.54); } body.light .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } body.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; } body.light .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } body.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; } body.light .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.04); } body.light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.02); } body.light .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(0, 0, 0, 0.42); } body.light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } body.light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } body.light .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(0, 0, 0, 0.12); } body.light .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: rgba(0, 0, 0, 0.87); } body.light .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #9c27b0; } body.light .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #009688; } body.light .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #f44336; } body.light .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #f44336; } body.light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } body.light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(0, 0, 0, 0.06); } body.light .mat-icon.mat-primary { color: #9c27b0; } body.light .mat-icon.mat-accent { color: #009688; } body.light .mat-icon.mat-warn { color: #f44336; } body.light .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.54); } body.light .mat-input-element:disabled, body.light .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.38); } body.light .mat-input-element { caret-color: #9c27b0; } body.light .mat-input-element::placeholder { color: rgba(0, 0, 0, 0.42); } body.light .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } body.light .mat-input-element::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } body.light .mat-input-element:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } body.light .mat-form-field.mat-accent .mat-input-element { caret-color: #009688; } body.light .mat-form-field.mat-warn .mat-input-element, body.light .mat-form-field-invalid .mat-input-element { caret-color: #f44336; } body.light .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #f44336; } body.light .mat-list-base .mat-list-item { color: rgba(0, 0, 0, 0.87); } body.light .mat-list-base .mat-list-option { color: rgba(0, 0, 0, 0.87); } body.light .mat-list-base .mat-subheader { color: rgba(0, 0, 0, 0.54); } body.light .mat-list-base .mat-list-item-disabled { background-color: #eeeeee; color: rgba(0, 0, 0, 0.38); } body.light .mat-list-option:hover, body.light .mat-list-option:focus, body.light .mat-nav-list .mat-list-item:hover, body.light .mat-nav-list .mat-list-item:focus, body.light .mat-action-list .mat-list-item:hover, body.light .mat-action-list .mat-list-item:focus { background: rgba(0, 0, 0, 0.04); } body.light .mat-list-single-selected-option, body.light .mat-list-single-selected-option:hover, body.light .mat-list-single-selected-option:focus { background: rgba(0, 0, 0, 0.12); } body.light .mat-menu-panel { background: white; } body.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); } body.light .mat-menu-item { background: transparent; color: rgba(0, 0, 0, 0.87); } body.light .mat-menu-item[disabled], body.light .mat-menu-item[disabled] .mat-menu-submenu-icon, body.light .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(0, 0, 0, 0.38); } body.light .mat-menu-item .mat-icon-no-color, body.light .mat-menu-submenu-icon { color: rgba(0, 0, 0, 0.54); } body.light .mat-menu-item:hover:not([disabled]), body.light .mat-menu-item.cdk-program-focused:not([disabled]), body.light .mat-menu-item.cdk-keyboard-focused:not([disabled]), body.light .mat-menu-item-highlighted:not([disabled]) { background: rgba(0, 0, 0, 0.04); } body.light .mat-paginator { background: white; } body.light .mat-paginator, body.light .mat-paginator-page-size .mat-select-trigger { color: rgba(0, 0, 0, 0.54); } body.light .mat-paginator-decrement, body.light .mat-paginator-increment { border-top: 2px solid rgba(0, 0, 0, 0.54); border-right: 2px solid rgba(0, 0, 0, 0.54); } body.light .mat-paginator-first, body.light .mat-paginator-last { border-top: 2px solid rgba(0, 0, 0, 0.54); } body.light .mat-icon-button[disabled] .mat-paginator-decrement, body.light .mat-icon-button[disabled] .mat-paginator-increment, body.light .mat-icon-button[disabled] .mat-paginator-first, body.light .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(0, 0, 0, 0.38); } .mat-paginator-container { min-height: 56px; } body.light .mat-progress-bar-background { fill: #e3c5e8; } body.light .mat-progress-bar-buffer { background-color: #e3c5e8; } body.light .mat-progress-bar-fill::after { background-color: #9c27b0; } body.light .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #bce1de; } body.light .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #bce1de; } body.light .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #009688; } body.light .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #f9ccc9; } body.light .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #f9ccc9; } body.light .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #f44336; } body.light .mat-progress-spinner circle, body.light .mat-spinner circle { stroke: #9c27b0; } body.light .mat-progress-spinner.mat-accent circle, body.light .mat-spinner.mat-accent circle { stroke: #009688; } body.light .mat-progress-spinner.mat-warn circle, body.light .mat-spinner.mat-warn circle { stroke: #f44336; } body.light .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.54); } body.light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #9c27b0; } body.light .mat-radio-button.mat-primary .mat-radio-inner-circle, body.light .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), body.light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, body.light .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #9c27b0; } body.light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #009688; } body.light .mat-radio-button.mat-accent .mat-radio-inner-circle, body.light .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), body.light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, body.light .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #009688; } body.light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #f44336; } body.light .mat-radio-button.mat-warn .mat-radio-inner-circle, body.light .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), body.light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, body.light .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #f44336; } body.light .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, body.light .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.38); } body.light .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, body.light .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(0, 0, 0, 0.38); } body.light .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(0, 0, 0, 0.38); } body.light .mat-radio-button .mat-ripple-element { background-color: black; } body.light .mat-select-value { color: rgba(0, 0, 0, 0.87); } body.light .mat-select-placeholder { color: rgba(0, 0, 0, 0.42); } body.light .mat-select-disabled .mat-select-value { color: rgba(0, 0, 0, 0.38); } body.light .mat-select-arrow { color: rgba(0, 0, 0, 0.54); } body.light .mat-select-panel { background: white; } body.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); } body.light .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(0, 0, 0, 0.12); } body.light .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #9c27b0; } body.light .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #009688; } body.light .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #f44336; } body.light .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #f44336; } body.light .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(0, 0, 0, 0.38); } body.light .mat-drawer-container { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } body.light .mat-drawer { background-color: white; color: rgba(0, 0, 0, 0.87); } body.light .mat-drawer.mat-drawer-push { background-color: white; } body.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); } body.light .mat-drawer-side { border-right: solid 1px rgba(0, 0, 0, 0.12); } body.light .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } body.light [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } body.light [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } body.light .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(0, 0, 0, 0.6); } body.light .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #009688; } body.light .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(0, 150, 136, 0.54); } body.light .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #009688; } body.light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #9c27b0; } body.light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(156, 39, 176, 0.54); } body.light .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #9c27b0; } body.light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #f44336; } body.light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(244, 67, 54, 0.54); } body.light .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #f44336; } body.light .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: black; } body.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; } body.light .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.38); } body.light .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } body.light .mat-slider.mat-primary .mat-slider-track-fill, body.light .mat-slider.mat-primary .mat-slider-thumb, body.light .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #9c27b0; } body.light .mat-slider.mat-primary .mat-slider-thumb-label-text { color: white; } body.light .mat-slider.mat-primary .mat-slider-focus-ring { background-color: rgba(156, 39, 176, 0.2); } body.light .mat-slider.mat-accent .mat-slider-track-fill, body.light .mat-slider.mat-accent .mat-slider-thumb, body.light .mat-slider.mat-accent .mat-slider-thumb-label { background-color: #009688; } body.light .mat-slider.mat-accent .mat-slider-thumb-label-text { color: white; } body.light .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(0, 150, 136, 0.2); } body.light .mat-slider.mat-warn .mat-slider-track-fill, body.light .mat-slider.mat-warn .mat-slider-thumb, body.light .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #f44336; } body.light .mat-slider.mat-warn .mat-slider-thumb-label-text { color: white; } body.light .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(244, 67, 54, 0.2); } body.light .mat-slider:hover .mat-slider-track-background, body.light .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.38); } body.light .mat-slider.mat-slider-disabled .mat-slider-track-background, body.light .mat-slider.mat-slider-disabled .mat-slider-track-fill, body.light .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(0, 0, 0, 0.26); } body.light .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } body.light .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(0, 0, 0, 0.12); } body.light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, body.light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.87); } body.light .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, body.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); } body.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; } body.light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, body.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); } body.light .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, body.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); } body.light .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(0, 0, 0, 0.7); } body.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); } body.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); } body.light .mat-step-header.cdk-keyboard-focused, body.light .mat-step-header.cdk-program-focused, body.light .mat-step-header:hover:not([aria-disabled]), body.light .mat-step-header:hover[aria-disabled=false] { background-color: rgba(0, 0, 0, 0.04); } body.light .mat-step-header:hover[aria-disabled=true] { cursor: default; } @media (hover: none) { body.light .mat-step-header:hover { background: none; } } body.light .mat-step-header .mat-step-label, body.light .mat-step-header .mat-step-optional { color: rgba(0, 0, 0, 0.54); } body.light .mat-step-header .mat-step-icon { background-color: rgba(0, 0, 0, 0.54); color: white; } body.light .mat-step-header .mat-step-icon-selected, body.light .mat-step-header .mat-step-icon-state-done, body.light .mat-step-header .mat-step-icon-state-edit { background-color: #9c27b0; color: white; } body.light .mat-step-header.mat-accent .mat-step-icon { color: white; } body.light .mat-step-header.mat-accent .mat-step-icon-selected, body.light .mat-step-header.mat-accent .mat-step-icon-state-done, body.light .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #009688; color: white; } body.light .mat-step-header.mat-warn .mat-step-icon { color: white; } body.light .mat-step-header.mat-warn .mat-step-icon-selected, body.light .mat-step-header.mat-warn .mat-step-icon-state-done, body.light .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #f44336; color: white; } body.light .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #f44336; } body.light .mat-step-header .mat-step-label.mat-step-label-active { color: rgba(0, 0, 0, 0.87); } body.light .mat-step-header .mat-step-label.mat-step-label-error { color: #f44336; } body.light .mat-stepper-horizontal, body.light .mat-stepper-vertical { background-color: white; } body.light .mat-stepper-vertical-line::before { border-left-color: rgba(0, 0, 0, 0.12); } body.light .mat-horizontal-stepper-header::before, body.light .mat-horizontal-stepper-header::after, body.light .mat-stepper-horizontal-line { border-top-color: rgba(0, 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; } body.light .mat-sort-header-arrow { color: #757575; } body.light .mat-tab-nav-bar, body.light .mat-tab-header { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } body.light .mat-tab-group-inverted-header .mat-tab-nav-bar, body.light .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: none; } body.light .mat-tab-label, body.light .mat-tab-link { color: rgba(0, 0, 0, 0.87); } body.light .mat-tab-label.mat-tab-disabled, body.light .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.38); } body.light .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.87); } body.light .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.38); } body.light .mat-tab-group[class*=mat-background-] > .mat-tab-header, body.light .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } body.light .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.light .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.light .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.light .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), body.light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(225, 190, 231, 0.3); } body.light .mat-tab-group.mat-primary .mat-ink-bar, body.light .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #9c27b0; } body.light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, body.light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, body.light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, body.light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: white; } body.light .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.light .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.light .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.light .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), body.light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(178, 223, 219, 0.3); } body.light .mat-tab-group.mat-accent .mat-ink-bar, body.light .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #009688; } body.light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, body.light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, body.light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, body.light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: white; } body.light .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.light .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.light .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.light .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), body.light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } body.light .mat-tab-group.mat-warn .mat-ink-bar, body.light .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #f44336; } body.light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, body.light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, body.light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, body.light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: white; } body.light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), body.light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(225, 190, 231, 0.3); } body.light .mat-tab-group.mat-background-primary > .mat-tab-header, body.light .mat-tab-group.mat-background-primary > .mat-tab-link-container, body.light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, body.light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, body.light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, body.light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #9c27b0; } body.light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, body.light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, body.light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, body.light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: white; } body.light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, body.light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, body.light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, body.light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } body.light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, body.light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, body.light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, body.light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, body.light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, body.light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, body.light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, body.light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: white; } body.light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, body.light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, body.light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, body.light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } body.light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, body.light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, body.light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, body.light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, body.light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, body.light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } body.light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), body.light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(178, 223, 219, 0.3); } body.light .mat-tab-group.mat-background-accent > .mat-tab-header, body.light .mat-tab-group.mat-background-accent > .mat-tab-link-container, body.light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, body.light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, body.light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, body.light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #009688; } body.light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, body.light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, body.light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, body.light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: white; } body.light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, body.light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, body.light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, body.light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } body.light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, body.light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, body.light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, body.light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, body.light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, body.light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, body.light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, body.light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: white; } body.light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, body.light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, body.light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, body.light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } body.light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, body.light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, body.light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, body.light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, body.light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, body.light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } body.light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), body.light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } body.light .mat-tab-group.mat-background-warn > .mat-tab-header, body.light .mat-tab-group.mat-background-warn > .mat-tab-link-container, body.light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, body.light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, body.light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, body.light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #f44336; } body.light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, body.light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, body.light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, body.light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: white; } body.light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, body.light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, body.light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, body.light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } body.light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, body.light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, body.light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, body.light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, body.light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, body.light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, body.light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, body.light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: white; } body.light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, body.light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, body.light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, body.light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } body.light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, body.light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, body.light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, body.light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, body.light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, body.light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } body.light .mat-toolbar { background: whitesmoke; color: rgba(0, 0, 0, 0.87); } body.light .mat-toolbar.mat-primary { background: #9c27b0; color: white; } body.light .mat-toolbar.mat-accent { background: #009688; color: white; } body.light .mat-toolbar.mat-warn { background: #f44336; color: white; } body.light .mat-toolbar .mat-form-field-underline, body.light .mat-toolbar .mat-form-field-ripple, body.light .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } body.light .mat-toolbar .mat-form-field-label, body.light .mat-toolbar .mat-focused .mat-form-field-label, body.light .mat-toolbar .mat-select-value, body.light .mat-toolbar .mat-select-arrow, body.light .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } body.light .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; } } body.light .mat-tooltip { background: rgba(97, 97, 97, 0.9); } body.light .mat-tree { background: white; } body.light .mat-tree-node, body.light .mat-nested-tree-node { color: rgba(0, 0, 0, 0.87); } .mat-tree-node { min-height: 48px; } body.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); } body.light .mat-simple-snackbar-action { color: #009688; } body.dark { color: white; background-color: #303030; } body.dark .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } body.dark .mat-option { color: white; } body.dark .mat-option:hover:not(.mat-option-disabled), body.dark .mat-option:focus:not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } body.dark .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } body.dark .mat-option.mat-active { background: rgba(255, 255, 255, 0.04); color: white; } body.dark .mat-option.mat-option-disabled { color: rgba(255, 255, 255, 0.5); } body.dark .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #4caf50; } body.dark .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #009688; } body.dark .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #f44336; } body.dark .mat-optgroup-label { color: rgba(255, 255, 255, 0.7); } body.dark .mat-optgroup-disabled .mat-optgroup-label { color: rgba(255, 255, 255, 0.5); } body.dark .mat-pseudo-checkbox { color: rgba(255, 255, 255, 0.7); } body.dark .mat-pseudo-checkbox::after { color: #303030; } body.dark .mat-pseudo-checkbox-disabled { color: #686868; } body.dark .mat-primary .mat-pseudo-checkbox-checked, body.dark .mat-primary .mat-pseudo-checkbox-indeterminate { background: #4caf50; } body.dark .mat-pseudo-checkbox-checked, body.dark .mat-pseudo-checkbox-indeterminate, body.dark .mat-accent .mat-pseudo-checkbox-checked, body.dark .mat-accent .mat-pseudo-checkbox-indeterminate { background: #009688; } body.dark .mat-warn .mat-pseudo-checkbox-checked, body.dark .mat-warn .mat-pseudo-checkbox-indeterminate { background: #f44336; } body.dark .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, body.dark .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #686868; } body.dark .mat-app-background, body.dark.mat-app-background { background-color: #303030; color: white; } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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); } body.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; } body.dark .mat-autocomplete-panel { background: #424242; color: white; } body.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); } body.dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: #424242; } body.dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: white; } body.dark .mat-badge { position: relative; } body.dark .mat-badge-hidden .mat-badge-content { display: none; } body.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; } body.dark .ng-animate-disabled .mat-badge-content, body.dark .mat-badge-content._mat-animation-noopable { transition: none; } body.dark .mat-badge-content.mat-badge-active { transform: none; } body.dark .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } body.dark .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } body.dark .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } body.dark .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] body.dark .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } body.dark .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] body.dark .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } body.dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] body.dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } body.dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] body.dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } body.dark .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } body.dark .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } body.dark .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } body.dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] body.dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } body.dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] body.dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } body.dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] body.dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } body.dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] body.dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } body.dark .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } body.dark .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } body.dark .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } body.dark .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] body.dark .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } body.dark .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] body.dark .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } body.dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] body.dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } body.dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] body.dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } body.dark .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #4caf50; } .cdk-high-contrast-active body.dark .mat-badge-content { outline: solid 1px; border-radius: 0; } body.dark .mat-badge-accent .mat-badge-content { background: #009688; color: white; } body.dark .mat-badge-warn .mat-badge-content { color: white; background: #f44336; } body.dark .mat-badge-disabled .mat-badge-content { background: #6e6e6e; color: rgba(255, 255, 255, 0.5); } body.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; } body.dark .mat-button, body.dark .mat-icon-button, body.dark .mat-stroked-button { color: inherit; background: transparent; } body.dark .mat-button.mat-primary, body.dark .mat-icon-button.mat-primary, body.dark .mat-stroked-button.mat-primary { color: #4caf50; } body.dark .mat-button.mat-accent, body.dark .mat-icon-button.mat-accent, body.dark .mat-stroked-button.mat-accent { color: #009688; } body.dark .mat-button.mat-warn, body.dark .mat-icon-button.mat-warn, body.dark .mat-stroked-button.mat-warn { color: #f44336; } body.dark .mat-button.mat-primary.mat-button-disabled, body.dark .mat-button.mat-accent.mat-button-disabled, body.dark .mat-button.mat-warn.mat-button-disabled, body.dark .mat-button.mat-button-disabled.mat-button-disabled, body.dark .mat-icon-button.mat-primary.mat-button-disabled, body.dark .mat-icon-button.mat-accent.mat-button-disabled, body.dark .mat-icon-button.mat-warn.mat-button-disabled, body.dark .mat-icon-button.mat-button-disabled.mat-button-disabled, body.dark .mat-stroked-button.mat-primary.mat-button-disabled, body.dark .mat-stroked-button.mat-accent.mat-button-disabled, body.dark .mat-stroked-button.mat-warn.mat-button-disabled, body.dark .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } body.dark .mat-button.mat-primary .mat-button-focus-overlay, body.dark .mat-icon-button.mat-primary .mat-button-focus-overlay, body.dark .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #4caf50; } body.dark .mat-button.mat-accent .mat-button-focus-overlay, body.dark .mat-icon-button.mat-accent .mat-button-focus-overlay, body.dark .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #009688; } body.dark .mat-button.mat-warn .mat-button-focus-overlay, body.dark .mat-icon-button.mat-warn .mat-button-focus-overlay, body.dark .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #f44336; } body.dark .mat-button.mat-button-disabled .mat-button-focus-overlay, body.dark .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, body.dark .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } body.dark .mat-button .mat-ripple-element, body.dark .mat-icon-button .mat-ripple-element, body.dark .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } body.dark .mat-button-focus-overlay { background: white; } body.dark .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(255, 255, 255, 0.12); } body.dark .mat-flat-button, body.dark .mat-raised-button, body.dark .mat-fab, body.dark .mat-mini-fab { color: white; background-color: #424242; } body.dark .mat-flat-button.mat-primary, body.dark .mat-raised-button.mat-primary, body.dark .mat-fab.mat-primary, body.dark .mat-mini-fab.mat-primary { color: rgba(0, 0, 0, 0.87); } body.dark .mat-flat-button.mat-accent, body.dark .mat-raised-button.mat-accent, body.dark .mat-fab.mat-accent, body.dark .mat-mini-fab.mat-accent { color: white; } body.dark .mat-flat-button.mat-warn, body.dark .mat-raised-button.mat-warn, body.dark .mat-fab.mat-warn, body.dark .mat-mini-fab.mat-warn { color: white; } body.dark .mat-flat-button.mat-primary.mat-button-disabled, body.dark .mat-flat-button.mat-accent.mat-button-disabled, body.dark .mat-flat-button.mat-warn.mat-button-disabled, body.dark .mat-flat-button.mat-button-disabled.mat-button-disabled, body.dark .mat-raised-button.mat-primary.mat-button-disabled, body.dark .mat-raised-button.mat-accent.mat-button-disabled, body.dark .mat-raised-button.mat-warn.mat-button-disabled, body.dark .mat-raised-button.mat-button-disabled.mat-button-disabled, body.dark .mat-fab.mat-primary.mat-button-disabled, body.dark .mat-fab.mat-accent.mat-button-disabled, body.dark .mat-fab.mat-warn.mat-button-disabled, body.dark .mat-fab.mat-button-disabled.mat-button-disabled, body.dark .mat-mini-fab.mat-primary.mat-button-disabled, body.dark .mat-mini-fab.mat-accent.mat-button-disabled, body.dark .mat-mini-fab.mat-warn.mat-button-disabled, body.dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } body.dark .mat-flat-button.mat-primary, body.dark .mat-raised-button.mat-primary, body.dark .mat-fab.mat-primary, body.dark .mat-mini-fab.mat-primary { background-color: #4caf50; } body.dark .mat-flat-button.mat-accent, body.dark .mat-raised-button.mat-accent, body.dark .mat-fab.mat-accent, body.dark .mat-mini-fab.mat-accent { background-color: #009688; } body.dark .mat-flat-button.mat-warn, body.dark .mat-raised-button.mat-warn, body.dark .mat-fab.mat-warn, body.dark .mat-mini-fab.mat-warn { background-color: #f44336; } body.dark .mat-flat-button.mat-primary.mat-button-disabled, body.dark .mat-flat-button.mat-accent.mat-button-disabled, body.dark .mat-flat-button.mat-warn.mat-button-disabled, body.dark .mat-flat-button.mat-button-disabled.mat-button-disabled, body.dark .mat-raised-button.mat-primary.mat-button-disabled, body.dark .mat-raised-button.mat-accent.mat-button-disabled, body.dark .mat-raised-button.mat-warn.mat-button-disabled, body.dark .mat-raised-button.mat-button-disabled.mat-button-disabled, body.dark .mat-fab.mat-primary.mat-button-disabled, body.dark .mat-fab.mat-accent.mat-button-disabled, body.dark .mat-fab.mat-warn.mat-button-disabled, body.dark .mat-fab.mat-button-disabled.mat-button-disabled, body.dark .mat-mini-fab.mat-primary.mat-button-disabled, body.dark .mat-mini-fab.mat-accent.mat-button-disabled, body.dark .mat-mini-fab.mat-warn.mat-button-disabled, body.dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(255, 255, 255, 0.12); } body.dark .mat-flat-button.mat-primary .mat-ripple-element, body.dark .mat-raised-button.mat-primary .mat-ripple-element, body.dark .mat-fab.mat-primary .mat-ripple-element, body.dark .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } body.dark .mat-flat-button.mat-accent .mat-ripple-element, body.dark .mat-raised-button.mat-accent .mat-ripple-element, body.dark .mat-fab.mat-accent .mat-ripple-element, body.dark .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } body.dark .mat-flat-button.mat-warn .mat-ripple-element, body.dark .mat-raised-button.mat-warn .mat-ripple-element, body.dark .mat-fab.mat-warn .mat-ripple-element, body.dark .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } body.dark .mat-stroked-button:not([class*=mat-elevation-z]), body.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); } body.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); } body.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); } body.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); } body.dark .mat-fab:not([class*=mat-elevation-z]), body.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); } body.dark .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), body.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); } body.dark .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), body.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); } body.dark .mat-button-toggle-standalone, body.dark .mat-button-toggle-group { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } body.dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, body.dark .mat-button-toggle-group-appearance-standard { box-shadow: none; } body.dark .mat-button-toggle { color: rgba(255, 255, 255, 0.5); } body.dark .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(255, 255, 255, 0.12); } body.dark .mat-button-toggle-appearance-standard { color: white; background: #424242; } body.dark .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: white; } body.dark .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px rgba(255, 255, 255, 0.12); } body.dark [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px rgba(255, 255, 255, 0.12); } body.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 rgba(255, 255, 255, 0.12); } body.dark .mat-button-toggle-checked { background-color: #212121; color: rgba(255, 255, 255, 0.7); } body.dark .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: white; } body.dark .mat-button-toggle-disabled { color: rgba(255, 255, 255, 0.3); background-color: black; } body.dark .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: #424242; } body.dark .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #424242; } body.dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, body.dark .mat-button-toggle-group-appearance-standard { border: solid 1px rgba(255, 255, 255, 0.12); } body.dark .mat-card { background: #424242; color: white; } body.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); } body.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); } body.dark .mat-card-subtitle { color: rgba(255, 255, 255, 0.7); } body.dark .mat-checkbox-frame { border-color: rgba(255, 255, 255, 0.7); } body.dark .mat-checkbox-checkmark { fill: #303030; } body.dark .mat-checkbox-checkmark-path { stroke: #303030 !important; } body.dark .mat-checkbox-mixedmark { background-color: #303030; } body.dark .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, body.dark .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #4caf50; } body.dark .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, body.dark .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #009688; } body.dark .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, body.dark .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #f44336; } body.dark .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, body.dark .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #686868; } body.dark .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #686868; } body.dark .mat-checkbox-disabled .mat-checkbox-label { color: rgba(255, 255, 255, 0.7); } body.dark .mat-checkbox .mat-ripple-element { background-color: white; } body.dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, body.dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #4caf50; } body.dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, body.dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #009688; } body.dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, body.dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #f44336; } body.dark .mat-chip.mat-standard-chip { background-color: #616161; color: white; } body.dark .mat-chip.mat-standard-chip .mat-chip-remove { color: white; opacity: 0.4; } body.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); } body.dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } body.dark .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } body.dark .mat-chip.mat-standard-chip::after { background: white; } body.dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #4caf50; color: rgba(0, 0, 0, 0.87); } body.dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } body.dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } body.dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #f44336; color: white; } body.dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } body.dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } body.dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #009688; color: white; } body.dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: white; opacity: 0.4; } body.dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } body.dark .mat-table { background: #424242; } body.dark .mat-table thead, body.dark .mat-table tbody, body.dark .mat-table tfoot, body.dark mat-header-row, body.dark mat-row, body.dark mat-footer-row, body.dark [mat-header-row], body.dark [mat-row], body.dark [mat-footer-row], body.dark .mat-table-sticky { background: inherit; } body.dark mat-row, body.dark mat-header-row, body.dark mat-footer-row, body.dark th.mat-header-cell, body.dark td.mat-cell, body.dark td.mat-footer-cell { border-bottom-color: rgba(255, 255, 255, 0.12); } body.dark .mat-header-cell { color: rgba(255, 255, 255, 0.7); } body.dark .mat-cell, body.dark .mat-footer-cell { color: white; } body.dark .mat-calendar-arrow { fill: white; } body.dark .mat-datepicker-toggle, body.dark .mat-datepicker-content .mat-calendar-next-button, body.dark .mat-datepicker-content .mat-calendar-previous-button { color: white; } body.dark .mat-calendar-table-header-divider::after { background: rgba(255, 255, 255, 0.12); } body.dark .mat-calendar-table-header, body.dark .mat-calendar-body-label { color: rgba(255, 255, 255, 0.7); } body.dark .mat-calendar-body-cell-content, body.dark .mat-date-range-input-separator { color: white; border-color: transparent; } body.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); } body.dark .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(255, 255, 255, 0.5); } body.dark .mat-calendar-body-in-preview { color: rgba(255, 255, 255, 0.24); } body.dark .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.5); } body.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); } body.dark .mat-calendar-body-in-range::before { background: rgba(76, 175, 80, 0.2); } body.dark .mat-calendar-body-comparison-identical, body.dark .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } body.dark .mat-calendar-body-comparison-bridge-start::before, body.dark [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(76, 175, 80, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } body.dark .mat-calendar-body-comparison-bridge-end::before, body.dark [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(76, 175, 80, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } body.dark .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, body.dark .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } body.dark .mat-calendar-body-comparison-identical.mat-calendar-body-selected, body.dark .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } body.dark .mat-calendar-body-selected { background-color: #4caf50; color: rgba(0, 0, 0, 0.87); } body.dark .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(76, 175, 80, 0.4); } body.dark .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } body.dark .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), body.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(76, 175, 80, 0.3); } @media (hover: hover) { body.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(76, 175, 80, 0.3); } } body.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; } body.dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(0, 150, 136, 0.2); } body.dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, body.dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } body.dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, body.dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(0, 150, 136, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } body.dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, body.dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(0, 150, 136, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } body.dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, body.dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } body.dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, body.dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } body.dark .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #009688; color: white; } body.dark .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(0, 150, 136, 0.4); } body.dark .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } body.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), body.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(0, 150, 136, 0.3); } @media (hover: hover) { body.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(0, 150, 136, 0.3); } } body.dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(244, 67, 54, 0.2); } body.dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, body.dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } body.dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, body.dark .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%); } body.dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, body.dark .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%); } body.dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, body.dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } body.dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, body.dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } body.dark .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #f44336; color: white; } body.dark .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(244, 67, 54, 0.4); } body.dark .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } body.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), body.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(244, 67, 54, 0.3); } @media (hover: hover) { body.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(244, 67, 54, 0.3); } } body.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); } body.dark .mat-datepicker-toggle-active { color: #4caf50; } body.dark .mat-datepicker-toggle-active.mat-accent { color: #009688; } body.dark .mat-datepicker-toggle-active.mat-warn { color: #f44336; } body.dark .mat-date-range-input-inner[disabled] { color: rgba(255, 255, 255, 0.5); } body.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; } body.dark .mat-divider { border-top-color: rgba(255, 255, 255, 0.12); } body.dark .mat-divider-vertical { border-right-color: rgba(255, 255, 255, 0.12); } body.dark .mat-expansion-panel { background: #424242; color: white; } body.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); } body.dark .mat-action-row { border-top-color: rgba(255, 255, 255, 0.12); } body.dark .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), body.dark .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), body.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) { body.dark .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: #424242; } } body.dark .mat-expansion-panel-header-title { color: white; } body.dark .mat-expansion-panel-header-description, body.dark .mat-expansion-indicator::after { color: rgba(255, 255, 255, 0.7); } body.dark .mat-expansion-panel-header[aria-disabled=true] { color: rgba(255, 255, 255, 0.3); } body.dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, body.dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } body.dark .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } body.dark .mat-hint { color: rgba(255, 255, 255, 0.7); } body.dark .mat-form-field.mat-focused .mat-form-field-label { color: #4caf50; } body.dark .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #009688; } body.dark .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #f44336; } body.dark .mat-focused .mat-form-field-required-marker { color: #009688; } body.dark .mat-form-field-ripple { background-color: white; } body.dark .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #4caf50; } body.dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #009688; } body.dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #f44336; } body.dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #4caf50; } body.dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #009688; } body.dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #f44336; } body.dark .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #f44336; } body.dark .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, body.dark .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #f44336; } body.dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, body.dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #f44336; } body.dark .mat-error { color: #f44336; } body.dark .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } body.dark .mat-form-field-appearance-legacy .mat-hint { color: rgba(255, 255, 255, 0.7); } body.dark .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } body.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; } body.dark .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } body.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; } body.dark .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.1); } body.dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.05); } body.dark .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(255, 255, 255, 0.5); } body.dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } body.dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } body.dark .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(255, 255, 255, 0.3); } body.dark .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: white; } body.dark .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #4caf50; } body.dark .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #009688; } body.dark .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #f44336; } body.dark .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #f44336; } body.dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } body.dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(255, 255, 255, 0.15); } body.dark .mat-icon.mat-primary { color: #4caf50; } body.dark .mat-icon.mat-accent { color: #009688; } body.dark .mat-icon.mat-warn { color: #f44336; } body.dark .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.7); } body.dark .mat-input-element:disabled, body.dark .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.5); } body.dark .mat-input-element { caret-color: #4caf50; } body.dark .mat-input-element::placeholder { color: rgba(255, 255, 255, 0.5); } body.dark .mat-input-element::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } body.dark .mat-input-element::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } body.dark .mat-input-element:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } body.dark .mat-input-element:not(.mat-native-select-inline) option { color: rgba(0, 0, 0, 0.87); } body.dark .mat-input-element:not(.mat-native-select-inline) option:disabled { color: rgba(0, 0, 0, 0.38); } body.dark .mat-form-field.mat-accent .mat-input-element { caret-color: #009688; } body.dark .mat-form-field.mat-warn .mat-input-element, body.dark .mat-form-field-invalid .mat-input-element { caret-color: #f44336; } body.dark .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #f44336; } body.dark .mat-list-base .mat-list-item { color: white; } body.dark .mat-list-base .mat-list-option { color: white; } body.dark .mat-list-base .mat-subheader { color: rgba(255, 255, 255, 0.7); } body.dark .mat-list-base .mat-list-item-disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } body.dark .mat-list-option:hover, body.dark .mat-list-option:focus, body.dark .mat-nav-list .mat-list-item:hover, body.dark .mat-nav-list .mat-list-item:focus, body.dark .mat-action-list .mat-list-item:hover, body.dark .mat-action-list .mat-list-item:focus { background: rgba(255, 255, 255, 0.04); } body.dark .mat-list-single-selected-option, body.dark .mat-list-single-selected-option:hover, body.dark .mat-list-single-selected-option:focus { background: rgba(255, 255, 255, 0.12); } body.dark .mat-menu-panel { background: #424242; } body.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); } body.dark .mat-menu-item { background: transparent; color: white; } body.dark .mat-menu-item[disabled], body.dark .mat-menu-item[disabled] .mat-menu-submenu-icon, body.dark .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(255, 255, 255, 0.5); } body.dark .mat-menu-item .mat-icon-no-color, body.dark .mat-menu-submenu-icon { color: white; } body.dark .mat-menu-item:hover:not([disabled]), body.dark .mat-menu-item.cdk-program-focused:not([disabled]), body.dark .mat-menu-item.cdk-keyboard-focused:not([disabled]), body.dark .mat-menu-item-highlighted:not([disabled]) { background: rgba(255, 255, 255, 0.04); } body.dark .mat-paginator { background: #424242; } body.dark .mat-paginator, body.dark .mat-paginator-page-size .mat-select-trigger { color: rgba(255, 255, 255, 0.7); } body.dark .mat-paginator-decrement, body.dark .mat-paginator-increment { border-top: 2px solid white; border-right: 2px solid white; } body.dark .mat-paginator-first, body.dark .mat-paginator-last { border-top: 2px solid white; } body.dark .mat-icon-button[disabled] .mat-paginator-decrement, body.dark .mat-icon-button[disabled] .mat-paginator-increment, body.dark .mat-icon-button[disabled] .mat-paginator-first, body.dark .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(255, 255, 255, 0.5); } body.dark .mat-progress-bar-background { fill: #375038; } body.dark .mat-progress-bar-buffer { background-color: #375038; } body.dark .mat-progress-bar-fill::after { background-color: #4caf50; } body.dark .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #244a46; } body.dark .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #244a46; } body.dark .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #009688; } body.dark .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #613532; } body.dark .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #613532; } body.dark .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #f44336; } body.dark .mat-progress-spinner circle, body.dark .mat-spinner circle { stroke: #4caf50; } body.dark .mat-progress-spinner.mat-accent circle, body.dark .mat-spinner.mat-accent circle { stroke: #009688; } body.dark .mat-progress-spinner.mat-warn circle, body.dark .mat-spinner.mat-warn circle { stroke: #f44336; } body.dark .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.7); } body.dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #4caf50; } body.dark .mat-radio-button.mat-primary .mat-radio-inner-circle, body.dark .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), body.dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, body.dark .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #4caf50; } body.dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #009688; } body.dark .mat-radio-button.mat-accent .mat-radio-inner-circle, body.dark .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), body.dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, body.dark .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #009688; } body.dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #f44336; } body.dark .mat-radio-button.mat-warn .mat-radio-inner-circle, body.dark .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), body.dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, body.dark .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #f44336; } body.dark .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, body.dark .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.5); } body.dark .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, body.dark .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(255, 255, 255, 0.5); } body.dark .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(255, 255, 255, 0.5); } body.dark .mat-radio-button .mat-ripple-element { background-color: white; } body.dark .mat-select-value { color: white; } body.dark .mat-select-placeholder { color: rgba(255, 255, 255, 0.5); } body.dark .mat-select-disabled .mat-select-value { color: rgba(255, 255, 255, 0.5); } body.dark .mat-select-arrow { color: rgba(255, 255, 255, 0.7); } body.dark .mat-select-panel { background: #424242; } body.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); } body.dark .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(255, 255, 255, 0.12); } body.dark .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #4caf50; } body.dark .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #009688; } body.dark .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #f44336; } body.dark .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #f44336; } body.dark .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(255, 255, 255, 0.5); } body.dark .mat-drawer-container { background-color: #303030; color: white; } body.dark .mat-drawer { background-color: #424242; color: white; } body.dark .mat-drawer.mat-drawer-push { background-color: #424242; } body.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); } body.dark .mat-drawer-side { border-right: solid 1px rgba(255, 255, 255, 0.12); } body.dark .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } body.dark [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } body.dark [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(255, 255, 255, 0.12); } body.dark .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(189, 189, 189, 0.6); } body.dark .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #009688; } body.dark .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(0, 150, 136, 0.54); } body.dark .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #009688; } body.dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #4caf50; } body.dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(76, 175, 80, 0.54); } body.dark .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #4caf50; } body.dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #f44336; } body.dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(244, 67, 54, 0.54); } body.dark .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #f44336; } body.dark .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: white; } body.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; } body.dark .mat-slide-toggle-bar { background-color: rgba(255, 255, 255, 0.5); } body.dark .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } body.dark .mat-slider.mat-primary .mat-slider-track-fill, body.dark .mat-slider.mat-primary .mat-slider-thumb, body.dark .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #4caf50; } body.dark .mat-slider.mat-primary .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } body.dark .mat-slider.mat-primary .mat-slider-focus-ring { background-color: rgba(76, 175, 80, 0.2); } body.dark .mat-slider.mat-accent .mat-slider-track-fill, body.dark .mat-slider.mat-accent .mat-slider-thumb, body.dark .mat-slider.mat-accent .mat-slider-thumb-label { background-color: #009688; } body.dark .mat-slider.mat-accent .mat-slider-thumb-label-text { color: white; } body.dark .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(0, 150, 136, 0.2); } body.dark .mat-slider.mat-warn .mat-slider-track-fill, body.dark .mat-slider.mat-warn .mat-slider-thumb, body.dark .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #f44336; } body.dark .mat-slider.mat-warn .mat-slider-thumb-label-text { color: white; } body.dark .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(244, 67, 54, 0.2); } body.dark .mat-slider:hover .mat-slider-track-background, body.dark .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } body.dark .mat-slider.mat-slider-disabled .mat-slider-track-background, body.dark .mat-slider.mat-slider-disabled .mat-slider-track-fill, body.dark .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(255, 255, 255, 0.3); } body.dark .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } body.dark .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(255, 255, 255, 0.12); } body.dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, body.dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: white; } body.dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, body.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); } body.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; } body.dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, body.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); } body.dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, body.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); } body.dark .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(255, 255, 255, 0.7); } body.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); } body.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); } body.dark .mat-step-header.cdk-keyboard-focused, body.dark .mat-step-header.cdk-program-focused, body.dark .mat-step-header:hover:not([aria-disabled]), body.dark .mat-step-header:hover[aria-disabled=false] { background-color: rgba(255, 255, 255, 0.04); } body.dark .mat-step-header:hover[aria-disabled=true] { cursor: default; } @media (hover: none) { body.dark .mat-step-header:hover { background: none; } } body.dark .mat-step-header .mat-step-label, body.dark .mat-step-header .mat-step-optional { color: rgba(255, 255, 255, 0.7); } body.dark .mat-step-header .mat-step-icon { background-color: rgba(255, 255, 255, 0.7); color: rgba(0, 0, 0, 0.87); } body.dark .mat-step-header .mat-step-icon-selected, body.dark .mat-step-header .mat-step-icon-state-done, body.dark .mat-step-header .mat-step-icon-state-edit { background-color: #4caf50; color: rgba(0, 0, 0, 0.87); } body.dark .mat-step-header.mat-accent .mat-step-icon { color: white; } body.dark .mat-step-header.mat-accent .mat-step-icon-selected, body.dark .mat-step-header.mat-accent .mat-step-icon-state-done, body.dark .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #009688; color: white; } body.dark .mat-step-header.mat-warn .mat-step-icon { color: white; } body.dark .mat-step-header.mat-warn .mat-step-icon-selected, body.dark .mat-step-header.mat-warn .mat-step-icon-state-done, body.dark .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #f44336; color: white; } body.dark .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #f44336; } body.dark .mat-step-header .mat-step-label.mat-step-label-active { color: white; } body.dark .mat-step-header .mat-step-label.mat-step-label-error { color: #f44336; } body.dark .mat-stepper-horizontal, body.dark .mat-stepper-vertical { background-color: #424242; } body.dark .mat-stepper-vertical-line::before { border-left-color: rgba(255, 255, 255, 0.12); } body.dark .mat-horizontal-stepper-header::before, body.dark .mat-horizontal-stepper-header::after, body.dark .mat-stepper-horizontal-line { border-top-color: rgba(255, 255, 255, 0.12); } body.dark .mat-sort-header-arrow { color: #c6c6c6; } body.dark .mat-tab-nav-bar, body.dark .mat-tab-header { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } body.dark .mat-tab-group-inverted-header .mat-tab-nav-bar, body.dark .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(255, 255, 255, 0.12); border-bottom: none; } body.dark .mat-tab-label, body.dark .mat-tab-link { color: white; } body.dark .mat-tab-label.mat-tab-disabled, body.dark .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.5); } body.dark .mat-tab-header-pagination-chevron { border-color: white; } body.dark .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.5); } body.dark .mat-tab-group[class*=mat-background-] > .mat-tab-header, body.dark .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } body.dark .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(200, 230, 201, 0.3); } body.dark .mat-tab-group.mat-primary .mat-ink-bar, body.dark .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #4caf50; } body.dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, body.dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, body.dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, body.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); } body.dark .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(178, 223, 219, 0.3); } body.dark .mat-tab-group.mat-accent .mat-ink-bar, body.dark .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #009688; } body.dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, body.dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, body.dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, body.dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: white; } body.dark .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } body.dark .mat-tab-group.mat-warn .mat-ink-bar, body.dark .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #f44336; } body.dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, body.dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, body.dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, body.dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: white; } body.dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(200, 230, 201, 0.3); } body.dark .mat-tab-group.mat-background-primary > .mat-tab-header, body.dark .mat-tab-group.mat-background-primary > .mat-tab-link-container, body.dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #4caf50; } body.dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, body.dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } body.dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, body.dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, body.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); } body.dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, body.dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, body.dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, body.dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } body.dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, body.dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } body.dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, body.dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, body.dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } body.dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(178, 223, 219, 0.3); } body.dark .mat-tab-group.mat-background-accent > .mat-tab-header, body.dark .mat-tab-group.mat-background-accent > .mat-tab-link-container, body.dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #009688; } body.dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, body.dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: white; } body.dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, body.dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, body.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); } body.dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, body.dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, body.dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, body.dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: white; } body.dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, body.dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } body.dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, body.dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, body.dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } body.dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } body.dark .mat-tab-group.mat-background-warn > .mat-tab-header, body.dark .mat-tab-group.mat-background-warn > .mat-tab-link-container, body.dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #f44336; } body.dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, body.dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: white; } body.dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, body.dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, body.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); } body.dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, body.dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, body.dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, body.dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: white; } body.dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, body.dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } body.dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, body.dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, body.dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } body.dark .mat-toolbar { background: #212121; color: white; } body.dark .mat-toolbar.mat-primary { background: #4caf50; color: rgba(0, 0, 0, 0.87); } body.dark .mat-toolbar.mat-accent { background: #009688; color: white; } body.dark .mat-toolbar.mat-warn { background: #f44336; color: white; } body.dark .mat-toolbar .mat-form-field-underline, body.dark .mat-toolbar .mat-form-field-ripple, body.dark .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } body.dark .mat-toolbar .mat-form-field-label, body.dark .mat-toolbar .mat-focused .mat-form-field-label, body.dark .mat-toolbar .mat-select-value, body.dark .mat-toolbar .mat-select-arrow, body.dark .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } body.dark .mat-toolbar .mat-input-element { caret-color: currentColor; } body.dark .mat-tooltip { background: rgba(97, 97, 97, 0.9); } body.dark .mat-tree { background: #424242; } body.dark .mat-tree-node, body.dark .mat-nested-tree-node { color: white; } body.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); } body.dark .mat-simple-snackbar-action { color: inherit; } :root { --fc-small-font-size: 1rem; --fc-today-bg-color: transparent; } .custom-border-color-green .mat-form-field.mat-form-field-appearance-fill.mat-focused:not(.mat-form-field-invalid) .mat-form-field-wrapper .mat-form-field-flex { --tw-border-opacity: 1 !important; border-color: rgba(var(--fuse-accent-500-rgb), var(--tw-border-opacity)) !important; } .custom-chip-list .mat-chip-list-wrapper { margin: 1rem 0 !important; } .custom-chip-list .mat-chip { background-color: #f3f3f3 !important; padding: 7px 28px; color: #8d8d8d !important; opacity: 1 !important; } .booking-list .mat-tab-header { border-bottom: none !important; } .booking-list .mat-tab-header .mat-tab-labels { width: max-content; justify-content: space-between; gap: 2rem; } .booking-list .mat-tab-header .mat-tab-label { font-size: 18px; font-weight: 600; padding: 0 !important; min-width: 0 !important; } .booking-list .mat-tab-header .mat-tab-label.mat-tab-label-active { opacity: 100%; color: #b637cc; } .custom-checkbox .mat-checkbox-inner-container { width: 22px !important; height: 22px !important; } .custom-checkbox .mat-checkbox-frame { border: #b637cc solid 3px !important; border-radius: 4px !important; } .custom-checkbox .mat-checkbox-background { border: #b637cc solid 3px !important; border-radius: 3.5px !important; background: white !important; } mat-checkbox.custom-checkbox .mat-checkbox-checkmark-path { stroke: #b637cc !important; stroke-width: 4px !important; } .notificationMenu + * .cdk-overlay-pane { background-color: #f8f8f8; color: #000; max-height: 426px; border-radius: 16px; box-shadow: 0 16px 40px 0 rgba(0, 0, 0, 0.6); border: solid 1px #d2d2d2; } .notificationMenu + * .mat-menu-panel { max-width: 400px; border-radius: 16px; position: relative; } .notification-menu-item.mat-menu-item { line-height: 18px; height: auto !important; padding: 12px 24px; text-align: left; white-space: normal; } /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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]!./libs/fuse/src/styles/main.scss ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /* 1. Components */ /* * Container style */ .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } /* * Scrollbar rail styles */ .ps__rail-x { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; } .ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 15px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 0.6; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background-color: #eee; opacity: 0.9; } /* * Scrollbar thumb styles */ .ps__thumb-x { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; } .ps__thumb-y { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 6px; /* there must be 'right' for ps__thumb-y */ right: 2px; /* please don't change 'position' */ position: absolute; } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #999; height: 11px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #999; width: 11px; } /* MS supports */ @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } input, textarea { background: transparent; /* Placeholder color */ } input::placeholder, textarea::placeholder{ --tw-text-opacity: 1; color: rgba(var(--fuse-text-hint-rgb), var(--tw-text-opacity)); } .mat-toolbar.mat-primary input::placeholder, .mat-toolbar.mat-primary textarea::placeholder{ color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent input::placeholder, .mat-toolbar.mat-accent textarea::placeholder{ color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn input::placeholder, .mat-toolbar.mat-warn textarea::placeholder{ color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } input::placeholder, textarea::placeholder{ --tw-text-opacity: 1; color: rgba(var(--fuse-text-hint-rgb), var(--tw-text-opacity)); } .mat-toolbar.mat-primary input::placeholder, .mat-toolbar.mat-primary textarea::placeholder{ color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent input::placeholder, .mat-toolbar.mat-accent textarea::placeholder{ color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn input::placeholder, .mat-toolbar.mat-warn textarea::placeholder{ color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } input::input-placeholder, textarea::input-placeholder{ --tw-text-opacity: 1; color: rgba(var(--fuse-text-hint-rgb), var(--tw-text-opacity)); } .mat-toolbar.mat-primary input::input-placeholder, .mat-toolbar.mat-primary textarea::input-placeholder{ color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent input::input-placeholder, .mat-toolbar.mat-accent textarea::input-placeholder{ color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn input::input-placeholder, .mat-toolbar.mat-warn textarea::input-placeholder{ color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } input:input-placeholder, textarea:input-placeholder{ --tw-text-opacity: 1; color: rgba(var(--fuse-text-hint-rgb), var(--tw-text-opacity)); } .mat-toolbar.mat-primary input:input-placeholder, .mat-toolbar.mat-primary textarea:input-placeholder{ color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent input:input-placeholder, .mat-toolbar.mat-accent textarea:input-placeholder{ color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn input:input-placeholder, .mat-toolbar.mat-warn textarea:input-placeholder{ color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } input:-webkit-autofill, textarea:-webkit-autofill { -webkit-transition: "background-color 9999s ease-out"; transition: "background-color 9999s ease-out"; transition-delay: 9999s; } input:-webkit-autofill:hover, textarea:-webkit-autofill:hover { -webkit-transition: "background-color 9999s ease-out"; transition: "background-color 9999s ease-out"; transition-delay: 9999s; } input:-webkit-autofill:focus, textarea:-webkit-autofill:focus { -webkit-transition: "background-color 9999s ease-out"; transition: "background-color 9999s ease-out"; transition-delay: 9999s; } input:-webkit-autofill:active, textarea:-webkit-autofill:active { -webkit-transition: "background-color 9999s ease-out"; transition: "background-color 9999s ease-out"; transition-delay: 9999s; } /* Perfect scrollbar */ /* 2. Overrides */ /* ----------------------------------------------------------------------------------------------------- */ /* @ Angular Material CDK helpers & overrides /* ----------------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------- */ /* @ Overlay /* ----------------------------------------------------------------------------------------------------- */ .fuse-backdrop-on-mobile{ background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important; --tw-bg-opacity: 0.6 !important; } @media (min-width: 600px){ .fuse-backdrop-on-mobile{ background-color: transparent !important; } } /* ----------------------------------------------------------------------------------------------------- */ /* @ Angular Material helpers & overrides /* ----------------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------- */ /* @ Accordion /* ----------------------------------------------------------------------------------------------------- */ .mat-accordion .mat-expansion-panel { margin-bottom: 24px; border-radius: 8px !important; transition: box-shadow 225ms cubic-bezier(0.4, 0, 0.2, 1); --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .mat-accordion .mat-expansion-panel:last-child { margin-bottom: 0; } .mat-accordion .mat-expansion-panel.mat-expanded, .mat-accordion .mat-expansion-panel:hover{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .mat-accordion .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused, .mat-accordion .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused, .mat-accordion .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover { background: transparent !important; } .mat-accordion .mat-expansion-panel .mat-expansion-panel-header { font-size: 14px; } .mat-accordion .mat-expansion-panel .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { margin-right: 28px; } .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator { display: inline-flex; align-items: center; justify-content: center; width: 12px; height: 12px; /* Do not override the border color of the expansion panel indicator */ } .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator::after { border-color: currentcolor !important; } .mat-accordion .mat-expansion-panel .mat-expansion-panel-body { line-height: 1.7; --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-secondary-rgb), var(--tw-text-opacity)) !important; } .mat-toolbar.mat-primary .mat-accordion .mat-expansion-panel .mat-expansion-panel-body{ color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.6 !important; } .mat-toolbar.mat-accent .mat-accordion .mat-expansion-panel .mat-expansion-panel-body{ color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.6 !important; } .mat-toolbar.mat-warn .mat-accordion .mat-expansion-panel .mat-expansion-panel-body{ color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.6 !important; } /* ----------------------------------------------------------------------------------------------------- */ /* @ Buttons /* ----------------------------------------------------------------------------------------------------- */ .mat-button, .mat-fab, .mat-flat-button, .mat-icon-button, .mat-mini-fab, .mat-raised-button, .mat-stroked-button { display: inline-flex !important; align-items: center; justify-content: center; height: 40px; min-height: 40px; max-height: 40px; line-height: 1 !important; /* Large button */ /* Lower the icon opacity on disabled buttons */ } .mat-button .mat-button-wrapper, .mat-fab .mat-button-wrapper, .mat-flat-button .mat-button-wrapper, .mat-icon-button .mat-button-wrapper, .mat-mini-fab .mat-button-wrapper, .mat-raised-button .mat-button-wrapper, .mat-stroked-button .mat-button-wrapper { position: relative; display: inline-flex !important; align-items: center; justify-content: center; height: 100%; } .mat-button.fuse-mat-button-large, .mat-fab.fuse-mat-button-large, .mat-flat-button.fuse-mat-button-large, .mat-icon-button.fuse-mat-button-large, .mat-mini-fab.fuse-mat-button-large, .mat-raised-button.fuse-mat-button-large, .mat-stroked-button.fuse-mat-button-large { height: 48px; min-height: 48px; max-height: 48px; } .mat-button.mat-button-disabled .mat-icon, .mat-fab.mat-button-disabled .mat-icon, .mat-flat-button.mat-button-disabled .mat-icon, .mat-icon-button.mat-button-disabled .mat-icon, .mat-mini-fab.mat-button-disabled .mat-icon, .mat-raised-button.mat-button-disabled .mat-icon, .mat-stroked-button.mat-button-disabled .mat-icon { opacity: 0.38 !important; } .mat-fab { max-height: 56px; } /* Rounded design */ .mat-button, .mat-flat-button, .mat-raised-button, .mat-stroked-button { padding: 0 20px !important; } /* Target all buttons */ .mat-button, .mat-fab, .mat-flat-button, .mat-icon-button, .mat-fab, .mat-mini-fab, .mat-raised-button, .mat-stroked-button { /* mat-progress-spinner inside buttons */ } .mat-button .mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] circle, .mat-fab .mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] circle, .mat-flat-button .mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] circle, .mat-icon-button .mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] circle, .mat-fab .mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] circle, .mat-mini-fab .mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] circle, .mat-raised-button .mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] circle, .mat-stroked-button .mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] circle { stroke: currentcolor !important; animation-duration: 6000ms; } /* Colored background buttons */ .mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab { /* Add hover and focus style on all buttons */ /* On palette colored buttons, use a darker color */ } .mat-flat-button .mat-icon, .mat-raised-button .mat-icon, .mat-fab .mat-icon, .mat-mini-fab .mat-icon { color: currentcolor !important; } .mat-flat-button .mat-button-focus-overlay, .mat-raised-button .mat-button-focus-overlay, .mat-fab .mat-button-focus-overlay, .mat-mini-fab .mat-button-focus-overlay{ background-color: rgb(148 163 184 / var(--tw-bg-opacity)) !important; --tw-bg-opacity: 0.2 !important; } .dark .mat-flat-button .mat-button-focus-overlay, .dark .mat-raised-button .mat-button-focus-overlay, .dark .mat-fab .mat-button-focus-overlay, .dark .mat-mini-fab .mat-button-focus-overlay{ background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important; --tw-bg-opacity: 0.05 !important; } .mat-flat-button.mat-primary .mat-button-focus-overlay, .mat-flat-button.mat-accent .mat-button-focus-overlay, .mat-flat-button.mat-warn .mat-button-focus-overlay, .mat-raised-button.mat-primary .mat-button-focus-overlay, .mat-raised-button.mat-accent .mat-button-focus-overlay, .mat-raised-button.mat-warn .mat-button-focus-overlay, .mat-fab.mat-primary .mat-button-focus-overlay, .mat-fab.mat-accent .mat-button-focus-overlay, .mat-fab.mat-warn .mat-button-focus-overlay, .mat-mini-fab.mat-primary .mat-button-focus-overlay, .mat-mini-fab.mat-accent .mat-button-focus-overlay, .mat-mini-fab.mat-warn .mat-button-focus-overlay { background-color: rgba(0, 0, 0, 0.1) !important; } .mat-flat-button:hover .mat-button-focus-overlay, .mat-flat-button.cdk-keyboard-focused .mat-button-focus-overlay, .mat-flat-button.cdk-program-focused .mat-button-focus-overlay, .mat-raised-button:hover .mat-button-focus-overlay, .mat-raised-button.cdk-keyboard-focused .mat-button-focus-overlay, .mat-raised-button.cdk-program-focused .mat-button-focus-overlay, .mat-fab:hover .mat-button-focus-overlay, .mat-fab.cdk-keyboard-focused .mat-button-focus-overlay, .mat-fab.cdk-program-focused .mat-button-focus-overlay, .mat-mini-fab:hover .mat-button-focus-overlay, .mat-mini-fab.cdk-keyboard-focused .mat-button-focus-overlay, .mat-mini-fab.cdk-program-focused .mat-button-focus-overlay { opacity: 1 !important; } @media (hover: none) { .mat-flat-button:hover .mat-button-focus-overlay, .mat-raised-button:hover .mat-button-focus-overlay, .mat-fab:hover .mat-button-focus-overlay, .mat-mini-fab:hover .mat-button-focus-overlay { opacity: 0 !important; } } .mat-flat-button.mat-button-disabled .mat-button-focus-overlay, .mat-raised-button.mat-button-disabled .mat-button-focus-overlay, .mat-fab.mat-button-disabled .mat-button-focus-overlay, .mat-mini-fab.mat-button-disabled .mat-button-focus-overlay { opacity: 0 !important; } /* Transparent background buttons */ .mat-button, .mat-icon-button, .mat-stroked-button { /* Apply primary color */ /* Apply accent color */ /* Apply warn color */ /* Add hover and focus styles */ /* On primary colored buttons, use the primary color as focus overlay */ /* On accent colored buttons, use the accent color as focus overlay */ /* On warn colored buttons, use the warn color as focus overlay */ } .mat-button.mat-primary:not(.mat-button-disabled) .mat-icon, .mat-icon-button.mat-primary:not(.mat-button-disabled) .mat-icon, .mat-stroked-button.mat-primary:not(.mat-button-disabled) .mat-icon{ --tw-text-opacity: 1 !important; color: rgba(var(--fuse-primary-rgb), var(--tw-text-opacity)) !important; } .mat-button.mat-accent:not(.mat-button-disabled) .mat-icon, .mat-icon-button.mat-accent:not(.mat-button-disabled) .mat-icon, .mat-stroked-button.mat-accent:not(.mat-button-disabled) .mat-icon{ --tw-text-opacity: 1 !important; color: rgba(var(--fuse-accent-rgb), var(--tw-text-opacity)) !important; } .mat-button.mat-warn:not(.mat-button-disabled) .mat-icon, .mat-icon-button.mat-warn:not(.mat-button-disabled) .mat-icon, .mat-stroked-button.mat-warn:not(.mat-button-disabled) .mat-icon{ --tw-text-opacity: 1 !important; color: rgba(var(--fuse-warn-rgb), var(--tw-text-opacity)) !important; } .mat-button .mat-button-focus-overlay, .mat-icon-button .mat-button-focus-overlay, .mat-stroked-button .mat-button-focus-overlay{ background-color: rgb(148 163 184 / var(--tw-bg-opacity)) !important; --tw-bg-opacity: 0.2 !important; } .dark .mat-button .mat-button-focus-overlay, .dark .mat-icon-button .mat-button-focus-overlay, .dark .mat-stroked-button .mat-button-focus-overlay{ background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important; --tw-bg-opacity: 0.05 !important; } .mat-button.mat-primary:not(.mat-button-disabled) .mat-button-focus-overlay, .mat-icon-button.mat-primary:not(.mat-button-disabled) .mat-button-focus-overlay, .mat-stroked-button.mat-primary:not(.mat-button-disabled) .mat-button-focus-overlay{ --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-primary-rgb), var(--tw-bg-opacity)) !important; } .mat-button.mat-accent:not(.mat-button-disabled) .mat-button-focus-overlay, .mat-icon-button.mat-accent:not(.mat-button-disabled) .mat-button-focus-overlay, .mat-stroked-button.mat-accent:not(.mat-button-disabled) .mat-button-focus-overlay{ --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-accent-rgb), var(--tw-bg-opacity)) !important; } .mat-button.mat-warn:not(.mat-button-disabled) .mat-button-focus-overlay, .mat-icon-button.mat-warn:not(.mat-button-disabled) .mat-button-focus-overlay, .mat-stroked-button.mat-warn:not(.mat-button-disabled) .mat-button-focus-overlay{ --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-warn-rgb), var(--tw-bg-opacity)) !important; } .mat-button.mat-primary:not(.mat-button-disabled):hover .mat-button-focus-overlay, .mat-button.mat-primary:not(.mat-button-disabled).cdk-keyboard-focused .mat-button-focus-overlay, .mat-button.mat-primary:not(.mat-button-disabled).cdk-program-focused .mat-button-focus-overlay, .mat-button.mat-accent:not(.mat-button-disabled):hover .mat-button-focus-overlay, .mat-button.mat-accent:not(.mat-button-disabled).cdk-keyboard-focused .mat-button-focus-overlay, .mat-button.mat-accent:not(.mat-button-disabled).cdk-program-focused .mat-button-focus-overlay, .mat-button.mat-warn:not(.mat-button-disabled):hover .mat-button-focus-overlay, .mat-button.mat-warn:not(.mat-button-disabled).cdk-keyboard-focused .mat-button-focus-overlay, .mat-button.mat-warn:not(.mat-button-disabled).cdk-program-focused .mat-button-focus-overlay, .mat-icon-button.mat-primary:not(.mat-button-disabled):hover .mat-button-focus-overlay, .mat-icon-button.mat-primary:not(.mat-button-disabled).cdk-keyboard-focused .mat-button-focus-overlay, .mat-icon-button.mat-primary:not(.mat-button-disabled).cdk-program-focused .mat-button-focus-overlay, .mat-icon-button.mat-accent:not(.mat-button-disabled):hover .mat-button-focus-overlay, .mat-icon-button.mat-accent:not(.mat-button-disabled).cdk-keyboard-focused .mat-button-focus-overlay, .mat-icon-button.mat-accent:not(.mat-button-disabled).cdk-program-focused .mat-button-focus-overlay, .mat-icon-button.mat-warn:not(.mat-button-disabled):hover .mat-button-focus-overlay, .mat-icon-button.mat-warn:not(.mat-button-disabled).cdk-keyboard-focused .mat-button-focus-overlay, .mat-icon-button.mat-warn:not(.mat-button-disabled).cdk-program-focused .mat-button-focus-overlay, .mat-stroked-button.mat-primary:not(.mat-button-disabled):hover .mat-button-focus-overlay, .mat-stroked-button.mat-primary:not(.mat-button-disabled).cdk-keyboard-focused .mat-button-focus-overlay, .mat-stroked-button.mat-primary:not(.mat-button-disabled).cdk-program-focused .mat-button-focus-overlay, .mat-stroked-button.mat-accent:not(.mat-button-disabled):hover .mat-button-focus-overlay, .mat-stroked-button.mat-accent:not(.mat-button-disabled).cdk-keyboard-focused .mat-button-focus-overlay, .mat-stroked-button.mat-accent:not(.mat-button-disabled).cdk-program-focused .mat-button-focus-overlay, .mat-stroked-button.mat-warn:not(.mat-button-disabled):hover .mat-button-focus-overlay, .mat-stroked-button.mat-warn:not(.mat-button-disabled).cdk-keyboard-focused .mat-button-focus-overlay, .mat-stroked-button.mat-warn:not(.mat-button-disabled).cdk-program-focused .mat-button-focus-overlay { opacity: 0.1 !important; } .mat-button:hover .mat-button-focus-overlay, .mat-button.cdk-keyboard-focused .mat-button-focus-overlay, .mat-button.cdk-program-focused .mat-button-focus-overlay, .mat-icon-button:hover .mat-button-focus-overlay, .mat-icon-button.cdk-keyboard-focused .mat-button-focus-overlay, .mat-icon-button.cdk-program-focused .mat-button-focus-overlay, .mat-stroked-button:hover .mat-button-focus-overlay, .mat-stroked-button.cdk-keyboard-focused .mat-button-focus-overlay, .mat-stroked-button.cdk-program-focused .mat-button-focus-overlay { opacity: 1 !important; } @media (hover: none) { .mat-button:hover .mat-button-focus-overlay, .mat-icon-button:hover .mat-button-focus-overlay, .mat-stroked-button:hover .mat-button-focus-overlay { opacity: 0 !important; } } .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 { opacity: 0 !important; } /* Stroked buttons */ .mat-stroked-button { /* Border color */ } .mat-stroked-button:not(.mat-button-disabled){ --tw-border-opacity: 1 !important; border-color: rgb(203 213 225 / var(--tw-border-opacity)) !important; } .dark .mat-stroked-button:not(.mat-button-disabled){ --tw-border-opacity: 1 !important; border-color: rgb(100 116 139 / var(--tw-border-opacity)) !important; } .mat-stroked-button.mat-button-disabled{ --tw-border-opacity: 1 !important; border-color: rgb(226 232 240 / var(--tw-border-opacity)) !important; } .dark .mat-stroked-button.mat-button-disabled{ --tw-border-opacity: 1 !important; border-color: rgb(71 85 105 / var(--tw-border-opacity)) !important; } /* ----------------------------------------------------------------------------------------------------- */ /* @ Button Toggle /* ----------------------------------------------------------------------------------------------------- */ .mat-button-toggle-group { border: none !important; } .mat-button-toggle-group > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); } .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { background-clip: padding-box; } .mat-button-toggle-group .mat-button-toggle { border-radius: 9999px; overflow: hidden; border: none !important; font-weight: 500; } .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content{ --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-default-rgb), var(--tw-text-opacity)) !important; } .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-label-content { padding: 0 20px; --tw-text-opacity: 1; color: rgba(var(--fuse-text-secondary-rgb), var(--tw-text-opacity)); } .mat-toolbar.mat-primary .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-label-content{ color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.6 !important; } .mat-toolbar.mat-accent .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-label-content{ color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.6 !important; } .mat-toolbar.mat-warn .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-label-content{ color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.6 !important; } .mat-button-toggle-group .mat-button-toggle .mat-ripple { border-radius: 9999px; } /* ----------------------------------------------------------------------------------------------------- */ /* @ Checkbox /* ----------------------------------------------------------------------------------------------------- */ .mat-checkbox { display: inline-flex; /* Allow multiline text */ } .mat-checkbox .mat-checkbox-layout { white-space: normal; } .mat-checkbox .mat-checkbox-layout .mat-checkbox-inner-container { display: inline-flex; align-items: center; margin: 0 8px 0 0; /* Add a zero-width space character to trick the container */ /* into being the same height as a single line of the label */ } .mat-checkbox .mat-checkbox-layout .mat-checkbox-inner-container::after { content: "​"; } .mat-checkbox .mat-checkbox-layout .mat-checkbox-label { line-height: inherit; } /* ----------------------------------------------------------------------------------------------------- */ /* @ Chip /* ----------------------------------------------------------------------------------------------------- */ .mat-chip { font-weight: 500 !important; } /* ----------------------------------------------------------------------------------------------------- */ /* @ Dialog /* ----------------------------------------------------------------------------------------------------- */ .mat-dialog-container { border-radius: 16px !important; } /* ----------------------------------------------------------------------------------------------------- */ /* @ Drawer /* ----------------------------------------------------------------------------------------------------- */ .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(0, 0, 0, 0.6) !important; } /* ----------------------------------------------------------------------------------------------------- */ /* @ Form fields /* ----------------------------------------------------------------------------------------------------- */ /* Fuse only uses 'fill' style form fields and therefore */ /* only provides fixes and tweaks for that style */ .mat-form-field.mat-form-field-appearance-fill { /* Disabled */ /* Invalid */ /* Focused */ /* Focused and valid fields */ /* Disable floating mat-label */ /* Remove the default arrow for native select */ /* Adjustments for mat-label */ /* Default style tweaks and enhancements */ /* Adds better alignment for textarea inputs */ /* Removes subscript space */ /* Rounded */ /* Dense */ /* Emphasized affix */ /* Bolder border width */ } .mat-form-field.mat-form-field-appearance-fill.mat-form-field-disabled { opacity: 0.7 !important; } .mat-form-field.mat-form-field-appearance-fill.mat-form-field-invalid .mat-form-field-wrapper { /* Border color */ } .mat-form-field.mat-form-field-appearance-fill.mat-form-field-invalid .mat-form-field-wrapper .mat-form-field-flex{ --tw-border-opacity: 1 !important; border-color: rgba(var(--fuse-warn-rgb), var(--tw-border-opacity)) !important; } .dark .mat-form-field.mat-form-field-appearance-fill.mat-form-field-invalid .mat-form-field-wrapper .mat-form-field-flex{ --tw-border-opacity: 1 !important; border-color: rgba(var(--fuse-warn-rgb), var(--tw-border-opacity)) !important; } .mat-form-field.mat-form-field-appearance-fill.mat-focused .mat-form-field-wrapper { /* Background color */ } .mat-form-field.mat-form-field-appearance-fill.mat-focused .mat-form-field-wrapper .mat-form-field-flex{ --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-bg-card-rgb), var(--tw-bg-opacity)) !important; } .dark .mat-form-field.mat-form-field-appearance-fill.mat-focused .mat-form-field-wrapper .mat-form-field-flex{ --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-bg-card-rgb), var(--tw-bg-opacity)) !important; } .mat-form-field.mat-form-field-appearance-fill.mat-focused:not(.mat-form-field-invalid) .mat-form-field-wrapper { /* Border color */ } .mat-form-field.mat-form-field-appearance-fill.mat-focused:not(.mat-form-field-invalid) .mat-form-field-wrapper .mat-form-field-flex{ --tw-border-opacity: 1 !important; border-color: rgba(var(--fuse-primary-rgb), var(--tw-border-opacity)) !important; } .dark .mat-form-field.mat-form-field-appearance-fill.mat-focused:not(.mat-form-field-invalid) .mat-form-field-wrapper .mat-form-field-flex{ --tw-border-opacity: 1 !important; border-color: rgba(var(--fuse-primary-rgb), var(--tw-border-opacity)) !important; } .mat-form-field.mat-form-field-appearance-fill.mat-form-field-has-label.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label { width: 100% !important; transform: none !important; } .mat-form-field.mat-form-field-appearance-fill.mat-form-field-type-mat-native-select .mat-form-field-infix select { top: auto; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-right: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2364748B' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5H7z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right -7px center; background-size: 24px; } .dark .mat-form-field.mat-form-field-appearance-fill.mat-form-field-type-mat-native-select .mat-form-field-infix select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2397a6ba' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5H7z'/%3E%3C/svg%3E"); } .mat-form-field.mat-form-field-appearance-fill.mat-form-field-type-mat-native-select .mat-form-field-infix::after { display: none; } .mat-form-field.mat-form-field-appearance-fill.mat-form-field-has-label .mat-form-field-wrapper { margin-top: 24px; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper { margin-bottom: 16px; padding-bottom: 0; /* Remove the underline */ /* Subscript tweaks */ } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex { position: relative; display: flex; align-items: stretch; min-height: 48px; border-radius: 6px; padding: 0 16px; border-width: 1px; --tw-border-opacity: 1 !important; border-color: rgb(203 213 225 / var(--tw-border-opacity)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important; --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .dark .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex{ --tw-border-opacity: 1 !important; border-color: rgb(100 116 139 / var(--tw-border-opacity)) !important; background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important; --tw-bg-opacity: 0.05 !important; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix > .mat-icon { margin-right: 12px; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix > .mat-icon-button { margin: 0 4px 0 -10px; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix > .mat-select { margin-right: 10px; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix > .mat-datepicker-toggle { margin-left: -8px; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix > *:not(.mat-icon):not(.mat-icon-button):not(.mat-select):not(.mat-datepicker-toggle) { margin-right: 12px; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix > .mat-icon { margin-left: 12px; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix > .mat-icon-button { margin: 0 -10px 0 4px; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix > .mat-select { margin-left: 10px; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix > .mat-datepicker-toggle { margin-right: -8px; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix { display: inline-flex; align-items: center; justify-content: center; --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-hint-rgb), var(--tw-text-opacity)) !important; } .mat-toolbar.mat-primary .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix, .mat-toolbar.mat-primary .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix{ color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix, .mat-toolbar.mat-accent .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix{ color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix, .mat-toolbar.mat-warn .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix{ color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix { /* Remove the margins from the mat-icon if it's inside a button */ /* Force the icon size to 20 */ /* Datepicker default icon size */ /* Make mat-select usable as prefix and suffix */ } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-icon-button, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-icon-button { width: 40px; min-width: 40px; height: 40px; min-height: 40px; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-icon, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-icon-button:not(.mat-button-disabled), .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-select-value, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-icon, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-icon-button:not(.mat-button-disabled), .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-select-value{ --tw-text-opacity: 1; color: rgba(var(--fuse-text-hint-rgb), var(--tw-text-opacity)); } .mat-toolbar.mat-primary .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-icon, .mat-toolbar.mat-primary .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-icon-button:not(.mat-button-disabled), .mat-toolbar.mat-primary .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-select-value, .mat-toolbar.mat-primary .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-icon, .mat-toolbar.mat-primary .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-icon-button:not(.mat-button-disabled), .mat-toolbar.mat-primary .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-select-value{ color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-icon, .mat-toolbar.mat-accent .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-icon-button:not(.mat-button-disabled), .mat-toolbar.mat-accent .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-select-value, .mat-toolbar.mat-accent .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-icon, .mat-toolbar.mat-accent .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-icon-button:not(.mat-button-disabled), .mat-toolbar.mat-accent .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-select-value{ color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-icon, .mat-toolbar.mat-warn .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-icon-button:not(.mat-button-disabled), .mat-toolbar.mat-warn .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-select-value, .mat-toolbar.mat-warn .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-icon, .mat-toolbar.mat-warn .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-icon-button:not(.mat-button-disabled), .mat-toolbar.mat-warn .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-select-value{ color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-button .mat-icon, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-raised-button .mat-icon, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-icon-button .mat-icon, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-stroked-button .mat-icon, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-flat-button .mat-icon, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-fab .mat-icon, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-mini-fab .mat-icon, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-button .mat-icon, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-raised-button .mat-icon, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-icon-button .mat-icon, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-stroked-button .mat-icon, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-flat-button .mat-icon, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-fab .mat-icon, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-mini-fab .mat-icon { margin: 0 !important; width: 1rem; height: 1rem; min-width: 1rem; min-height: 1rem; font-size: 1rem; line-height: 1rem; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-button .mat-icon svg, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-raised-button .mat-icon svg, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-icon-button .mat-icon svg, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-stroked-button .mat-icon svg, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-flat-button .mat-icon svg, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-fab .mat-icon svg, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-mini-fab .mat-icon svg, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-button .mat-icon svg, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-raised-button .mat-icon svg, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-icon-button .mat-icon svg, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-stroked-button .mat-icon svg, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-flat-button .mat-icon svg, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-fab .mat-icon svg, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-mini-fab .mat-icon svg{ width: 1rem; height: 1rem; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-datepicker-toggle-default-icon, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-datepicker-toggle-default-icon{ width: 1.5rem; height: 1.5rem; min-width: 1.5rem; min-height: 1.5rem; font-size: 1.5rem; line-height: 1.5rem; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-datepicker-toggle-default-icon svg, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-datepicker-toggle-default-icon svg{ width: 1.5rem; height: 1.5rem; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-select, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-select { display: flex; align-items: center; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-select:focus .mat-select-trigger .mat-select-value, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-select:focus .mat-select-trigger .mat-select-value{ --tw-text-opacity: 1 !important; color: rgba(var(--fuse-primary-rgb), var(--tw-text-opacity)) !important; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-select:focus .mat-select-trigger .mat-select-arrow-wrapper .mat-select-arrow, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-select:focus .mat-select-trigger .mat-select-arrow-wrapper .mat-select-arrow { border-top-color: var(--fuse-primary) !important; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-select .mat-select-trigger, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-select .mat-select-trigger { display: flex; align-items: center; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-select .mat-select-trigger .mat-select-value, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-select .mat-select-trigger .mat-select-value { display: flex; max-width: none; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-select .mat-select-trigger .mat-select-value mat-select-trigger .mat-icon, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-select .mat-select-trigger .mat-select-value mat-select-trigger .mat-icon { margin: 0 !important; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-select .mat-select-trigger .mat-select-arrow-wrapper, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-select .mat-select-trigger .mat-select-arrow-wrapper { display: flex; align-items: center; transform: none; margin-left: 4px; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-select .mat-select-trigger .mat-select-arrow-wrapper .mat-select-arrow, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-select .mat-select-trigger .mat-select-arrow-wrapper .mat-select-arrow { min-height: 0; --tw-text-opacity: 1 !important; color: rgb(100 116 139 / var(--tw-text-opacity)) !important; } .dark .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-select .mat-select-trigger .mat-select-arrow-wrapper .mat-select-arrow, .dark .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-select .mat-select-trigger .mat-select-arrow-wrapper .mat-select-arrow{ --tw-text-opacity: 1 !important; color: rgb(148 163 184 / var(--tw-text-opacity)) !important; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix { position: static; display: flex; align-items: center; width: 88px; padding: 0; border: 0; /* Textarea */ /* Select */ /* Chips */ } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element { padding: 14px 0; margin-top: 0; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea.mat-input-element { display: flex; align-self: stretch; min-height: 36px; height: auto; margin: 14px 0; padding: 0 6px 0 0; transform: none; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select { display: inline-flex; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select .mat-select-trigger { display: inline-flex; align-items: center; width: 100%; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select .mat-select-trigger .mat-select-value { display: flex; position: relative; max-width: none; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select .mat-select-trigger .mat-select-value .mat-select-value-text { display: inline-flex; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select .mat-select-trigger .mat-select-value .mat-select-value-text > * { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select .mat-select-arrow-wrapper { transform: translateY(0); } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select .mat-select-arrow-wrapper .mat-select-arrow { margin: 0 0 0 8px; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-chip-list { width: 100%; margin: 0 -8px; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-chip-list .mat-chip-input { margin: 0 0 0 8px; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper { top: -25px; height: auto; padding-top: 0; overflow: visible; pointer-events: auto; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper .mat-form-field-label { position: relative; top: 0; margin-top: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: none; font-weight: 500; --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-default-rgb), var(--tw-text-opacity)) !important; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-underline { display: none; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-subscript-wrapper { top: auto; padding: 0; margin-top: 2px; font-size: 12px; font-weight: 500; line-height: 1; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-subscript-wrapper .mat-error, .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-subscript-wrapper .mat-hint { display: block; margin-top: 4px; } .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-subscript-wrapper .mat-hint{ --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-hint-rgb), var(--tw-text-opacity)) !important; } .mat-toolbar.mat-primary .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-subscript-wrapper .mat-hint{ color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-subscript-wrapper .mat-hint{ color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-subscript-wrapper .mat-hint{ color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix, .mat-form-field.mat-form-field-appearance-fill.fuse-mat-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix { align-items: flex-start; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix { padding-top: 12px; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix { padding-top: 12px; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-no-subscript .mat-form-field-wrapper { padding-bottom: 0; margin-bottom: 0; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-no-subscript .mat-form-field-wrapper .mat-form-field-subscript-wrapper { display: none !important; height: 0 !important; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-rounded { /* Emphasized affix */ } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-rounded .mat-form-field-wrapper .mat-form-field-flex { border-radius: 24px; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix { border-radius: 24px 0 0 24px; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix > .mat-icon { margin-right: 12px; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix > .mat-icon-button { margin-right: 2px; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix > .mat-select { margin-right: 8px; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix > .mat-datepicker-toggle { margin-right: 4px; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix > *:not(.mat-icon):not(.mat-icon-button):not(.mat-select):not(.mat-datepicker-toggle) { margin-right: 12px; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix { border-radius: 0 24px 24px 0; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix > .mat-icon { margin-left: 12px !important; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix > .mat-icon-button { margin-left: 2px !important; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix > .mat-select { margin-left: 12px !important; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix > .mat-datepicker-toggle { margin-left: 4px !important; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix > *:not(.mat-icon):not(.mat-icon-button):not(.mat-select):not(.mat-datepicker-toggle) { margin-left: 12px !important; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-dense { /* Rounded */ } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-dense .mat-form-field-wrapper .mat-form-field-flex { min-height: 40px; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-dense .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix .mat-icon-button, .mat-form-field.mat-form-field-appearance-fill.fuse-mat-dense .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-icon-button { width: 32px; min-width: 32px; height: 32px; min-height: 32px; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-dense .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix > .mat-icon-button { margin-left: -6px; margin-right: 12px; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-dense .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix > .mat-icon-button { margin-left: 12px; margin-right: -6px; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-dense .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element { padding: 11px 0; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-dense.fuse-mat-rounded { /* Emphasized affix */ } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-dense.fuse-mat-rounded .mat-form-field-wrapper .mat-form-field-flex { border-radius: 20px; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-dense.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix { border-radius: 20px 0 0 20px !important; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-dense.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix { border-radius: 0 20px 20px 0 !important; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix { margin: 0 16px 0 -16px; padding-left: 16px; border-radius: 6px 0 0 6px; border-right-width: 1px; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix > .mat-icon { margin-right: 16px; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix > .mat-icon-button { margin: 0 6px 0 -10px; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix > .mat-select { margin-right: 12px; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix > .mat-datepicker-toggle { margin-right: 8px; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix > *:not(.mat-icon):not(.mat-icon-button):not(.mat-select):not(.mat-datepicker-toggle) { margin-right: 16px; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix { margin: 0 -16px 0 16px; padding-right: 16px; border-radius: 0 6px 6px 0; border-left-width: 1px; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix > .mat-icon { margin-left: 16px; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix > .mat-icon-button { margin: 0 -10px 0 6px; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix > .mat-select { margin: 0 -4px 0 16px; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix > .mat-datepicker-toggle { margin-left: 8px; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix > *:not(.mat-icon):not(.mat-icon-button):not(.mat-select):not(.mat-datepicker-toggle) { margin-left: 16px; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix, .mat-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix{ --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-bg-default-rgb), var(--tw-bg-opacity)) !important; --tw-border-opacity: 1 !important; border-color: rgb(203 213 225 / var(--tw-border-opacity)) !important; } .dark .mat-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-prefix, .dark .mat-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix{ --tw-border-opacity: 1 !important; border-color: rgb(100 116 139 / var(--tw-border-opacity)) !important; } .mat-form-field.mat-form-field-appearance-fill.fuse-mat-bold .mat-form-field-wrapper .mat-form-field-flex { border-width: 2px !important; } /* Fix the outline appearance */ .mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline{ --tw-text-opacity: 1 !important; color: rgb(203 213 225 / var(--tw-text-opacity)) !important; } .dark .mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline{ --tw-text-opacity: 1 !important; color: rgb(100 116 139 / var(--tw-text-opacity)) !important; } /* ----------------------------------------------------------------------------------------------------- */ /* @ Datepicker /* ----------------------------------------------------------------------------------------------------- */ /* Hover and active cell content background opacity */ .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), .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(var(--fuse-primary-rgb), var(--tw-bg-opacity)) !important; --tw-bg-opacity: 0.3 !important; } /* ----------------------------------------------------------------------------------------------------- */ /* @ Icon /* ----------------------------------------------------------------------------------------------------- */ .mat-icon { display: inline-flex !important; align-items: center; justify-content: center; width: 24px; min-width: 24px; height: 24px; min-height: 24px; font-size: 24px; line-height: 24px; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; } /* ----------------------------------------------------------------------------------------------------- */ /* @ Inputs /* ----------------------------------------------------------------------------------------------------- */ .mat-input-element::placeholder { transition: none !important; --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-hint-rgb), var(--tw-text-opacity)) !important; } .mat-toolbar.mat-primary .mat-input-element::placeholder{ color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent .mat-input-element::placeholder{ color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn .mat-input-element::placeholder{ color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-input-element::placeholder { transition: none !important; --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-hint-rgb), var(--tw-text-opacity)) !important; } .mat-toolbar.mat-primary .mat-input-element::placeholder{ color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent .mat-input-element::placeholder{ color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn .mat-input-element::placeholder{ color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-input-element::input-placeholder { transition: none !important; --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-hint-rgb), var(--tw-text-opacity)) !important; } .mat-toolbar.mat-primary .mat-input-element::input-placeholder{ color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent .mat-input-element::input-placeholder{ color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn .mat-input-element::input-placeholder{ color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-input-element:input-placeholder { transition: none !important; --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-hint-rgb), var(--tw-text-opacity)) !important; } .mat-toolbar.mat-primary .mat-input-element:input-placeholder{ color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent .mat-input-element:input-placeholder{ color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn .mat-input-element:input-placeholder{ color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } /* Invalid */ .mat-form-field-invalid .mat-input-element { /* Placeholder color */ } .mat-form-field-invalid .mat-input-element::placeholder{ --tw-text-opacity: 1 !important; color: rgba(var(--fuse-warn-rgb), var(--tw-text-opacity)) !important; } .mat-form-field-invalid .mat-input-element::input-placeholder{ --tw-text-opacity: 1 !important; color: rgba(var(--fuse-warn-rgb), var(--tw-text-opacity)) !important; } .mat-form-field-invalid .mat-input-element:input-placeholder{ --tw-text-opacity: 1 !important; color: rgba(var(--fuse-warn-rgb), var(--tw-text-opacity)) !important; } /* ----------------------------------------------------------------------------------------------------- */ /* @ Menu /* ----------------------------------------------------------------------------------------------------- */ .mat-menu-panel { min-width: 144px !important; } .mat-menu-panel .mat-menu-content { /* Divider within mat-menu */ } .mat-menu-panel .mat-menu-content .mat-menu-item { display: flex; align-items: center; } .mat-menu-panel .mat-menu-content .mat-menu-item.mat-menu-item-submenu-trigger { padding-right: 40px; } .mat-menu-panel .mat-menu-content .mat-menu-item .mat-icon { margin-right: 12px; } .mat-menu-panel .mat-menu-content mat-divider { margin: 8px 0; } /* ----------------------------------------------------------------------------------------------------- */ /* @ Paginator /* ----------------------------------------------------------------------------------------------------- */ .mat-paginator .mat-paginator-container { padding: 8px 16px; justify-content: space-between; /* Page size select */ /* Range actions */ } @media (min-width: 600px) { .mat-paginator .mat-paginator-container { justify-content: normal; } } .mat-paginator .mat-paginator-container .mat-paginator-page-size { align-items: center; min-height: 40px; margin: 8px; } .mat-paginator .mat-paginator-container .mat-paginator-page-size .mat-paginator-page-size-label { display: none; margin-right: 12px; } @media (min-width: 600px) { .mat-paginator .mat-paginator-container .mat-paginator-page-size .mat-paginator-page-size-label { display: block; } } .mat-paginator .mat-paginator-container .mat-paginator-page-size .mat-paginator-page-size-select { margin: 0; } .mat-paginator .mat-paginator-container .mat-paginator-page-size .mat-paginator-page-size-select .mat-form-field-wrapper { margin-bottom: 0; } .mat-paginator .mat-paginator-container .mat-paginator-page-size .mat-paginator-page-size-select .mat-form-field-wrapper .mat-form-field-flex { min-height: 32px; padding: 0 10px; } .mat-paginator .mat-paginator-container .mat-paginator-range-actions { margin: 8px 0; } .mat-paginator .mat-paginator-container .mat-paginator-range-actions .mat-paginator-range-label { margin-right: 16px; } /* ----------------------------------------------------------------------------------------------------- */ /* @ Select /* ----------------------------------------------------------------------------------------------------- */ .mat-select { display: inline-flex; } .mat-select .mat-select-placeholder { transition: none !important; --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-hint-rgb), var(--tw-text-opacity)) !important; } .mat-toolbar.mat-primary .mat-select .mat-select-placeholder{ color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent .mat-select .mat-select-placeholder{ color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn .mat-select .mat-select-placeholder{ color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-select .mat-select-trigger { display: inline-flex; align-items: center; width: 100%; height: auto; } .mat-select .mat-select-trigger .mat-select-value { display: flex; position: relative; max-width: none; } .mat-select .mat-select-trigger .mat-select-value .mat-select-value-text { display: inline-flex; } .mat-select .mat-select-trigger .mat-select-value .mat-select-value-text > * { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mat-select .mat-select-arrow-wrapper { transform: translateY(0); } .mat-select .mat-select-arrow-wrapper .mat-select-arrow { margin: 0 4px 0 2px; } /* Invalid */ .mat-form-field-invalid .mat-select { /* Placeholder color */ } .mat-form-field-invalid .mat-select .mat-select-placeholder{ --tw-text-opacity: 1 !important; color: rgba(var(--fuse-warn-rgb), var(--tw-text-opacity)) !important; } /* ----------------------------------------------------------------------------------------------------- */ /* @ Slide Toggle /* ----------------------------------------------------------------------------------------------------- */ .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgb(var(--fuse-primary-500-rgb) 0.54) !important; } .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgb(var(--fuse-warn-500-rgb) 0.54) !important; } /* ----------------------------------------------------------------------------------------------------- */ /* @ Stepper /* ----------------------------------------------------------------------------------------------------- */ .mat-step-icon { /* Do not override the mat-icon color */ } .mat-step-icon .mat-icon { color: currentcolor !important; } .mat-step-label, .mat-step-label-selected { font-weight: 500 !important; } /* ----------------------------------------------------------------------------------------------------- */ /* @ Tabs /* ----------------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------- */ /* @ Textarea /* ----------------------------------------------------------------------------------------------------- */ textarea.mat-input-element { box-sizing: content-box !important; } /* ----------------------------------------------------------------------------------------------------- */ /* @ Toolbar /* ----------------------------------------------------------------------------------------------------- */ .mat-toolbar { /* Apply primary contrast color */ /* Apply accent contrast color */ /* Apply warn contrast color */ } .mat-toolbar.mat-primary .mat-icon{ --tw-text-opacity: 1 !important; color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; } .mat-toolbar.mat-primary .text-secondary{ color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.6 !important; } .mat-toolbar.mat-primary .text-hint{ color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-primary .text-disabled{ color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-primary .divider{ color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.12 !important; } .mat-toolbar.mat-accent .mat-icon{ --tw-text-opacity: 1 !important; color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; } .mat-toolbar.mat-accent .text-secondary{ color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.6 !important; } .mat-toolbar.mat-accent .text-hint{ color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent .text-disabled{ color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent .divider{ color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.12 !important; } .mat-toolbar.mat-warn .mat-icon{ --tw-text-opacity: 1 !important; color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; } .mat-toolbar.mat-warn .text-secondary{ color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.6 !important; } .mat-toolbar.mat-warn .text-hint{ color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn .text-disabled{ color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn .divider{ color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.12 !important; } /* ----------------------------------------------------------------------------------------------------- */ /* @ Perfect scrollbar overrides /* ----------------------------------------------------------------------------------------------------- */ .ps { position: relative; } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps.ps--focus > .ps__rail-x, .ps.ps--focus > .ps__rail-y, .ps.ps--scrolling-x > .ps__rail-x, .ps.ps--scrolling-x > .ps__rail-y, .ps.ps--scrolling-y > .ps__rail-x, .ps.ps--scrolling-y > .ps__rail-y { opacity: 1; } .ps > .ps__rail-x, .ps > .ps__rail-y { z-index: 99999; } .ps > .ps__rail-x { height: 14px; background: transparent !important; transition: none !important; } .ps > .ps__rail-x:hover, .ps > .ps__rail-x:focus, .ps > .ps__rail-x.ps--clicking { opacity: 1; } .ps > .ps__rail-x:hover .ps__thumb-x, .ps > .ps__rail-x:focus .ps__thumb-x, .ps > .ps__rail-x.ps--clicking .ps__thumb-x { height: 10px; } .ps > .ps__rail-x .ps__thumb-x { background: rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15); height: 6px; transition: height 225ms cubic-bezier(0.25, 0.8, 0.25, 1); } .ps > .ps__rail-y { width: 14px; background: transparent !important; transition: none !important; left: auto !important; } .ps > .ps__rail-y:hover, .ps > .ps__rail-y:focus, .ps > .ps__rail-y.ps--clicking { opacity: 1; } .ps > .ps__rail-y:hover .ps__thumb-y, .ps > .ps__rail-y:focus .ps__thumb-y, .ps > .ps__rail-y.ps--clicking .ps__thumb-y { width: 10px; } .ps > .ps__rail-y .ps__thumb-y { background: rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15); width: 6px; transition: width 225ms cubic-bezier(0.25, 0.8, 0.25, 1); } /* ! tailwindcss v3.0.23 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e2e8f0; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. */ html { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ tab-size: 4; /* 3 */ font-family: "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* 4 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font family by default. 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: "IBM Plex Mono", ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #94a3b8; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Ensure the default browser behavior of the `hidden` attribute. */ [hidden] { display: none; } * { /* Text rendering */ text-rendering: optimizelegibility; -o-text-rendering: optimizelegibility; -ms-text-rendering: optimizelegibility; -moz-text-rendering: optimizelegibility; -webkit-text-rendering: optimizelegibility; -webkit-tap-highlight-color: transparent; /* Remove the focus ring */ } *:focus { outline: none !important; } /* HTML and Body default styles */ html, body { display: flex; flex-direction: column; flex: 1 1 auto; width: 100%; min-height: 100%; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } /* Font size */ html { font-size: 16px; } body { font-size: 0.875rem; /* Stylistic alternates for Inter */ font-feature-settings: "salt"; height: 100%; } /* Better spacing and border for horizontal rule */ hr { margin: 32px 0; border-bottom-width: 1px; } /* Make images and videos to take up all the available space */ img { width: 100%; vertical-align: top; } /* Fix: Disabled placeholder color is too faded on Safari */ input[disabled] { opacity: 1; -webkit-text-fill-color: currentcolor; } body, .dark, .light{ --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-default-rgb), var(--tw-text-opacity)) !important; --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-bg-default-rgb), var(--tw-bg-opacity)) !important; } *, *::before, *::after { --tw-border-opacity: 1 !important; border-color: rgb(var(--fuse-border-rgb) var(--tw-border-opacity)); } .dark *, .dark *::before, .dark *::after { --tw-border-opacity: 0.12 !important; } [disabled] *{ --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-disabled-rgb), var(--tw-text-opacity)) !important; } .mat-toolbar.mat-primary [disabled] *{ color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent [disabled] *{ color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn [disabled] *{ color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } /* Print styles */ @media print { /* Make the base font size smaller for print so everything is scaled nicely */ html { font-size: 12px !important; } body, .dark, .light { background: none !important; } } *, ::before, ::after{ --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } .container{ width: 100%; margin-right: auto; margin-left: auto; padding-right: 1rem; padding-left: 1rem; } @media (min-width: 600px){ .container{ max-width: 600px; padding-right: 2rem; padding-left: 2rem; } } @media (min-width: 960px){ .container{ max-width: 960px; } } @media (min-width: 1280px){ .container{ max-width: 1280px; padding-right: 4rem; padding-left: 4rem; } } @media (min-width: 1440px){ .container{ max-width: 1440px; padding-right: 5rem; padding-left: 5rem; } } .mat-icon{ --tw-text-opacity: 1; color: rgba(var(--fuse-mat-icon-rgb), var(--tw-text-opacity)); } .text-default{ --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-default-rgb), var(--tw-text-opacity)) !important; } .text-secondary{ --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-secondary-rgb), var(--tw-text-opacity)) !important; } .text-hint{ --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-hint-rgb), var(--tw-text-opacity)) !important; } .text-disabled{ --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-disabled-rgb), var(--tw-text-opacity)) !important; } .divider{ color: var(--fuse-divider) !important; } .bg-card{ --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-bg-card-rgb), var(--tw-bg-opacity)) !important; } .bg-default{ --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-bg-default-rgb), var(--tw-bg-opacity)) !important; } .bg-dialog{ --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-bg-dialog-rgb), var(--tw-bg-opacity)) !important; } .ring-bg-default{ --tw-ring-opacity: 1 !important; --tw-ring-color: rgba(var(--fuse-bg-default-rgb), var(--tw-ring-opacity)) !important; } .ring-bg-card{ --tw-ring-opacity: 1 !important; --tw-ring-color: rgba(var(--fuse-bg-card-rgb), var(--tw-ring-opacity)) !important; } .bg-hover{ background-color: var(--fuse-bg-hover) !important; } body, .theme-default{ --fuse-primary-50: #f5eff7; --fuse-primary-50-rgb: 245,239,247; --fuse-primary-100: #ede2f0; --fuse-primary-100-rgb: 237,226,240; --fuse-primary-200: #dbc5e2; --fuse-primary-200-rgb: 219,197,226; --fuse-primary-300: #c9a2d3; --fuse-primary-300-rgb: 201,162,211; --fuse-primary-400: #b476c2; --fuse-primary-400-rgb: 180,118,194; --fuse-primary-500: #9c27b0; --fuse-primary-500-rgb: 156,39,176; --fuse-primary-600: #8d23a0; --fuse-primary-600-rgb: 141,35,160; --fuse-primary-700: #7d1f8d; --fuse-primary-700-rgb: 125,31,141; --fuse-primary-800: #6b1b78; --fuse-primary-800-rgb: 107,27,120; --fuse-primary-900: #54155f; --fuse-primary-900-rgb: 84,21,95; --fuse-primary: #9c27b0; --fuse-primary-rgb: 156,39,176; --fuse-on-primary-50: #54155f; --fuse-on-primary-50-rgb: 84,21,95; --fuse-on-primary-100: #54155f; --fuse-on-primary-100-rgb: 84,21,95; --fuse-on-primary-200: #54155f; --fuse-on-primary-200-rgb: 84,21,95; --fuse-on-primary-300: #54155f; --fuse-on-primary-300-rgb: 84,21,95; --fuse-on-primary-400: #54155f; --fuse-on-primary-400-rgb: 84,21,95; --fuse-on-primary-500: #FFFFFF; --fuse-on-primary-500-rgb: 255,255,255; --fuse-on-primary-600: #FFFFFF; --fuse-on-primary-600-rgb: 255,255,255; --fuse-on-primary-700: #FFFFFF; --fuse-on-primary-700-rgb: 255,255,255; --fuse-on-primary-800: #FFFFFF; --fuse-on-primary-800-rgb: 255,255,255; --fuse-on-primary-900: #FFFFFF; --fuse-on-primary-900-rgb: 255,255,255; --fuse-on-primary: #FFFFFF; --fuse-on-primary-rgb: 255,255,255; --fuse-accent-50: #f0fdfa; --fuse-accent-50-rgb: 240,253,250; --fuse-accent-100: #ccfbf1; --fuse-accent-100-rgb: 204,251,241; --fuse-accent-200: #99f6e4; --fuse-accent-200-rgb: 153,246,228; --fuse-accent-300: #5eead4; --fuse-accent-300-rgb: 94,234,212; --fuse-accent-400: #2dd4bf; --fuse-accent-400-rgb: 45,212,191; --fuse-accent-500: #14b8a6; --fuse-accent-500-rgb: 20,184,166; --fuse-accent-600: #0d9488; --fuse-accent-600-rgb: 13,148,136; --fuse-accent-700: #0f766e; --fuse-accent-700-rgb: 15,118,110; --fuse-accent-800: #115e59; --fuse-accent-800-rgb: 17,94,89; --fuse-accent-900: #134e4a; --fuse-accent-900-rgb: 19,78,74; --fuse-accent: #14b8a6; --fuse-accent-rgb: 20,184,166; --fuse-on-accent-50: #134e4a; --fuse-on-accent-50-rgb: 19,78,74; --fuse-on-accent-100: #134e4a; --fuse-on-accent-100-rgb: 19,78,74; --fuse-on-accent-200: #134e4a; --fuse-on-accent-200-rgb: 19,78,74; --fuse-on-accent-300: #134e4a; --fuse-on-accent-300-rgb: 19,78,74; --fuse-on-accent-400: #134e4a; --fuse-on-accent-400-rgb: 19,78,74; --fuse-on-accent-500: #134e4a; --fuse-on-accent-500-rgb: 19,78,74; --fuse-on-accent-600: #FFFFFF; --fuse-on-accent-600-rgb: 255,255,255; --fuse-on-accent-700: #FFFFFF; --fuse-on-accent-700-rgb: 255,255,255; --fuse-on-accent-800: #FFFFFF; --fuse-on-accent-800-rgb: 255,255,255; --fuse-on-accent-900: #FFFFFF; --fuse-on-accent-900-rgb: 255,255,255; --fuse-on-accent: #134e4a; --fuse-on-accent-rgb: 19,78,74; --fuse-warn-50: #fef2f2; --fuse-warn-50-rgb: 254,242,242; --fuse-warn-100: #fee2e2; --fuse-warn-100-rgb: 254,226,226; --fuse-warn-200: #fecaca; --fuse-warn-200-rgb: 254,202,202; --fuse-warn-300: #fca5a5; --fuse-warn-300-rgb: 252,165,165; --fuse-warn-400: #f87171; --fuse-warn-400-rgb: 248,113,113; --fuse-warn-500: #ef4444; --fuse-warn-500-rgb: 239,68,68; --fuse-warn-600: #dc2626; --fuse-warn-600-rgb: 220,38,38; --fuse-warn-700: #b91c1c; --fuse-warn-700-rgb: 185,28,28; --fuse-warn-800: #991b1b; --fuse-warn-800-rgb: 153,27,27; --fuse-warn-900: #7f1d1d; --fuse-warn-900-rgb: 127,29,29; --fuse-warn: #dc2626; --fuse-warn-rgb: 220,38,38; --fuse-on-warn-50: #7f1d1d; --fuse-on-warn-50-rgb: 127,29,29; --fuse-on-warn-100: #7f1d1d; --fuse-on-warn-100-rgb: 127,29,29; --fuse-on-warn-200: #7f1d1d; --fuse-on-warn-200-rgb: 127,29,29; --fuse-on-warn-300: #7f1d1d; --fuse-on-warn-300-rgb: 127,29,29; --fuse-on-warn-400: #7f1d1d; --fuse-on-warn-400-rgb: 127,29,29; --fuse-on-warn-500: #fef2f2; --fuse-on-warn-500-rgb: 254,242,242; --fuse-on-warn-600: #FFFFFF; --fuse-on-warn-600-rgb: 255,255,255; --fuse-on-warn-700: #FFFFFF; --fuse-on-warn-700-rgb: 255,255,255; --fuse-on-warn-800: #FFFFFF; --fuse-on-warn-800-rgb: 255,255,255; --fuse-on-warn-900: #FFFFFF; --fuse-on-warn-900-rgb: 255,255,255; --fuse-on-warn: #FFFFFF; --fuse-on-warn-rgb: 255,255,255; } body.light, .light, .dark .light{ --is-dark: false; --fuse-bg-app-bar: #FFFFFF; --fuse-bg-app-bar-rgb: 255,255,255; --fuse-bg-card: #FFFFFF; --fuse-bg-card-rgb: 255,255,255; --fuse-bg-default: #f1f5f9; --fuse-bg-default-rgb: 241,245,249; --fuse-bg-dialog: #FFFFFF; --fuse-bg-dialog-rgb: 255,255,255; --fuse-bg-hover: rgba(148,163,184,0.12); --fuse-bg-hover-rgb: 148,163,184; --fuse-bg-status-bar: #cbd5e1; --fuse-bg-status-bar-rgb: 203,213,225; --fuse-text-default: #1e293b; --fuse-text-default-rgb: 30,41,59; --fuse-text-secondary: #64748b; --fuse-text-secondary-rgb: 100,116,139; --fuse-text-hint: #94a3b8; --fuse-text-hint-rgb: 148,163,184; --fuse-text-disabled: #94a3b8; --fuse-text-disabled-rgb: 148,163,184; --fuse-border: #e2e8f0; --fuse-border-rgb: 226,232,240; --fuse-divider: #e2e8f0; --fuse-divider-rgb: 226,232,240; --fuse-icon: #64748b; --fuse-icon-rgb: 100,116,139; --fuse-mat-icon: #64748b; --fuse-mat-icon-rgb: 100,116,139; } body.dark, .dark, .light .dark{ --fuse-bg-app-bar: #0f172a; --fuse-bg-app-bar-rgb: 15,23,42; --fuse-bg-card: #1e293b; --fuse-bg-card-rgb: 30,41,59; --fuse-bg-default: #0f172a; --fuse-bg-default-rgb: 15,23,42; --fuse-bg-dialog: #1e293b; --fuse-bg-dialog-rgb: 30,41,59; --fuse-bg-hover: rgba(255, 255, 255, 0.05); --fuse-bg-hover-rgb: 255,255,255; --fuse-bg-status-bar: #0f172a; --fuse-bg-status-bar-rgb: 15,23,42; --fuse-text-default: #FFFFFF; --fuse-text-default-rgb: 255,255,255; --fuse-text-secondary: #94a3b8; --fuse-text-secondary-rgb: 148,163,184; --fuse-text-hint: #64748b; --fuse-text-hint-rgb: 100,116,139; --fuse-text-disabled: #475569; --fuse-text-disabled-rgb: 71,85,105; --fuse-border: rgba(241,245,249,0.12); --fuse-border-rgb: 241,245,249; --fuse-divider: rgba(241,245,249,0.12); --fuse-divider-rgb: 241,245,249; --fuse-icon: #94a3b8; --fuse-icon-rgb: 148,163,184; --fuse-mat-icon: #94a3b8; --fuse-mat-icon-rgb: 148,163,184; } .pointer-events-none{ pointer-events: none !important; } .visible{ visibility: visible !important; } .invisible{ visibility: hidden !important; } .static{ position: static !important; } .fixed{ position: fixed !important; } .absolute{ position: absolute !important; } .\!absolute{ position: absolute !important; } .relative{ position: relative !important; } .sticky{ position: sticky !important; } .inset-0{ top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; } .top-0{ top: 0px !important; } .left-0{ left: 0px !important; } .right-0{ right: 0px !important; } .left-1{ left: 0.25rem !important; } .top-3{ top: 0.75rem !important; } .right-6{ right: 1.5rem !important; } .right-5{ right: 1.25rem !important; } .right-1{ right: 0.25rem !important; } .\!-top-1{ top: -0.25rem !important; } .bottom-\[3px\]{ bottom: 3px !important; } .top-5{ top: 1.25rem !important; } .bottom-0{ bottom: 0px !important; } .top-\[-7\%\]{ top: -7% !important; } .bottom-px{ bottom: 1px !important; } .z-\[9999\]{ z-index: 9999 !important; } .z-9999{ z-index: 9999 !important; } .z-999{ z-index: 999 !important; } .z-10{ z-index: 10 !important; } .z-99999{ z-index: 99999 !important; } .z-20{ z-index: 20 !important; } .z-\[15\]{ z-index: 15 !important; } .m-0{ margin: 0px !important; } .m-8{ margin: 2rem !important; } .my-9{ margin-top: 2.25rem !important; margin-bottom: 2.25rem !important; } .mx-8{ margin-left: 2rem !important; margin-right: 2rem !important; } .my-\[1\.8rem\]{ margin-top: 1.8rem !important; margin-bottom: 1.8rem !important; } .mx-4{ margin-left: 1rem !important; margin-right: 1rem !important; } .mx-auto{ margin-left: auto !important; margin-right: auto !important; } .mx-1{ margin-left: 0.25rem !important; margin-right: 0.25rem !important; } .my-20{ margin-top: 5rem !important; margin-bottom: 5rem !important; } .my-22{ margin-top: 5.5rem !important; margin-bottom: 5.5rem !important; } .mx-13{ margin-left: 3.25rem !important; margin-right: 3.25rem !important; } .mx-6{ margin-left: 1.5rem !important; margin-right: 1.5rem !important; } .my-5{ margin-top: 1.25rem !important; margin-bottom: 1.25rem !important; } .-mx-6{ margin-left: -1.5rem !important; margin-right: -1.5rem !important; } .mx-2{ margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .my-8{ margin-top: 2rem !important; margin-bottom: 2rem !important; } .my-6{ margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-4{ margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-2{ margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .mx-3{ margin-left: 0.75rem !important; margin-right: 0.75rem !important; } .my-1{ margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .mr-4{ margin-right: 1rem !important; } .mt-7{ margin-top: 1.75rem !important; } .mt-4{ margin-top: 1rem !important; } .mt-3{ margin-top: 0.75rem !important; } .mb-12{ margin-bottom: 3rem !important; } .mt-11{ margin-top: 2.75rem !important; } .ml-6{ margin-left: 1.5rem !important; } .mt-16{ margin-top: 4rem !important; } .mt-8{ margin-top: 2rem !important; } .mb-8{ margin-bottom: 2rem !important; } .mt-6{ margin-top: 1.5rem !important; } .-mb-4{ margin-bottom: -1rem !important; } .mt-10{ margin-top: 2.5rem !important; } .mr-8{ margin-right: 2rem !important; } .mb-4{ margin-bottom: 1rem !important; } .ml-0\.5{ margin-left: 0.125rem !important; } .ml-0{ margin-left: 0px !important; } .ml-4{ margin-left: 1rem !important; } .ml-2{ margin-left: 0.5rem !important; } .mr-1{ margin-right: 0.25rem !important; } .mb-10{ margin-bottom: 2.5rem !important; } .mb-2{ margin-bottom: 0.5rem !important; } .mr-2{ margin-right: 0.5rem !important; } .mt-30{ margin-top: 7.5rem !important; } .mt-12{ margin-top: 3rem !important; } .ml-auto{ margin-left: auto !important; } .mb-0{ margin-bottom: 0px !important; } .mt-5{ margin-top: 1.25rem !important; } .mb-6{ margin-bottom: 1.5rem !important; } .mb-13{ margin-bottom: 3.25rem !important; } .mt-20{ margin-top: 5rem !important; } .mr-3{ margin-right: 0.75rem !important; } .mt-2{ margin-top: 0.5rem !important; } .ml-52{ margin-left: 13rem !important; } .ml-3{ margin-left: 0.75rem !important; } .mt-48{ margin-top: 12rem !important; } .ml-10{ margin-left: 2.5rem !important; } .mt-14{ margin-top: 3.5rem !important; } .mt-1{ margin-top: 0.25rem !important; } .ml-1{ margin-left: 0.25rem !important; } .ml-8{ margin-left: 2rem !important; } .mt-13{ margin-top: 3.25rem !important; } .-mt-3{ margin-top: -0.75rem !important; } .mb-3{ margin-bottom: 0.75rem !important; } .mr-28{ margin-right: 7rem !important; } .mb-26{ margin-bottom: 6.5rem !important; } .mb-16{ margin-bottom: 4rem !important; } .mb-5{ margin-bottom: 1.25rem !important; } .mb-15{ margin-bottom: 3.75rem !important; } .mt-0\.5{ margin-top: 0.125rem !important; } .mt-0{ margin-top: 0px !important; } .-ml-6{ margin-left: -1.5rem !important; } .mt-1\.5{ margin-top: 0.375rem !important; } .block{ display: block !important; } .inline{ display: inline !important; } .flex{ display: flex !important; } .inline-flex{ display: inline-flex !important; } .table{ display: table !important; } .grid{ display: grid !important; } .hidden{ display: none !important; } .h-full{ height: 100% !important; } .h-\[65vh\]{ height: 65vh !important; } .h-6{ height: 1.5rem !important; } .h-20{ height: 5rem !important; } .h-24{ height: 6rem !important; } .h-5{ height: 1.25rem !important; } .h-\[calc\(100vh-4rem\)\]{ height: calc(100vh - 4rem) !important; } .h-screen{ height: 100vh !important; } .h-7{ height: 1.75rem !important; } .h-48{ height: 12rem !important; } .h-72{ height: 18rem !important; } .h-8{ height: 2rem !important; } .h-15{ height: 3.75rem !important; } .h-22{ height: 5.5rem !important; } .h-0{ height: 0px !important; } .h-10{ height: 2.5rem !important; } .h-5\/6{ height: 83.333333% !important; } .h-1\/6{ height: 16.666667% !important; } .h-12{ height: 3rem !important; } .\!h-full{ height: 100% !important; } .h-\[45px\]{ height: 45px !important; } .h-11{ height: 2.75rem !important; } .h-36{ height: 9rem !important; } .h-32{ height: 8rem !important; } .h-16{ height: 4rem !important; } .h-9{ height: 2.25rem !important; } .h-60{ height: 15rem !important; } .h-28{ height: 7rem !important; } .h-13{ height: 3.25rem !important; } .h-14{ height: 3.5rem !important; } .max-h-\[65vh\]{ max-height: 65vh !important; } .max-h-full{ max-height: 100% !important; } .max-h-11{ max-height: 2.75rem !important; } .min-h-22{ min-height: 5.5rem !important; } .min-h-7{ min-height: 1.75rem !important; } .min-h-12{ min-height: 3rem !important; } .min-h-\[11rem\]{ min-height: 11rem !important; } .\!min-h-\[28px\]{ min-height: 28px !important; } .min-h-56{ min-height: 14rem !important; } .min-h-\[78px\]{ min-height: 78px !important; } .min-h-full{ min-height: 100% !important; } .w-full{ width: 100% !important; } .w-1\/3{ width: 33.333333% !important; } .w-6{ width: 1.5rem !important; } .w-\[720px\]{ width: 720px !important; } .w-5{ width: 1.25rem !important; } .w-24{ width: 6rem !important; } .w-36{ width: 9rem !important; } .w-80{ width: 20rem !important; } .w-2\/6{ width: 33.333333% !important; } .w-28{ width: 7rem !important; } .w-20{ width: 5rem !important; } .w-7{ width: 1.75rem !important; } .w-16{ width: 4rem !important; } .w-8{ width: 2rem !important; } .w-22{ width: 5.5rem !important; } .w-\[725px\]{ width: 725px !important; } .w-50{ width: 12.5rem !important; } .w-0{ width: 0px !important; } .w-10{ width: 2.5rem !important; } .w-90{ width: 22.5rem !important; } .w-30{ width: 7.5rem !important; } .w-\[495px\]{ width: 495px !important; } .w-15{ width: 3.75rem !important; } .w-1\/4{ width: 25% !important; } .w-60{ width: 15rem !important; } .w-26{ width: 6.5rem !important; } .w-32{ width: 8rem !important; } .w-12{ width: 3rem !important; } .w-\[45px\]{ width: 45px !important; } .w-11{ width: 2.75rem !important; } .w-40{ width: 10rem !important; } .w-9{ width: 2.25rem !important; } .w-\[32rem\]{ width: 32rem !important; } .w-max{ width: max-content !important; } .w-72{ width: 18rem !important; } .w-2\/5{ width: 40% !important; } .min-w-\[720px\]{ min-width: 720px !important; } .min-w-\[20rem\]{ min-width: 20rem !important; } .min-w-0{ min-width: 0px !important; } .min-w-\[330px\]{ min-width: 330px !important; } .min-w-\[300px\]{ min-width: 300px !important; } .min-w-10{ min-width: 2.5rem !important; } .min-w-\[495px\]{ min-width: 495px !important; } .min-w-\[70\%\]{ min-width: 70% !important; } .min-w-\[15\%\]{ min-width: 15% !important; } .min-w-100{ min-width: 25rem !important; } .min-w-full{ min-width: 100% !important; } .max-w-80{ max-width: 20rem !important; } .max-w-22{ max-width: 5.5rem !important; } .max-w-3xl{ max-width: 48rem !important; } .max-w-\[30\%\]{ max-width: 30% !important; } .flex-auto{ flex: 1 1 auto !important; } .flex-1{ flex: 1 1 0% !important; } .flex-0{ flex: 0 0 auto !important; } .flex-grow{ flex-grow: 1 !important; } .grow{ flex-grow: 1 !important; } .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .cursor-pointer{ cursor: pointer !important; } .cursor-not-allowed{ cursor: not-allowed !important; } .resize{ resize: both !important; } .grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } .grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .flex-row-reverse{ flex-direction: row-reverse !important; } .flex-col{ flex-direction: column !important; } .flex-wrap{ flex-wrap: wrap !important; } .flex-nowrap{ flex-wrap: nowrap !important; } .items-start{ align-items: flex-start !important; } .items-center{ align-items: center !important; } .items-stretch{ align-items: stretch !important; } .justify-start{ justify-content: flex-start !important; } .justify-end{ justify-content: flex-end !important; } .justify-center{ justify-content: center !important; } .justify-between{ justify-content: space-between !important; } .gap-4{ gap: 1rem !important; } .gap-7{ gap: 1.75rem !important; } .gap-3{ gap: 0.75rem !important; } .gap-2{ gap: 0.5rem !important; } .gap-6{ gap: 1.5rem !important; } .gap-12{ gap: 3rem !important; } .gap-10{ gap: 2.5rem !important; } .gap-8{ gap: 2rem !important; } .gap-5{ gap: 1.25rem !important; } .gap-x-12{ column-gap: 3rem !important; } .gap-x-48{ column-gap: 12rem !important; } .gap-y-4{ row-gap: 1rem !important; } .gap-x-0{ column-gap: 0px !important; } .gap-x-80{ column-gap: 20rem !important; } .gap-x-8{ column-gap: 2rem !important; } .space-x-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0 !important; margin-right: calc(1rem * var(--tw-space-x-reverse)) !important; margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important; } .space-x-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0 !important; margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important; margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important; } .space-y-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0 !important; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important; } .space-y-8 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0 !important; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(2rem * var(--tw-space-y-reverse)) !important; } .space-x-0\.5 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0 !important; margin-right: calc(0.125rem * var(--tw-space-x-reverse)) !important; margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse))) !important; } .space-x-0 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0 !important; margin-right: calc(0px * var(--tw-space-x-reverse)) !important; margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))) !important; } .space-y-1 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0 !important; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)) !important; } .space-x-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0 !important; margin-right: calc(0.75rem * var(--tw-space-x-reverse)) !important; margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))) !important; } .self-center{ align-self: center !important; } .overflow-auto{ overflow: auto !important; } .overflow-hidden{ overflow: hidden !important; } .overflow-scroll{ overflow: scroll !important; } .truncate{ overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .text-ellipsis{ text-overflow: ellipsis !important; } .whitespace-nowrap{ white-space: nowrap !important; } .break-words{ overflow-wrap: break-word !important; } .rounded-lg{ border-radius: 0.5rem !important; } .rounded-full{ border-radius: 9999px !important; } .rounded-3xl{ border-radius: 1.5rem !important; } .rounded{ border-radius: 0.25rem !important; } .rounded-xl{ border-radius: 0.75rem !important; } .rounded-md{ border-radius: 0.375rem !important; } .rounded-sm{ border-radius: 0.125rem !important; } .rounded-t-md{ border-top-left-radius: 0.375rem !important; border-top-right-radius: 0.375rem !important; } .border{ border-width: 1px !important; } .border-4{ border-width: 4px !important; } .border-2{ border-width: 2px !important; } .border-b{ border-bottom-width: 1px !important; } .border-t-0{ border-top-width: 0px !important; } .border-t{ border-top-width: 1px !important; } .border-r-2{ border-right-width: 2px !important; } .border-solid{ border-style: solid !important; } .border-dashed{ border-style: dashed !important; } .border-gray-300{ --tw-border-opacity: 1 !important; border-color: rgb(203 213 225 / var(--tw-border-opacity)) !important; } .border-gray-500{ --tw-border-opacity: 1 !important; border-color: rgb(100 116 139 / var(--tw-border-opacity)) !important; } .border-primary{ --tw-border-opacity: 1 !important; border-color: rgba(var(--fuse-primary-rgb), var(--tw-border-opacity)) !important; } .border-gray-400{ --tw-border-opacity: 1 !important; border-color: rgb(148 163 184 / var(--tw-border-opacity)) !important; } .border-\[\#cecece\]{ --tw-border-opacity: 1 !important; border-color: rgb(206 206 206 / var(--tw-border-opacity)) !important; } .border-teal-500{ --tw-border-opacity: 1 !important; border-color: rgb(20 184 166 / var(--tw-border-opacity)) !important; } .border-neutral-200{ --tw-border-opacity: 1 !important; border-color: rgb(229 229 229 / var(--tw-border-opacity)) !important; } .bg-white{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .bg-accent{ --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-accent-rgb), var(--tw-bg-opacity)) !important; } .bg-orange-200{ --tw-bg-opacity: 1 !important; background-color: rgb(254 215 170 / var(--tw-bg-opacity)) !important; } .bg-\[\#32afb8\]\/\[0\.16\]{ background-color: rgb(50 175 184 / 0.16) !important; } .bg-transparent{ background-color: transparent !important; } .bg-green-500{ --tw-bg-opacity: 1 !important; background-color: rgb(34 197 94 / var(--tw-bg-opacity)) !important; } .bg-red-500{ --tw-bg-opacity: 1 !important; background-color: rgb(239 68 68 / var(--tw-bg-opacity)) !important; } .bg-\[\#26153f\]{ --tw-bg-opacity: 1 !important; background-color: rgb(38 21 63 / var(--tw-bg-opacity)) !important; } .bg-gray-100{ --tw-bg-opacity: 1 !important; background-color: rgb(241 245 249 / var(--tw-bg-opacity)) !important; } .bg-gray-800{ --tw-bg-opacity: 1 !important; background-color: rgb(30 41 59 / var(--tw-bg-opacity)) !important; } .bg-gray-600{ --tw-bg-opacity: 1 !important; background-color: rgb(71 85 105 / var(--tw-bg-opacity)) !important; } .bg-gray-500{ --tw-bg-opacity: 1 !important; background-color: rgb(100 116 139 / var(--tw-bg-opacity)) !important; } .bg-black{ --tw-bg-opacity: 1 !important; background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important; } .bg-gray-200{ --tw-bg-opacity: 1 !important; background-color: rgb(226 232 240 / var(--tw-bg-opacity)) !important; } .bg-primary{ --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-primary-rgb), var(--tw-bg-opacity)) !important; } .bg-teal-300\/20{ background-color: rgb(94 234 212 / 0.2) !important; } .bg-neutral-300\/70{ background-color: rgb(212 212 212 / 0.7) !important; } .bg-teal-500{ --tw-bg-opacity: 1 !important; background-color: rgb(20 184 166 / var(--tw-bg-opacity)) !important; } .bg-\[\#f9f9f9\]{ --tw-bg-opacity: 1 !important; background-color: rgb(249 249 249 / var(--tw-bg-opacity)) !important; } .bg-\[\#32afb8\]\/\[0\.08\]{ background-color: rgb(50 175 184 / 0.08) !important; } .bg-green-100{ --tw-bg-opacity: 1 !important; background-color: rgb(220 252 231 / var(--tw-bg-opacity)) !important; } .bg-neutral-200{ --tw-bg-opacity: 1 !important; background-color: rgb(229 229 229 / var(--tw-bg-opacity)) !important; } .bg-\[\#2196f3\]{ --tw-bg-opacity: 1 !important; background-color: rgb(33 150 243 / var(--tw-bg-opacity)) !important; } .bg-\[\#43a047\]{ --tw-bg-opacity: 1 !important; background-color: rgb(67 160 71 / var(--tw-bg-opacity)) !important; } .bg-\[\#ff8f00\]{ --tw-bg-opacity: 1 !important; background-color: rgb(255 143 0 / var(--tw-bg-opacity)) !important; } .bg-red-400{ --tw-bg-opacity: 1 !important; background-color: rgb(248 113 113 / var(--tw-bg-opacity)) !important; } .bg-gray-900{ --tw-bg-opacity: 1 !important; background-color: rgb(15 23 42 / var(--tw-bg-opacity)) !important; } .bg-slate-900{ --tw-bg-opacity: 1 !important; background-color: rgb(15 23 42 / var(--tw-bg-opacity)) !important; } .bg-\[\#ebebeb\]{ --tw-bg-opacity: 1 !important; background-color: rgb(235 235 235 / var(--tw-bg-opacity)) !important; } .bg-primary-100{ --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-primary-100-rgb), var(--tw-bg-opacity)) !important; } .bg-accent-100{ --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-accent-100-rgb), var(--tw-bg-opacity)) !important; } .bg-warn-100{ --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-warn-100-rgb), var(--tw-bg-opacity)) !important; } .bg-blue-100{ --tw-bg-opacity: 1 !important; background-color: rgb(219 234 254 / var(--tw-bg-opacity)) !important; } .bg-amber-100{ --tw-bg-opacity: 1 !important; background-color: rgb(254 243 199 / var(--tw-bg-opacity)) !important; } .bg-red-100{ --tw-bg-opacity: 1 !important; background-color: rgb(254 226 226 / var(--tw-bg-opacity)) !important; } .bg-gray-50{ --tw-bg-opacity: 1 !important; background-color: rgb(248 250 252 / var(--tw-bg-opacity)) !important; } .bg-opacity-50{ --tw-bg-opacity: 0.5 !important; } .bg-opacity-70{ --tw-bg-opacity: 0.7 !important; } .bg-\[length\:100\%_200\%\]{ background-size: 100% 200% !important; } .object-cover{ object-fit: cover !important; } .object-scale-down{ object-fit: scale-down !important; } .p-6{ padding: 1.5rem !important; } .p-10{ padding: 2.5rem !important; } .p-4{ padding: 1rem !important; } .p-5{ padding: 1.25rem !important; } .p-2{ padding: 0.5rem !important; } .p-8{ padding: 2rem !important; } .p-3{ padding: 0.75rem !important; } .p-12{ padding: 3rem !important; } .p-1{ padding: 0.25rem !important; } .p-1\.5{ padding: 0.375rem !important; } .px-8{ padding-left: 2rem !important; padding-right: 2rem !important; } .px-4{ padding-left: 1rem !important; padding-right: 1rem !important; } .px-6{ padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .py-8{ padding-top: 2rem !important; padding-bottom: 2rem !important; } .px-2{ padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .py-2{ padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .px-12{ padding-left: 3rem !important; padding-right: 3rem !important; } .px-5{ padding-left: 1.25rem !important; padding-right: 1.25rem !important; } .px-10{ padding-left: 2.5rem !important; padding-right: 2.5rem !important; } .px-16{ padding-left: 4rem !important; padding-right: 4rem !important; } .\!py-6{ padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .px-13{ padding-left: 3.25rem !important; padding-right: 3.25rem !important; } .px-0{ padding-left: 0px !important; padding-right: 0px !important; } .py-4{ padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-3{ padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .px-3{ padding-left: 0.75rem !important; padding-right: 0.75rem !important; } .py-11{ padding-top: 2.75rem !important; padding-bottom: 2.75rem !important; } .px-7{ padding-left: 1.75rem !important; padding-right: 1.75rem !important; } .px-9{ padding-left: 2.25rem !important; padding-right: 2.25rem !important; } .py-7{ padding-top: 1.75rem !important; padding-bottom: 1.75rem !important; } .pb-28{ padding-bottom: 7rem !important; } .pt-24{ padding-top: 6rem !important; } .pr-4{ padding-right: 1rem !important; } .pt-8{ padding-top: 2rem !important; } .pb-16{ padding-bottom: 4rem !important; } .pb-12{ padding-bottom: 3rem !important; } .pb-8{ padding-bottom: 2rem !important; } .pl-1{ padding-left: 0.25rem !important; } .pl-10{ padding-left: 2.5rem !important; } .pl-3{ padding-left: 0.75rem !important; } .pt-4{ padding-top: 1rem !important; } .pt-3{ padding-top: 0.75rem !important; } .pl-4{ padding-left: 1rem !important; } .pt-0{ padding-top: 0px !important; } .pt-6{ padding-top: 1.5rem !important; } .pr-3{ padding-right: 0.75rem !important; } .pr-0{ padding-right: 0px !important; } .pl-6{ padding-left: 1.5rem !important; } .pl-2{ padding-left: 0.5rem !important; } .pb-6{ padding-bottom: 1.5rem !important; } .text-left{ text-align: left !important; } .text-center{ text-align: center !important; } .text-right{ text-align: right !important; } .align-middle{ vertical-align: middle !important; } .\!text-lg{ font-size: 1rem !important; } .text-lg{ font-size: 1rem !important; } .text-4xl{ font-size: 2rem !important; } .text-xl{ font-size: 1.125rem !important; } .text-9xl{ font-size: 6rem !important; } .text-md{ font-size: 0.8125rem !important; } .text-base{ font-size: 0.875rem !important; } .text-6xl{ font-size: 2.5rem !important; } .text-3xl{ font-size: 1.5rem !important; } .text-2xl{ font-size: 1.25rem !important; } .text-7xl{ font-size: 3rem !important; } .text-5xl{ font-size: 2.25rem !important; } .text-sm{ font-size: 0.75rem !important; } .text-8xl{ font-size: 4rem !important; } .text-\[45px\]{ font-size: 45px !important; } .text-xs{ font-size: 0.625rem !important; } .font-bold{ font-weight: 700 !important; } .font-extrabold{ font-weight: 800 !important; } .font-medium{ font-weight: 500 !important; } .font-normal{ font-weight: 400 !important; } .font-semibold{ font-weight: 600 !important; } .font-black{ font-weight: 900 !important; } .uppercase{ text-transform: uppercase !important; } .lowercase{ text-transform: lowercase !important; } .capitalize{ text-transform: capitalize !important; } .leading-tight{ line-height: 1.25 !important; } .leading-none{ line-height: 1 !important; } .leading-relaxed{ line-height: 1.625 !important; } .leading-normal{ line-height: 1.5 !important; } .leading-6{ line-height: 1.5rem !important; } .leading-9{ line-height: 2.25rem !important; } .leading-4{ line-height: 1rem !important; } .tracking-tight{ letter-spacing: -0.025em !important; } .text-white{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .text-\[\#32afb8\]{ --tw-text-opacity: 1 !important; color: rgb(50 175 184 / var(--tw-text-opacity)) !important; } .text-neutral-300{ --tw-text-opacity: 1 !important; color: rgb(212 212 212 / var(--tw-text-opacity)) !important; } .text-slate-400{ --tw-text-opacity: 1 !important; color: rgb(148 163 184 / var(--tw-text-opacity)) !important; } .text-cyan-500{ --tw-text-opacity: 1 !important; color: rgb(6 182 212 / var(--tw-text-opacity)) !important; } .text-red-700{ --tw-text-opacity: 1 !important; color: rgb(185 28 28 / var(--tw-text-opacity)) !important; } .text-\[\#bfb2d2\]{ --tw-text-opacity: 1 !important; color: rgb(191 178 210 / var(--tw-text-opacity)) !important; } .text-\[\#3b1672\]{ --tw-text-opacity: 1 !important; color: rgb(59 22 114 / var(--tw-text-opacity)) !important; } .text-black{ --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity)) !important; } .text-black\/40{ color: rgb(0 0 0 / 0.4) !important; } .text-pink-500{ --tw-text-opacity: 1 !important; color: rgb(236 72 153 / var(--tw-text-opacity)) !important; } .text-teal-600{ --tw-text-opacity: 1 !important; color: rgb(13 148 136 / var(--tw-text-opacity)) !important; } .text-gray-600{ --tw-text-opacity: 1 !important; color: rgb(71 85 105 / var(--tw-text-opacity)) !important; } .text-\[\#929292\]{ --tw-text-opacity: 1 !important; color: rgb(146 146 146 / var(--tw-text-opacity)) !important; } .text-red-500{ --tw-text-opacity: 1 !important; color: rgb(239 68 68 / var(--tw-text-opacity)) !important; } .text-green-500{ --tw-text-opacity: 1 !important; color: rgb(34 197 94 / var(--tw-text-opacity)) !important; } .text-gray-500{ --tw-text-opacity: 1 !important; color: rgb(100 116 139 / var(--tw-text-opacity)) !important; } .text-teal-500{ --tw-text-opacity: 1 !important; color: rgb(20 184 166 / var(--tw-text-opacity)) !important; } .text-gray-400{ --tw-text-opacity: 1 !important; color: rgb(148 163 184 / var(--tw-text-opacity)) !important; } .text-red-400{ --tw-text-opacity: 1 !important; color: rgb(248 113 113 / var(--tw-text-opacity)) !important; } .text-neutral-500{ --tw-text-opacity: 1 !important; color: rgb(115 115 115 / var(--tw-text-opacity)) !important; } .text-slate-300{ --tw-text-opacity: 1 !important; color: rgb(203 213 225 / var(--tw-text-opacity)) !important; } .text-primary{ --tw-text-opacity: 1 !important; color: rgba(var(--fuse-primary-rgb), var(--tw-text-opacity)) !important; } .text-\[\#686868\]{ --tw-text-opacity: 1 !important; color: rgb(104 104 104 / var(--tw-text-opacity)) !important; } .text-slate-500{ --tw-text-opacity: 1 !important; color: rgb(100 116 139 / var(--tw-text-opacity)) !important; } .text-\[\#5b8e5e\]{ --tw-text-opacity: 1 !important; color: rgb(91 142 94 / var(--tw-text-opacity)) !important; } .text-\[\#6d4a9a\]{ --tw-text-opacity: 1 !important; color: rgb(109 74 154 / var(--tw-text-opacity)) !important; } .text-\[\#b637cc\]{ --tw-text-opacity: 1 !important; color: rgb(182 55 204 / var(--tw-text-opacity)) !important; } .text-\[\#6f7681\]{ --tw-text-opacity: 1 !important; color: rgb(111 118 129 / var(--tw-text-opacity)) !important; } .text-green-600{ --tw-text-opacity: 1 !important; color: rgb(22 163 74 / var(--tw-text-opacity)) !important; } .text-primary\/40{ color: rgba(var(--fuse-primary-rgb), 0.4) !important; } .text-primary-600{ --tw-text-opacity: 1 !important; color: rgba(var(--fuse-primary-600-rgb), var(--tw-text-opacity)) !important; } .text-accent-600{ --tw-text-opacity: 1 !important; color: rgba(var(--fuse-accent-600-rgb), var(--tw-text-opacity)) !important; } .text-warn-600{ --tw-text-opacity: 1 !important; color: rgba(var(--fuse-warn-600-rgb), var(--tw-text-opacity)) !important; } .text-blue-600{ --tw-text-opacity: 1 !important; color: rgb(37 99 235 / var(--tw-text-opacity)) !important; } .text-amber-500{ --tw-text-opacity: 1 !important; color: rgb(245 158 11 / var(--tw-text-opacity)) !important; } .text-red-600{ --tw-text-opacity: 1 !important; color: rgb(220 38 38 / var(--tw-text-opacity)) !important; } .text-current{ color: currentColor !important; } .underline{ -webkit-text-decoration-line: underline !important; text-decoration-line: underline !important; } .line-through{ -webkit-text-decoration-line: line-through !important; text-decoration-line: line-through !important; } .opacity-0{ opacity: 0 !important; } .opacity-50{ opacity: 0.5 !important; } .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow-xl{ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .outline{ outline-style: solid !important; } .ring-4{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; } .ring-1{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; } .ring-inset{ --tw-ring-inset: inset !important; } .ring-gray-300{ --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity)) !important; } .ring-red-600{ --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity)) !important; } .ring-gray-200{ --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity)) !important; } .ring-black{ --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)) !important; } .ring-opacity-10{ --tw-ring-opacity: 0.1 !important; } .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .transition-\[background-position\]{ transition-property: background-position !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 150ms !important; } .transition{ transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter !important; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 150ms !important; } .duration-300{ transition-duration: 300ms !important; } .icon-size-14{ width: 3.5rem !important; height: 3.5rem !important; min-width: 3.5rem !important; min-height: 3.5rem !important; font-size: 3.5rem !important; line-height: 3.5rem !important; } .icon-size-14 svg{ width: 3.5rem !important; height: 3.5rem !important; } .icon-size-5{ width: 1.25rem !important; height: 1.25rem !important; min-width: 1.25rem !important; min-height: 1.25rem !important; font-size: 1.25rem !important; line-height: 1.25rem !important; } .icon-size-5 svg{ width: 1.25rem !important; height: 1.25rem !important; } .icon-size-7{ width: 1.75rem !important; height: 1.75rem !important; min-width: 1.75rem !important; min-height: 1.75rem !important; font-size: 1.75rem !important; line-height: 1.75rem !important; } .icon-size-7 svg{ width: 1.75rem !important; height: 1.75rem !important; } .icon-size-24{ width: 6rem !important; height: 6rem !important; min-width: 6rem !important; min-height: 6rem !important; font-size: 6rem !important; line-height: 6rem !important; } .icon-size-24 svg{ width: 6rem !important; height: 6rem !important; } .icon-size-4{ width: 1rem !important; height: 1rem !important; min-width: 1rem !important; min-height: 1rem !important; font-size: 1rem !important; line-height: 1rem !important; } .icon-size-4 svg{ width: 1rem !important; height: 1rem !important; } .icon-size-6{ width: 1.5rem !important; height: 1.5rem !important; min-width: 1.5rem !important; min-height: 1.5rem !important; font-size: 1.5rem !important; line-height: 1.5rem !important; } .icon-size-6 svg{ width: 1.5rem !important; height: 1.5rem !important; } .icon-size-8{ width: 2rem !important; height: 2rem !important; min-width: 2rem !important; min-height: 2rem !important; font-size: 2rem !important; line-height: 2rem !important; } .icon-size-8 svg{ width: 2rem !important; height: 2rem !important; } .line-clamp-2{ overflow: hidden !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; } .line-clamp-3{ overflow: hidden !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; } /* This injects additional styles into Tailwind's base styles layer. */ .fields-wrapper:not(:last-of-type) { margin-bottom: 1.5rem; } .fields-wrapper mat-form-field { width: 100%; } .fields-wrapper mat-form-field label { top: -0.25rem !important; font-size: 0.75rem !important; } .no-padding-dialog .mat-dialog-container { padding: 0; } .mat-drawer-container { z-index: 15 !important; } .mat-drawer-container.below-nav { z-index: 3 !important; } .hover\:bg-hover:hover{ background-color: var(--fuse-bg-hover) !important; } .hover\:bg-gray-400:hover{ --tw-bg-opacity: 1 !important; background-color: rgb(148 163 184 / var(--tw-bg-opacity)) !important; } .hover\:bg-gray-300:hover{ --tw-bg-opacity: 1 !important; background-color: rgb(203 213 225 / var(--tw-bg-opacity)) !important; } .hover\:bg-gray-300\/50:hover{ background-color: rgb(203 213 225 / 0.5) !important; } .hover\:underline:hover{ -webkit-text-decoration-line: underline !important; text-decoration-line: underline !important; } .dark .dark\:border-b{ border-bottom-width: 1px !important; } .dark .dark\:bg-transparent{ background-color: transparent !important; } .dark .dark\:bg-gray-900{ --tw-bg-opacity: 1 !important; background-color: rgb(15 23 42 / var(--tw-bg-opacity)) !important; } .dark .dark\:bg-gray-700{ --tw-bg-opacity: 1 !important; background-color: rgb(51 65 85 / var(--tw-bg-opacity)) !important; } .dark .dark\:bg-primary-600{ --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-primary-600-rgb), var(--tw-bg-opacity)) !important; } .dark .dark\:bg-accent-600{ --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-accent-600-rgb), var(--tw-bg-opacity)) !important; } .dark .dark\:bg-warn-600{ --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-warn-600-rgb), var(--tw-bg-opacity)) !important; } .dark .dark\:bg-gray-600{ --tw-bg-opacity: 1 !important; background-color: rgb(71 85 105 / var(--tw-bg-opacity)) !important; } .dark .dark\:bg-blue-600{ --tw-bg-opacity: 1 !important; background-color: rgb(37 99 235 / var(--tw-bg-opacity)) !important; } .dark .dark\:bg-green-500{ --tw-bg-opacity: 1 !important; background-color: rgb(34 197 94 / var(--tw-bg-opacity)) !important; } .dark .dark\:bg-amber-500{ --tw-bg-opacity: 1 !important; background-color: rgb(245 158 11 / var(--tw-bg-opacity)) !important; } .dark .dark\:bg-red-600{ --tw-bg-opacity: 1 !important; background-color: rgb(220 38 38 / var(--tw-bg-opacity)) !important; } .dark .dark\:bg-black{ --tw-bg-opacity: 1 !important; background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important; } .dark .dark\:bg-opacity-10{ --tw-bg-opacity: 0.1 !important; } .dark .dark\:text-gray-200{ --tw-text-opacity: 1 !important; color: rgb(226 232 240 / var(--tw-text-opacity)) !important; } .dark .dark\:text-primary-50{ --tw-text-opacity: 1 !important; color: rgba(var(--fuse-primary-50-rgb), var(--tw-text-opacity)) !important; } .dark .dark\:text-accent-50{ --tw-text-opacity: 1 !important; color: rgba(var(--fuse-accent-50-rgb), var(--tw-text-opacity)) !important; } .dark .dark\:text-warn-50{ --tw-text-opacity: 1 !important; color: rgba(var(--fuse-warn-50-rgb), var(--tw-text-opacity)) !important; } .dark .dark\:text-gray-50{ --tw-text-opacity: 1 !important; color: rgb(248 250 252 / var(--tw-text-opacity)) !important; } .dark .dark\:text-blue-50{ --tw-text-opacity: 1 !important; color: rgb(239 246 255 / var(--tw-text-opacity)) !important; } .dark .dark\:text-green-50{ --tw-text-opacity: 1 !important; color: rgb(240 253 244 / var(--tw-text-opacity)) !important; } .dark .dark\:text-amber-50{ --tw-text-opacity: 1 !important; color: rgb(255 251 235 / var(--tw-text-opacity)) !important; } .dark .dark\:text-red-50{ --tw-text-opacity: 1 !important; color: rgb(254 242 242 / var(--tw-text-opacity)) !important; } .dark .dark\:shadow-none{ --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } @media print{ .print\:hidden{ display: none !important; } } @media (min-width: 600px){ .sm\:bg-card{ --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-bg-card-rgb), var(--tw-bg-opacity)) !important; } .sm\:absolute{ position: absolute !important; } .sm\:inset-0{ top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; } .sm\:inset-x-0{ left: 0px !important; right: 0px !important; } .sm\:bottom-8{ bottom: 2rem !important; } .sm\:mx-0{ margin-left: 0px !important; margin-right: 0px !important; } .sm\:-mx-12{ margin-left: -3rem !important; margin-right: -3rem !important; } .sm\:mx-12{ margin-left: 3rem !important; margin-right: 3rem !important; } .sm\:mt-0{ margin-top: 0px !important; } .sm\:mb-18{ margin-bottom: 4.5rem !important; } .sm\:mr-4{ margin-right: 1rem !important; } .sm\:h-48{ height: 12rem !important; } .sm\:w-auto{ width: auto !important; } .sm\:w-80{ width: 20rem !important; } .sm\:flex-row{ flex-direction: row !important; } .sm\:items-start{ align-items: flex-start !important; } .sm\:items-center{ align-items: center !important; } .sm\:justify-end{ justify-content: flex-end !important; } .sm\:justify-center{ justify-content: center !important; } .sm\:justify-between{ justify-content: space-between !important; } .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0 !important; margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important; margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important; } .sm\:overflow-y-auto{ overflow-y: auto !important; } .sm\:rounded-2xl{ border-radius: 1rem !important; } .sm\:p-12{ padding: 3rem !important; } .sm\:px-12{ padding-left: 3rem !important; padding-right: 3rem !important; } .sm\:pr-12{ padding-right: 3rem !important; } .sm\:pl-7{ padding-left: 1.75rem !important; } .sm\:pt-0{ padding-top: 0px !important; } .sm\:pb-8{ padding-bottom: 2rem !important; } .sm\:pr-8{ padding-right: 2rem !important; } .sm\:text-left{ text-align: left !important; } .sm\:shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } } @media (min-width: 960px){ .md\:mx-8{ margin-left: 2rem !important; margin-right: 2rem !important; } .md\:mt-4{ margin-top: 1rem !important; } .md\:block{ display: block !important; } .md\:flex{ display: flex !important; } .md\:w-180{ width: 45rem !important; } .md\:w-160{ width: 40rem !important; } .md\:flex-col{ flex-direction: column !important; } .md\:items-center{ align-items: center !important; } .md\:justify-center{ justify-content: center !important; } .md\:p-16{ padding: 4rem !important; } .md\:px-8{ padding-left: 2rem !important; padding-right: 2rem !important; } .md\:px-6{ padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .md\:pb-28{ padding-bottom: 7rem !important; } .md\:pt-8{ padding-top: 2rem !important; } } @media (min-width: 1280px){ .lg\:w-192{ width: 48rem !important; } .lg\:px-15{ padding-left: 3.75rem !important; padding-right: 3.75rem !important; } .lg\:text-lg{ font-size: 1rem !important; } } /*# sourceMappingURL=styles.css.map*/