.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);-ms-transform:translateY(-1.28125em) scale(0.75);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);-ms-transform:translateY(-1.28124em) scale(0.75);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);-ms-transform:translateY(-1.28123em) scale(0.75);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;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}@media screen and (-ms-high-contrast: active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}@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}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}.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-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{position:relative}.mat-badge-hidden .mat-badge-content{display:none}.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}.mat-badge-content{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-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{border-top-color: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{color:rgba(0,0,0,.38)}.mat-calendar-table-header-divider::after{background:rgba(0,0,0,.12)}.mat-calendar-body-label{color:rgba(0,0,0,.54)}.mat-calendar-body-cell-content,.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-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(0,0,0,.04)}.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}.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-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-touch{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.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::-moz-placeholder{color:rgba(0,0,0,.42)}.mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)}.mat-input-element::placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-webkit-input-placeholder{color:rgba(0,0,0,.42)}.mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)}.mat-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-item-disabled{background-color:#eee}.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]::after{color:rgba(0,0,0,.38)}.mat-menu-item .mat-icon-no-color,.mat-menu-item-submenu-trigger::after{color:rgba(0,0,0,.54)}.mat-menu-item: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:#c5cae9}.mat-progress-bar-buffer{background-color:#c5cae9}.mat-progress-bar-fill::after{background-color:#3f51b5}.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#ff80ab}.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#ff80ab}.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ff4081}.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#ffcdd2}.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#ffcdd2}.mat-progress-bar.mat-warn .mat-progress-bar-fill::after{background-color:#f44336}.mat-progress-spinner circle,.mat-spinner circle{stroke:#3f51b5}.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ff4081}.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336}.mat-radio-outer-circle{border-color:rgba(0,0,0,.54)}.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#3f51b5}.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:#3f51b5}.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff4081}.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ff4081}.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#f44336}.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#f44336}.mat-radio-button.mat-radio-disabled.mat-radio-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-primary .mat-slider-track-fill,.mat-primary .mat-slider-thumb,.mat-primary .mat-slider-thumb-label{background-color:#3f51b5}.mat-primary .mat-slider-thumb-label-text{color:#fff}.mat-primary .mat-slider-focus-ring{background-color:rgba(63,81,181,.2)}.mat-accent .mat-slider-track-fill,.mat-accent .mat-slider-thumb,.mat-accent .mat-slider-thumb-label{background-color:#ff4081}.mat-accent .mat-slider-thumb-label-text{color:#fff}.mat-accent .mat-slider-focus-ring{background-color:rgba(255,64,129,.2)}.mat-warn .mat-slider-track-fill,.mat-warn .mat-slider-thumb,.mat-warn .mat-slider-thumb-label{background-color:#f44336}.mat-warn .mat-slider-thumb-label-text{color:#fff}.mat-warn .mat-slider-focus-ring{background-color:rgba(244,67,54,.2)}.mat-slider:hover .mat-slider-track-background,.cdk-focused .mat-slider-track-background{background-color:rgba(0,0,0,.38)}.mat-slider-disabled .mat-slider-track-background,.mat-slider-disabled .mat-slider-track-fill,.mat-slider-disabled .mat-slider-thumb{background-color:rgba(0,0,0,.26)}.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)}.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)}.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)}.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(0,0,0,.26);background-color:transparent}.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb{border-color:rgba(0,0,0,.38)}.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb{border-color:rgba(0,0,0,.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{background-color:rgba(0,0,0,.04)}@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-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-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#ff4081}.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#f44336}.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-background-primary .mat-tab-header,.mat-tab-group.mat-background-primary .mat-tab-links,.mat-tab-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-links,.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination{background-color:#3f51b5}.mat-tab-group.mat-background-primary .mat-tab-label,.mat-tab-group.mat-background-primary .mat-tab-link,.mat-tab-nav-bar.mat-background-primary .mat-tab-label,.mat-tab-nav-bar.mat-background-primary .mat-tab-link{color:#fff}.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron{border-color:#fff}.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-primary .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary .mat-ripple-element{background-color:rgba(255,255,255,.12)}.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-background-accent .mat-tab-header,.mat-tab-group.mat-background-accent .mat-tab-links,.mat-tab-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-links,.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination{background-color:#ff4081}.mat-tab-group.mat-background-accent .mat-tab-label,.mat-tab-group.mat-background-accent .mat-tab-link,.mat-tab-nav-bar.mat-background-accent .mat-tab-label,.mat-tab-nav-bar.mat-background-accent .mat-tab-link{color:#fff}.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron{border-color:#fff}.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-accent .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent .mat-ripple-element{background-color:rgba(255,255,255,.12)}.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-background-warn .mat-tab-header,.mat-tab-group.mat-background-warn .mat-tab-links,.mat-tab-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-links,.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination{background-color:#f44336}.mat-tab-group.mat-background-warn .mat-tab-label,.mat-tab-group.mat-background-warn .mat-tab-link,.mat-tab-nav-bar.mat-background-warn .mat-tab-label,.mat-tab-nav-bar.mat-background-warn .mat-tab-link{color:#fff}.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron{border-color:#fff}.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-warn .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn .mat-ripple-element{background-color:rgba(255,255,255,.12)}.mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)}.mat-toolbar.mat-primary{background:#3f51b5;color:#fff}.mat-toolbar.mat-accent{background:#ff4081;color:#fff}.mat-toolbar.mat-warn{background:#f44336;color:#fff}.mat-toolbar .mat-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}

:root {
    --white: white;
    --black: black;
    --pink: #ff4081;
    --pink-content: #ffffff;
    --primary: #2196f3;
    --primary-content: #ffffff;
    --accent: #ff4081;
    --accent-content: #ffffff;
    --tertiary: #930077;
    --tertiary-content: #ffffff;

    --percentage-progress-bar-background-color: var(--common-primary-900);
    --percentage-progress-bar-fill-color: var(--common-primary);

    --common-font-family: Roboto, Helvetica, Arial, sans-serif;

    --common-h1-font-size: 2.5rem;
    --common-h2-font-size: 1.79rem;
    --common-h3-font-size: 1.43rem;
    --common-h4-font-size: 1.29rem;
    --common-h5-font-size: 1.07rem;
    --common-h6-font-size: 0.93rem;

    --common-h1-font-weight: 400;

    --common-white: #ffffff;
    --common-black: #000000;

    --common-grey-50: #fafafa;
    --common-grey-100: #f5f5f5;
    --common-grey-200: #eeeeee;
    --common-grey-300: #e0e0e0;
    --common-grey-400: #cacaca;
    --common-grey-500: #bdbdbd;
    --common-grey-600: #9e9e9e;
    --common-grey-700: #757575;
    --common-grey-800: #616161;
    --common-grey-900: #424242;

    --common-grey-opacity-200: rgba(158, 158, 158, 0.2);

    --common-font-size: 14px;
    --common-font-size-tiny: 7px;
    --common-font-size-small: 10.5px;
    --common-font-size-normal: 14px;
    --common-font-size-big: 21px;
    --common-font-size-large: 28px;
    --common-error-color: #d50000;

    --common-dark-opacity-800: rgba(0, 0, 0, 0.87);
    --common-dark-opacity-500: rgba(0, 0, 0, 0.54);
    --common-dark-opacity-300: rgba(0, 0, 0, 0.26);
    --common-dark-opacity-200: rgba(0, 0, 0, 0.2);
    --common-dark-opacity-100: rgba(0, 0, 0, 0.12);

    --common-light-opacity-700: rgba(255, 255, 255, 0.7);
    --common-light-opacity-500: rgba(255, 255, 255, 0.54);
    --common-light-opacity-200: rgba(255, 255, 255, 0.2);
    --common-light-opacity-100: rgba(255, 255, 255, 0.12);

    --common-dark-primary-text: rgba(0, 0, 0, 0.87);
    --common-dark-disabled-text: rgba(0, 0, 0, 0.38);
    --common-light-primary-text: #ffffff;
    --common-light-disabled-text: rgba(255, 255, 255, 0.38);

    --common-hovered: rgba(0, 0, 0, 0.04);
    --common-focused: rgba(0, 0, 0, 0.08);
    --common-activated: rgba(0, 0, 0, 0.08);

    --common-primary-opacity-200: #2196f319;
    --common-primary-opacity-500: #2196f37e;
    --common-primary-50: #e3f2fd;
    --common-primary-200: #90caf9;
    --common-primary-400: #42a5f5;
    --common-primary: #2196f3;
    --common-primary-600: #1e88e5;
    --common-primary-700: #1976d2;
    --common-primary-800: #1565c0;
    --common-primary-900: #0d47a1;

    --common-accent-opacity-200: rgba(233, 30, 99, 0.12);
    --common-accent-opacity-500: rgba(233, 30, 99, 0.5);
    --common-accent: #ff4081; /* A200 */
    --common-accent-50: #ffeaf2;
    --common-accent-200: #f48fb1;
    --common-accent-500: #e91e63;
    --common-accent-700: #c2185b;

    --common-table-row-border-bottom: 1px solid var(--common-dark-opacity-100);

    --common-table-cell-color: var(--common-dark-opacity-500);
    --common-table-cell-font-size: 1rem;
    --common-table-cell-font-weight: 400;
    --common-table-header-cell-color: var(--common-dark-opacity-500);
    --common-table-header-cell-font-size: 1rem;
    --common-table-header-cell-font-weight: 400;

    --common-table-action-button-background-color: transparent;
    --common-table-action-button-color: var(--common-dark-primary-text);
    --common-table-action-button-font-size: 1rem;
    --common-table-action-button-font-weight: 400;
    --common-table-action-button-margin: 0 0.5rem;

    --common-fab-button-border-radius: 50%;
    --common-fab-button-color: var(--common-light-primary-text);
    --common-fab-button-background-color: var(--common-accent);
    --common-fab-button-hover-color: var(--common-light-primary-text);
    --common-fab-button-hover-background-color: var(--common-accent);

    /************************    PAGE TITLE BAR    ************************/

    --page-title-bar-header-nav-button-color: var(--common-primary);
    --page-title-bar-header-nav-button-background-color: transparent;
    --page-title-bar-header-nav-button-hover-color: var(--common-primary);
    --page-title-bar-header-nav-button-hover-background-color: var(
        --common-hovered
    );
    --page-title-bar-header-nav-button-border-radius: 0;
    --page-title-bar-header-nav-button-border-width: 0;
    --page-title-bar-header-nav-button-border-color: var(--common-primary);
    --page-title-bar-header-nav-button-border-style: solid;

    --page-title-bar-header-nav-button-active-color: var(
        --common-light-primary-text
    );
    --page-title-bar-header-nav-button-active-background-color: var(
        --common-primary
    );
    --page-title-bar-header-nav-button-active-hover-color: var(
        --common-light-primary-text
    );
    --page-title-bar-header-nav-button-active-hover-background-color: var(
        --common-primary
    );
    --page-title-bar-header-nav-button-active-border-radius: 0;
    --page-title-bar-header-nav-button-active-border-width: 0;
    --page-title-bar-header-nav-button-active-border-color: var(
        --common-primary
    );
    --page-title-bar-header-nav-button-active-border-style: solid;

    --page-title-bar-header-title-font-size: var(--common-h1-font-size);
    --page-title-bar-header-title-font-weight: var(--common-h1-font-weight);
    --page-title-bar-header-title-color: var(--common-dark-primary-text);

    --page-title-bar-header-color: var(--common-primary);
    --page-title-bar-header-nav-view-type-switch-button-padding: 0 1rem;

    /************************    MY CONTENT    ************************/

    --mycontent-section-title-color: var(--common-dark-primary-text);
    --mycontent-section-title-font-size: 1.72rem;
    --mycontent-section-title-line-height: 2.0714rem;
    --mycontent-section-title-font-weight: 400;

    --mycontent-toc-header-title-font-size: var(--common-h1-font-size);
    --mycontent-toc-header-title-font-weight: var(--common-h1-font-weight);
    --mycontent-toc-header-title-color: var(--common-dark-primary-text);

    --mycontent-toc-list-section-title-height: 4.2857rem;
    --mycontent-toc-list-section-title-font-size-narrow-screen: 1.07rem;
    --mycontent-toc-list-section-title-font-size-wide-screen: 1.36rem;
    --mycontent-toc-list-section-title-font-weight: normal;
    --mycontent-toc-list-section-title-color: var(--common-dark-primary-text);
    --mycontent-toc-list-section-title-background-color: var(--common-grey-200);
    --mycontent-toc-list-section-title-hover-background-color: var(
        --common-grey-400
    );
    --mycontent-toc-list-section-title-border-bottom: 1px solid
        var(--common-grey-300);
    --mycontent-toc-list-section-title-progress-bar-color: var(
        --common-primary
    );

    --mycontent-toc-list-course-card-height: 4.2857rem;
    --mycontent-toc-list-course-card-font-size-narrow-screen: 0.86rem;
    --mycontent-toc-list-course-card-font-size-wide-screen: 1.15rem;
    --mycontent-toc-list-course-card-font-weight: normal;
    --mycontent-toc-list-course-card-color: var(--common-dark-primary-text);
    --mycontent-toc-list-course-card-background-color: var(--common-white);
    --mycontent-toc-list-course-card-hover-background-color: var(
        --common-primary-opacity-200
    );
    --mycontent-toc-list-course-card-hover-color: var(
        --common-dark-primary-text
    );
    --mycontent-toc-list-course-card-border-bottom: 1px solid
        var(--common-grey-300);
    --mycontent-toc-list-course-card-progress-bar-color: var(--common-primary);

    /************************    FOOTER    ************************/

    --footer-color: var(--common-grey-400);
    --footer-background-color: var(--common-grey-900);
    --footer-bottom-section-background-color: var(--common-grey-900);
    --footer-company-section-title-color: #b9ddf8;
    --footer-support-section-title-color: #ffccdd;
    --footer-administration-section-title-color: #5bb75b;
    --footer-section-title-font-size: 1.29rem;
    --footer-section-title-font-weight: normal;
    --footer-section-list-item-font-size: 1rem;
    --footer-section-list-item-font-weight: 400;

    /*************************    EDIT PROFILE    *************************/

    --edit-profile-information-header-title-font-size: var(
        --common-h1-font-size
    );
    --edit-profile-information-header-title-font-weight: var(
        --common-h1-font-size
    );

    --edit-profile-information-form-background-color: var(--common-white);
    --edit-profile-information-form-border: none;
    --edit-profile-information-form-padding: 0;

    --edit-profile-information-form-icon-color: var(--common-grey-600);
    --edit-profile-information-form-label-color: var(--common-grey-400);

    --edit-profile-information-form-h4-font-size: 1.72rem;
    --edit-profile-information-form-h4-font-weight: 400;
    --edit-profile-information-form-h4-color: var(--common-dark-primary-text);

    /*************************    DASHBOARD    *************************/

    --dashboard-card-header-background-color: var(--common-primary);
    --dashboard-card-header-color: var(--common-light-primary-text);
    --dashboard-card-header-height: 3.1429rem;
    --dashboard-card-header-font-size: 1.15rem;
    --dashboard-card-header-font-weight: bold;

    /*************************    COURSE CARD    *************************/

    --course-card-border: none;
    --course-card-title-font-size: 1.72rem;
    --course-card-title-font-weight: normal;
    --course-card-title-color: var(--common-dark-primary-text);
    --course-card-subtitle-font-size: 1rem;
    --course-card-subtitle-font-weight: 500;
    --course-card-subtitle-color: var(--common-dark-opacity-800);

    --course-card-actions-button-background-color: var(--common-white);
    --course-card-actions-button-hover-background-color: var(--common-hovered);

    --course-card-actions-score-color: var(--common-dark-primary-text);
    --course-card-actions-valid-till-button-color: rgb(168, 101, 0);
    --course-card-actions-free-button-color: rgb(43, 115, 45);
    --course-card-actions-shared-button-color: var(--common-accent);

    /*************************    RESOURCE CARD    *************************/

    --resource-card-height: 7.5rem;
    --resource-card-width: 23.5714rem;
    --resource-card-margin: 0 0.5714rem 0.5714rem 0;
    --resource-card-border: none;

    --resource-card-title-font-size: 1.29rem;
    --resource-card-title-font-weight: normal;
    --resource-card-title-line-height: 1.5714rem;
    --resource-card-title-height: 3.1429rem;
    --resource-card-title-width: 15rem;
    --resource-card-title-padding: 0.7143rem 0 0 0.7143rem;
    --resource-card-title-color: var(--common-dark-primary-text);

    --resources-card-additional-text-height: var(--common-dark-primary-text);
    --resources-card-additional-text-line-height: 1.0714rem;
    --resources-card-additional-text-font-size: 0.93rem;
    --resources-card-additional-text-color: var(--common-grey-500);

    --resources-card-actions-button-color: var(--common-black);
    --resources-card-actions-button-background-color: var(--common-white);
    --resources-card-actions-button-hover-background-color: var(
        --common-hovered
    );
    --resources-card-actions-button-hover-color: var(--common-black);

    --resources-card-icon-height: 6.0714rem;
    --resources-card-icon-width: 7.1429rem;
    --resources-card-icon-padding: 0.7143rem;
    --resources-card-icon-border: 1px solid var(--common-grey-200);

    /*************************    MENU BAR    *************************/

    --header-top-bar-color: var(--common-light-primary-text);
    --header-top-bar-icon-color: var(--common-light-primary-text);

    --header-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 3px 1px -2px var(--common-dark-opacity-200),
        0 1px 5px 0 var(--common-dark-opacity-100);

    --header-menu-bar-item-color: var(--common-dark-primary-text);
    --header-menu-bar-item-font-size: 1rem;
    --header-menu-bar-item-font-weight: 400;
    --header-menu-bar-item-active-border-bottom: 0.2143rem solid
        var(--common-primary);
    --header-menu-bar-item-active-color: var(--common-dark-primary-text);

    /*************************    PROGRESS BAR    *************************/

    --progress-bar-fill-color: var(--common-grey-800);
    --progress-bar-fill-box-shadow: inset 0 0 0.3rem var(--common-grey-900);
    --progress-bar-background-color: var(--common-grey-100);
    --progress-bar-background-box-shadow: inset 0 0 0.3rem
        var(--common-grey-300);
    --progress-bar-height: 1rem;
    --progress-bar-clip-path: inset(0 0 0 0 round 0.2rem 0.4rem 0.4rem 0.2rem);
    --progress-bar-score-font-family: 'Courier New';
    --progress-bar-score-font-weight: bold;

    /*************************    INFO MESSAGE    *************************/

    --info-message-success-background-color: #00c853;
    --info-message-success-color: var(--common-light-primary-text);
    --info-message-info-background-color: #2962ff;
    --info-message-info-color: var(--common-light-primary-text);
    --info-message-warning-background-color: #ffd600;
    --info-message-warning-color: var(--common-black);
    --info-message-error-background-color: var(--common-error-color);
    --info-message-error-color: var(--common-light-primary-text);

    /*************************    STATE LABEL    *************************/

    --not-started-fill-color: #fc8e86;
    --not-started-font-color: var(--common-dark-primary-text);
    --ongoing-fill-color: #fead7f;
    --ongoing-font-color: var(--common-dark-primary-text);
    --submitted-fill-color: #b5e572;
    --submitted-font-color: var(--common-dark-primary-text);
    --completed-fill-color: #8db0e6;
    --completed-font-color: var(--common-dark-primary-text);
    --archived-fill-color: #8b8b8b;
    --archived-font-color: var(--common-dark-primary-text);

    /*************************    SINGLE ACCESS LABEL    *************************/
    --single-access-fill-color: var(--common-primary);
    --single-access-font-color: var(--common-light-primary-text);

    /*************************    BLOCK AFTER DUE DATE LABEL    *************************/
    --block-access-after-due-date-fill-color: var(--common-primary);
    --block-access-after-due-date-font-color: var(--common-light-primary-text);

    /*************************    CALENDAR    *************************/
    --calendar-event-date-border-color: var(--common-primary);
    --calendar-event-date-border-width: 1px;
    --calendar-today-background-color: var(--primary);
    --calendar-today-font-color: var(--primary-content);
    --calendar-selected-date-background-color: var(
        --common-primary-opacity-200
    );
    --calendar-selected-date-font-color: var(--common-primary);
}

html,
body {
    font-size: var(--common-font-size);
}

html {
    color: var(--common-dark-primary-text) !important;
}

body ::-moz-selection {
    background: var(--common-primary-50);
}

body ::selection {
    background: var(--common-primary-50);
}

@media print {
    body *,
    body *:before,
    body *:after,
    body *:first-letter {
        background: transparent !important;
        color: var(--common-black) !important;
        box-shadow: none !important;
    }
}

body a {
    color: var(--common-accent);
}

body mark {
    background-color: #f4ff81;
}

body .mdl-color--common-black {
    background-color: var(--common-black) !important;
}

body .mdl-color-text--common-black {
    color: var(--common-black) !important;
}

body .mdl-color--common-white {
    background-color: var(--common-white) !important;
}

body .mdl-color-text--common-white {
    color: var(--common-light-primary-text) !important;
}

body .mdl-color--common-primary {
    background-color: var(--common-primary);
}

body .mdl-color--common-primary-contrast {
    background-color: var(--common-white) !important;
}

body .mdl-color--common-primary-dark {
    background-color: var(--common-primary-700) !important;
}

body .mdl-color--accent {
    background-color: var(--common-accent) !important;
}

body .mdl-color--accent-contrast {
    background-color: var(--common-white) !important;
}

body .mdl-color-text--common-primary {
    color: var(--common-primary) !important;
}

body .mdl-color-text--common-primary-contrast {
    color: var(--common-light-primary-text) !important;
}

body .mdl-color-text--common-primary-dark {
    color: var(--common-primary-700) !important;
}

body .mdl-color-text--accent {
    color: var(--common-accent) !important;
}

body .mdl-color-text--accent-contrast {
    color: var(--common-light-primary-text) !important;
}

body .mdl-ripple {
    background: var(--common-black);
    height: 3.5714rem;
    width: 3.5714rem;
    border-radius: 50%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%);
    overflow: hidden;
}

body .mdl-badge[data-badge]:after {
    background-color: var(--pink) !important;
    color: var(--white) !important;
}

body .mdl-badge.mdl-badge--no-background[data-badge]:after {
    color: var(--common-accent);
    background: var(--common-light-opacity-200);
}

body .mdl-button {
    color: var(--common-black);
    font-size: 1rem;
    height: 2.5714rem;
    min-width: 4.5714rem;
    padding: 0 1.1429rem;
    line-height: 2.5714rem;
    background: 0 0;
    border: none;
    border-radius: 2px;
    position: relative;
    margin: 0;
    display: inline-block;
    font-family: var(--common-font-family);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),
        background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
        color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
}

body .mdl-button:hover {
    background-color: var(--common-hovered);
}

body .mdl-button:focus:not(:active):not(:focus-visible) {
    background-color: var(--common-focused);
}

body .mdl-button:active {
    background-color: var(--common-activated);
}

body .mdl-button.mdl-button--colored {
    color: var(--common-primary);
}

body .mdl-button.mdl-button--colored:focus:not(:active) {
    background-color: var(--common-focused);
}

body .mdl-button--raised {
    background: var(--common-grey-opacity-200);
}

body .mdl-button--raised:active {
    background-color: var(--common-activated);
}

body .mdl-button--raised:focus:not(:active) {
    background-color: var(--common-activated);
}

body .mdl-button--raised.mdl-button--colored {
    background: var(--common-primary);
    color: var(--common-light-primary-text);
}

body .mdl-button--raised.mdl-button--colored:hover {
    background-color: var(--common-primary);
}

body .mdl-button--raised.mdl-button--colored:active {
    background-color: var(--common-primary);
}

body .mdl-button--raised.mdl-button--colored:focus:not(:active) {
    background-color: var(--common-primary);
}

body .mdl-button--raised.mdl-button--colored .mdl-ripple {
    background: var(--common-white);
}

body .mdl-button--fab {
    background: var(--common-grey-opacity-200);
    font-size: 1.72rem;
    height: 4rem;
    min-width: 4rem;
    width: 4rem;
    border-radius: 50%;
    margin: auto;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12),
        0 1px 1px 0 rgba(0, 0, 0, 0.24);
    position: relative;
    line-height: normal;
}

body .mdl-button--fab .mdl-button__ripple-container {
    -webkit-mask-image: -webkit-radial-gradient(
        circle,
        var(--common-white),
        var(--common-black)
    );
}

body .mdl-button--fab:active {
    background-color: var(--common-activated);
}

body .mdl-button--fab:focus:not(:active) {
    background-color: var(--common-activated);
}

body .mdl-button--fab.mdl-button--colored {
    border-radius: var(--common-fab-button-border-radius);
    background: var(--common-fab-button-background-color);
    color: var(--common-fab-button-color);
}

body .mdl-button--fab.mdl-button--colored:hover {
    background-color: var(--common-fab-button-hover-background-color);
    color: var(--common-fab-button-hover-color);
}

body .mdl-button--fab.mdl-button--colored:focus:not(:active) {
    background-color: var(--common-fab-button-hover-background-color);
}

body .mdl-button--fab.mdl-button--colored:active {
    background-color: var(--common-fab-button-hover-background-color);
}

body .mdl-button--fab.mdl-button--colored .mdl-ripple {
    background: var(--common-white);
}

body .mdl-button--icon .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(
        circle,
        var(--common-white),
        var(--common-black)
    );
}

body .mdl-button--primary.mdl-button--primary {
    color: var(--common-primary);
}

body .mdl-button--primary.mdl-button--primary .mdl-ripple {
    background: var(--common-white);
}

body .mdl-button--primary.mdl-button--primary.mdl-button--raised,
body .mdl-button--primary.mdl-button--primary.mdl-button--fab {
    color: var(--primary-content);
    background-color: var(--common-primary);
}

body .mdl-button--accent.mdl-button--accent {
    color: var(--common-accent);
}

body .mdl-button--accent.mdl-button--accent .mdl-ripple {
    background: var(--common-white);
}

body .mdl-button--accent.mdl-button--accent.mdl-button--raised,
body .mdl-button--accent.mdl-button--accent.mdl-button--fab {
    color: var(--accent-content);
    background-color: var(--accent);
}

body .mdl-button[disabled][disabled],
body .mdl-button.mdl-button--disabled.mdl-button--disabled {
    color: var(--common-dark-opacity-200);
}

body .mdl-button--fab[disabled][disabled],
body .mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
    background-color: var(--common-dark-opacity-100);
    color: var(--common-dark-opacity-200);
}

body .mdl-button--raised[disabled][disabled],
body .mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
    background-color: var(--common-dark-opacity-100);
    color: var(--common-dark-opacity-200);
}

body .mdl-button--colored[disabled][disabled],
body .mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
    color: var(--common-dark-opacity-200);
}

body .mdl-card {
    background: var(--common-white);
}

body .mdl-card__media {
    background-color: var(--common-accent);
}

body .mdl-card__title {
    color: var(--common-black);
}

body .mdl-card__title.mdl-card--border {
    border-bottom: 1px solid var(--common-dark-opacity-100);
}

body .mdl-card__subtitle-text {
    font-size: 1rem;
    margin: 0;
    color: var(--common-dark-opacity-500);
}

body .mdl-card__supporting-text {
    color: var(--common-dark-opacity-500);
}

body .mdl-card__supporting-text.mdl-card--border {
    border-bottom: 1px solid var(--common-dark-opacity-100);
}

body .mdl-card__actions.mdl-card--border {
    border-top: 1px solid var(--common-dark-opacity-100);
}

body .mdl-checkbox__box-outline {
    border: 2px solid var(--common-dark-opacity-500);
    top: 0.2143rem;
    width: 1.1429rem;
    height: 1.1429rem;
    border-radius: 0.1429rem;
    position: absolute;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
    z-index: 2;
}

body .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid var(--common-primary);
}

body fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,
body .mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
    border: 2px solid var(--common-dark-opacity-300);
}

body .mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0 8px var(--common-dark-opacity-100);
    background-color: var(--common-dark-opacity-100);
}

body .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0 8px var(--common-primary-opacity-200);
    background-color: var(--common-primary-opacity-200);
}

body .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: var(--common-primary)
        url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K');
}

body fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
body .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
    background: var(--common-dark-opacity-300)
        url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K');
}

body fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,
body .mdl-checkbox.is-disabled .mdl-checkbox__label {
    color: var(--common-dark-opacity-300);
}

body .mdl-checkbox__ripple-container {
    -webkit-mask-image: -webkit-radial-gradient(
        circle,
        var(--common-white),
        var(--common-black)
    );
}

body .mdl-checkbox__ripple-container .mdl-ripple {
    background: var(--common-primary);
}

body .mdl-chip {
    background-color: #dedede;
    color: var(--common-dark-primary-text);
    font-size: 0;
    height: 2.2857rem;
    line-height: 2.2857rem;
    padding: 0 0.8571rem;
    border-radius: 1.1429rem;
    margin: 0.1429rem 0;
    font-family: var(--common-font-family);
    border: 0;
    display: inline-block;
    white-space: nowrap;
}

body .mdl-chip__action {
    color: var(--common-dark-primary-text);
    font-size: 0.93rem;
    height: 1.7143rem;
    width: 1.7143rem;
    margin: 0 0 0 0.2857rem;
    background: 0 0;
    opacity: 0.54;
    cursor: pointer;
    padding: 0;
    text-decoration: none;
    border: none;
    outline: none;
}

body .mdl-chip:active {
    background-color: #d6d6d6;
}

body .mdl-data-table {
    border: 1px solid var(--common-dark-opacity-100);
    background-color: var(--common-white);
}

body .mdl-data-table tbody tr.is-selected {
    background-color: var(--common-grey-300);
}

body .mdl-data-table tbody tr:hover {
    background-color: var(--common-grey-200);
}

body .mdl-data-table td {
    border-top: 1px solid var(--common-dark-opacity-100);
    border-bottom: 1px solid var(--common-dark-opacity-100);
}

body .mdl-data-table th {
    color: var(--common-dark-opacity-500);
    font-size: 0.86rem;
    padding: 0 1.2857rem 0.5714rem 1.2857rem;
    text-align: right;
    position: relative;
    vertical-align: bottom;
    text-overflow: ellipsis;
    font-weight: 700;
    letter-spacing: 0;
    box-sizing: border-box;
    line-height: 1.7143rem;
    height: 3.4286rem;
}

body .mdl-data-table th.mdl-data-table__header--sorted-ascending,
body .mdl-data-table th.mdl-data-table__header--sorted-descending {
    color: var(--common-dark-primary-text);
}

body .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before,
body .mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
    color: var(--common-dark-opacity-300);
}

body .mdl-dialog__content {
    color: var(--common-dark-opacity-500);
}

body .mdl-mega-footer {
    color: var(--footer-color);
    background-color: var(--footer-background-color);
    padding: 1.1429rem 2.8571rem;
}

body .mdl-mega-footer--social-btn,
body .mdl-mega-footer__social-btn {
    background-color: var(--common-grey-500);
    width: 2.5714rem;
    height: 2.5714rem;
    padding: 0;
    margin: 0;
    border: none;
}

body .mdl-mega-footer--heading,
body .mdl-mega-footer__heading {
    color: var(--common-grey-300);
}

body .mdl-logo {
    color: var(--common-light-primary-text);
}

body .mdl-mini-footer {
    color: var(--common-grey-500);
    background-color: var(--common-grey-800);
}

body .mdl-mini-footer--social-btn,
body .mdl-mini-footer__social-btn {
    background-color: var(--common-grey-500);
    width: 2.5714rem;
    height: 2.5714rem;
    padding: 0;
    margin: 0;
    border: none;
}

body .mdl-icon-toggle__label {
    color: var(--common-grey-700);
    height: 2.2857rem;
    width: 2.2857rem;
    min-width: 2.2857rem;
    display: inline-block;
    position: relative;
    cursor: pointer;
    border-radius: 50%;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    background-color: transparent;
    will-change: background-color;
    transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
        color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

body .mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
    color: var(--common-primary);
}

body .mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
    color: var(--common-dark-opacity-300);
}

body .mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
    background-color: var(--common-dark-opacity-100);
}

body .mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
    background-color: var(--common-primary-opacity-200);
}

body .mdl-icon-toggle__ripple-container {
    -webkit-mask-image: -webkit-radial-gradient(
        circle,
        var(--common-white),
        var(--common-black)
    );
}

body .mdl-icon-toggle__ripple-container .mdl-ripple {
    background: var(--common-grey-700);
}

body .mdl-list__item {
    color: var(--common-dark-primary-text);
}

body
    .mdl-list__item
    .mdl-list__item-secondary-content
    .mdl-list__item-secondary-info {
    color: var(--common-dark-opacity-500);
}

body .mdl-list__item-icon,
body .mdl-list__item-icon.material-icons {
    color: var(--common-dark-opacity-500);
}

body .mdl-list__item-avatar,
body .mdl-list__item-avatar.material-icons {
    background-color: var(--common-grey-600);
    color: var(--common-light-primary-text);
}

body
    .mdl-list__item--two-line
    .mdl-list__item-primary-content
    .mdl-list__item-sub-title {
    color: var(--common-dark-opacity-500);
}

body .mdl-list__item--three-line .mdl-list__item-text-body {
    color: var(--common-dark-opacity-500);
    font-size: 1rem;
    line-height: 1.2857rem;
    height: 3.7143rem;
    font-weight: 400;
    letter-spacing: 0;
    display: block;
    padding: 0;
}

body .mdl-menu__outline {
    background: var(--common-white);
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
    transform: scale(0);
    transform-origin: 0 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    will-change: transform;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: -1;
}

body .mdl-menu__item {
    color: var(--common-dark-primary-text);
    outline-color: var(--common-grey-400);
    font-size: 1rem;
    padding: 0 1.1429rem;
    height: 3.4286rem;
    line-height: 3.4286rem;
    display: block;
    border: none;
    background-color: transparent;
    text-align: left;
    margin: 0;
    position: relative;
    overflow: hidden;
    font-weight: 400;
    letter-spacing: 0;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body .mdl-menu__item--full-bleed-divider {
    border-bottom: 1px solid var(--common-dark-opacity-100);
}

body .mdl-menu__item[disabled],
body .mdl-menu__item[data-mdl-disabled] {
    color: var(--common-grey-400);
}

body .mdl-menu__item:hover {
    background-color: var(--common-hovered);
}

body .mdl-menu__item:focus {
    outline: none;
    background-color: var(--common-focused);
}

body .mdl-menu__item:active {
    background-color: var(--common-activated);
}

body .mdl-progress > .progressbar {
    background-color: var(--common-primary);
    z-index: 1;
    left: 0;
}

body .mdl-progress > .bufferbar {
    background-image: linear-gradient(
            to right,
            var(--common-light-opacity-700),
            var(--common-light-opacity-700)
        ),
        linear-gradient(to right, var(--common-primary), var(--common-primary));
}

@supports (-webkit-appearance: none) {
    body
        .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate)
        > .auxbar,
    body
        .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate)
        > .auxbar {
        background-image: linear-gradient(
                to right,
                var(--common-light-opacity-700),
                var(--common-light-opacity-700)
            ),
            linear-gradient(
                to right,
                var(--common-primary),
                var(--common-primary)
            );
        -webkit-mask: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=');
        mask: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=');
    }
}

body .mdl-progress:not(.mdl-progress--indeterminate) > .auxbar,
body .mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {
    background-image: linear-gradient(
            to right,
            rgba(255, 255, 255, 0.9),
            rgba(255, 255, 255, 0.9)
        ),
        linear-gradient(to right, var(--common-primary), var(--common-primary));
}

body .mdl-progress.mdl-progress--indeterminate > .bar1,
body .mdl-progress.mdl-progress__indeterminate > .bar1,
body .mdl-progress.mdl-progress--indeterminate > .bar3,
body .mdl-progress.mdl-progress__indeterminate > .bar3 {
    background-color: var(--common-primary);
}

body .mdl-navigation__link {
    color: var(--common-dark-primary-text);
    font-size: 1rem;
    line-height: 1.7143rem;
    text-decoration: none;
    margin: 0;
    font-weight: 400;
    letter-spacing: 0;
    opacity: 0.87;
}

body .mdl-layout__drawer {
    border-right: 1px solid var(--common-grey-300);
    background: var(--common-grey-50);
    color: var(--common-dark-opacity-800);
    width: 17.1429rem;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    transform: translateX(-250px);
    transform-style: preserve-3d;
    will-change: transform;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: transform;
    overflow: visible;
    overflow-y: auto;
    z-index: 5;
}

body .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    color: var(--common-grey-600);
    display: block;
    flex-shrink: 0;
    margin: 0;
    padding: 1.1429rem 2.8571rem;
}

body .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
    background-color: var(--common-grey-300);
}

body .mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
    background-color: var(--common-grey-300);
    color: var(--common-black);
}

body .mdl-layout__drawer-button {
    color: var(--common-light-primary-text);
    font-size: 1.86rem;
    height: 3.4286rem;
    width: 3.4286rem;
    line-height: 4rem;
    margin: 0.5714rem 0.8571rem;
    display: block;
    position: absolute;
    border: 0;
    flex-shrink: 0;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    font-family: Helvetica, Arial, sans-serif;
    top: 0;
    left: 0;
    z-index: 4;
}

body .mdl-layout__header .mdl-layout__drawer-button {
    color: var(--common-light-primary-text);
}

body .mdl-layout__header {
    background-color: var(--common-primary);
    color: var(--common-light-primary-text);
    min-height: 4.5714rem;
    max-height: 71.4286rem;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    z-index: 3;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: max-height, box-shadow;
}

body .mdl-layout__obfuscator.is-visible {
    background-color: var(--common-dark-opacity-500);
}

@supports (pointer-events: auto) {
    body .mdl-layout__obfuscator {
        background-color: var(--common-dark-opacity-500);
    }
}

body .mdl-layout__tab-bar {
    background-color: var(--common-primary);
    height: 6.8571rem;
    width: calc(100% - 8rem);
    padding: 0 0 0 4rem;
    margin: 0;
    display: flex;
    overflow-y: hidden;
    overflow-x: scroll;
}

body .mdl-layout__tab-bar-button {
    background-color: var(--common-primary);
    height: 3.4286rem;
    width: 4rem;
    display: inline-block;
    position: absolute;
    top: 0;
    z-index: 4;
    text-align: center;
    color: transparent;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body .mdl-layout__tab-bar-button.is-active {
    color: var(--common-light-primary-text);
}

body .mdl-layout__tab {
    color: var(--common-light-opacity-500);
    font-size: 1rem;
    padding: 0 1.7143rem;
    height: 3.4286rem;
    line-height: 3.4286rem;
    margin: 0;
    border: none;
    float: left;
    position: relative;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    text-decoration: none;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    overflow: hidden;
}

body .mdl-layout.is-upgraded .mdl-layout__tab.is-active {
    color: var(--common-light-primary-text);
}

body .mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
    background: var(--common-accent);
    height: 0.1429rem;
    width: 100%;
    display: block;
    content: ' ';
    bottom: 0;
    left: 0;
    position: absolute;
    animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate
        forwards;
    transition: all 1s cubic-bezier(0.4, 0, 1, 1);
}

body .mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple {
    background-color: var(--common-white);
}

body .mdl-radio__outer-circle {
    top: 0.2857rem;
    width: 1.1429rem;
    height: 1.1429rem;
    position: absolute;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    cursor: pointer;
    border: 2px solid rgba(0, 0, 0, 0.54);
    border-radius: 50%;
    z-index: 2;
}

body .mdl-radio.is-checked .mdl-radio__outer-circle {
    border: 2px solid var(--common-primary);
}

body .mdl-radio__outer-circle fieldset[disabled] .mdl-radio,
body .mdl-radio.is-disabled .mdl-radio__outer-circle {
    border: 2px solid var(--common-dark-opacity-300);
}

body .mdl-radio__inner-circle {
    background: var(--common-primary);
    top: 0.5714rem;
    left: 0.2857rem;
    width: 0.5714rem;
    height: 0.5714rem;
    position: absolute;
    z-index: 1;
    margin: 0;
    box-sizing: border-box;
    cursor: pointer;
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: transform;
    transform: scale(0, 0);
    border-radius: 50%;
}

body fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
body .mdl-radio.is-disabled .mdl-radio__inner-circle {
    background: var(--common-dark-opacity-300);
}

body .mdl-radio.is-focused .mdl-radio__inner-circle {
    box-shadow: 0 0 0 10px var(--common-dark-opacity-100);
}

body fieldset[disabled] .mdl-radio .mdl-radio__label,
body .mdl-radio.is-disabled .mdl-radio__label {
    color: var(--common-dark-opacity-300);
}

body .mdl-radio__ripple-container {
    -webkit-mask-image: -webkit-radial-gradient(
        circle,
        var(--common-white),
        var(--common-black)
    );
}

body .mdl-radio__ripple-container .mdl-ripple {
    background: var(--common-primary);
}

body .mdl-slider.is-upgraded {
    color: var(--common-primary);
    height: 0.1429rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    padding: 0;
    -ms-grid-row-align: center;
    align-self: center;
    z-index: 1;
    cursor: pointer;
}

body .mdl-slider.is-upgraded::-ms-fill-lower {
    padding: 0;
    background: linear-gradient(
        to right,
        transparent,
        transparent 16px,
        var(--common-primary) 16px,
        var(--common-primary) 0
    );
}

body .mdl-slider.is-upgraded::-ms-fill-upper {
    padding: 0;
    background: linear-gradient(
        to left,
        transparent,
        transparent 16px,
        var(--common-dark-opacity-300) 16px,
        var(--common-dark-opacity-300) 0
    );
}

body .mdl-slider.is-upgraded::-webkit-slider-thumb {
    background: var(--common-primary);
}

body .mdl-slider.is-upgraded::-moz-range-thumb {
    background: var(--common-primary);
}

body .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
    box-shadow: 0 0 0 10px var(--common-primary-opacity-200);
}

body .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
    box-shadow: 0 0 0 10px var(--common-primary-opacity-200);
}

body .mdl-slider.is-upgraded:active::-webkit-slider-thumb {
    background: var(--common-primary);
}

body .mdl-slider.is-upgraded:active::-moz-range-thumb {
    background: var(--common-primary);
}

body .mdl-slider.is-upgraded::-ms-thumb {
    background: var(--common-primary);
}

body .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
    background: radial-gradient(
        circle closest-side,
        var(--common-primary) 0%,
        var(--common-primary) 37.5%,
        var(--common-primary-opacity-200) 37.5%,
        var(--common-primary-opacity-200) 100%
    );
}

body .mdl-slider.is-upgraded:active::-ms-thumb {
    background: var(--common-primary);
}

body .mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
    border: 2px solid var(--common-dark-opacity-300);
    background: 0 0;
}

body .mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
    border: 2px solid var(--common-dark-opacity-300);
    background: 0 0;
}

body
    .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
    box-shadow: 0 0 0 10px var(--common-focused);
    background: var(--common-focused);
}

body
    .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
    box-shadow: 0 0 0 10px var(--common-focused);
    background: var(--common-focused);
}

body .mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
    border: 1.6px solid var(--common-activated);
}

body .mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
    border: 1.5px solid var(--common-activated);
}

body .mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
    background: radial-gradient(
        circle closest-side,
        transparent 0%,
        transparent 66.67%,
        var(--common-dark-opacity-300) 66.67%,
        var(--common-dark-opacity-300) 100%
    );
}

body .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
    background: radial-gradient(
        circle closest-side,
        var(--common-dark-opacity-100) 0%,
        var(--common-dark-opacity-100) 25%,
        var(--common-dark-opacity-300) 25%,
        var(--common-dark-opacity-300) 37.5%,
        var(--common-dark-opacity-100) 37.5%,
        var(--common-dark-opacity-100) 100%
    );
}

body .mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
    background: radial-gradient(
        circle closest-side,
        transparent 0%,
        transparent 77.78%,
        var(--common-dark-opacity-300) 77.78%,
        var(--common-dark-opacity-300) 100%
    );
}

body .mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb,
body .mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb,
body .mdl-slider.is-upgraded:disabled::-webkit-slider-thumb {
    background: var(--common-dark-opacity-300);
}

body .mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb,
body .mdl-slider.is-upgraded:disabled:active::-moz-range-thumb,
body .mdl-slider.is-upgraded:disabled::-moz-range-thumb {
    background: var(--common-dark-opacity-300);
}

body
    .mdl-slider.is-upgraded:disabled
    + .mdl-slider__background-flex
    > .mdl-slider__background-lower {
    background-color: var(--common-dark-opacity-300);
}

body
    .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb,
body
    .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb,
body .mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb {
    border: 3px solid var(--common-dark-opacity-300);
    background: 0 0;
    transform: scale(0.667);
}

body .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb,
body .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb,
body .mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb {
    border: 3px solid var(--common-dark-opacity-300);
    background: 0 0;
    transform: scale(0.667);
}

body .mdl-slider.is-upgraded:disabled:focus::-ms-thumb,
body .mdl-slider.is-upgraded:disabled:active::-ms-thumb,
body .mdl-slider.is-upgraded:disabled::-ms-thumb {
    background: var(--common-dark-opacity-300);
}

body .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb,
body .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb,
body .mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb {
    background: radial-gradient(
        circle closest-side,
        transparent 0%,
        transparent 50%,
        var(--common-dark-opacity-300) 50%,
        var(--common-dark-opacity-300) 100%
    );
}

body .mdl-slider.is-upgraded:disabled::-ms-fill-lower {
    background: linear-gradient(
        to right,
        transparent,
        transparent 25px,
        var(--common-dark-opacity-300) 25px,
        var(--common-dark-opacity-300) 0
    );
}

body .mdl-slider__background-lower {
    background: var(--common-primary);
}

body .mdl-slider__background-upper {
    background: var(--common-dark-opacity-300);
    transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

body .mdl-snackbar__text {
    color: var(--common-light-primary-text);
}

body .mdl-snackbar__action {
    color: var(--common-accent);
    padding: 1rem 1.7143rem 1rem 0.8571rem;
    font-size: 1rem;
    background: 0 0;
    border: none;
    float: right;
    font-family: var(--common-font-family);
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    overflow: hidden;
    outline: none;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

body .mdl-spinner__layer-1 {
    border-color: var(--common-primary-400);
}

body .mdl-spinner--single-color .mdl-spinner__layer-1 {
    border-color: var(--common-primary);
}

body .mdl-spinner--single-color .mdl-spinner__layer-2 {
    border-color: var(--common-primary);
}

body .mdl-spinner--single-color .mdl-spinner__layer-3 {
    border-color: var(--common-primary);
}

body .mdl-spinner--single-color .mdl-spinner__layer-4 {
    border-color: var(--common-primary);
}

body .mdl-switch__track {
    background: var(--common-dark-opacity-300);
    top: 0.3571rem;
    height: 1rem;
    width: 2.5714rem;
    border-radius: 1rem;
    position: absolute;
    left: 0;
    cursor: pointer;
}

body .mdl-switch.is-checked .mdl-switch__track {
    background: var(--common-primary-opacity-500);
}

body .mdl-switch__track fieldset[disabled] .mdl-switch,
body .mdl-switch.is-disabled .mdl-switch__track {
    background: var(--common-dark-opacity-100);
}

body .mdl-switch__thumb {
    background: var(--common-grey-50);
    top: 0.1429rem;
    height: 1.4286rem;
    width: 1.4286rem;
    position: absolute;
    left: 0;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: left;
}

body .mdl-switch.is-checked .mdl-switch__thumb {
    background: var(--common-primary);
    left: 1.1429rem;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14),
        0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

body .mdl-switch__thumb fieldset[disabled] .mdl-switch,
body .mdl-switch.is-disabled .mdl-switch__thumb {
    background: var(--common-grey-400);
}

body .mdl-switch.is-focused .mdl-switch__focus-helper {
    box-shadow: 0 0 0 20px var(--common-dark-opacity-100);
    background-color: var(--common-dark-opacity-100);
}

body .mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
    box-shadow: 0 0 0 20px var(--common-primary-opacity-200);
    background-color: var(--common-primary-opacity-200);
}

body .mdl-switch__label fieldset[disabled] .mdl-switch,
body .mdl-switch.is-disabled .mdl-switch__label {
    color: var(--common-grey-400);
}

body .mdl-switch__ripple-container {
    -webkit-mask-image: -webkit-radial-gradient(
        circle,
        var(--common-white),
        var(--common-black)
    );
}

body .mdl-switch__ripple-container .mdl-ripple {
    background: var(--common-primary);
}

body .mdl-tabs__tab-bar {
    border-bottom: 1px solid var(--common-grey-300);
    height: 3.4286rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: space-between;
    align-items: flex-start;
    padding: 0;
    margin: 0;
}

body .mdl-tabs__tab {
    color: var(--common-dark-opacity-500);
    font-size: 1rem;
    padding: 0 1.7143rem;
    height: 3.4286rem;
    line-height: 3.4286rem;
    margin: 0;
    border: none;
    float: left;
    position: relative;
    display: block;
    text-decoration: none;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    overflow: hidden;
}

body .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
    color: var(--common-dark-primary-text);
}

body .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    background: var(--common-primary);
    height: 0.1429rem;
    width: 100%;
    display: block;
    content: ' ';
    bottom: 0;
    left: 0;
    position: absolute;
    animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate
        forwards;
    transition: all 1s cubic-bezier(0.4, 0, 1, 1);
}

body .mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
    background: var(--common-primary);
}

body .mdl-textfield__input {
    font-size: 1.15rem;
    padding: 0.2857rem 0;
    border: none;
    border-bottom: 1px solid var(--common-dark-opacity-100);
    display: block;
    font-family: 'Helvetica', 'Arial', sans-serif;
    margin: 0;
    width: 100%;
    background: 0 0;
    text-align: left;
    color: inherit;
}

body .mdl-textfield.is-invalid .mdl-textfield__input {
    border-color: var(--common-error-color);
}

body fieldset[disabled] .mdl-textfield .mdl-textfield__input,
body .mdl-textfield.is-disabled .mdl-textfield__input {
    border-bottom: 1px dotted var(--common-dark-opacity-100);
    color: var(--common-dark-opacity-300);
}

body .mdl-textfield__label {
    font-size: 1.1429rem;
    top: 1.7143rem;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    position: absolute;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    color: var(--common-dark-opacity-300);
}

body fieldset[disabled] .mdl-textfield .mdl-textfield__label,
body .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
    color: var(--common-dark-opacity-300);
}

body .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
body .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
body .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: var(--common-primary);
}

body .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
    color: var(--common-error-color);
}

body .mdl-textfield__label:after {
    background-color: var(--common-primary);
}

body .mdl-textfield.is-invalid .mdl-textfield__label:after {
    background-color: var(--common-error-color);
}

body .mdl-textfield__error {
    color: var(--common-error-color);
}

body .mdl-tooltip {
    background: rgba(97, 97, 97, 0.9);
    color: var(--common-light-primary-text);
}

body .styleguide-demo h1:after {
    border-bottom: 1px solid var(--common-dark-opacity-500);
}

body .styleguide-masthead {
    background: var(--common-grey-900);
    height: 18.2857rem;
    padding: 8.2143rem 1.1429rem 0;
}

body .styleguide-title {
    color: var(--common-light-primary-text);
    font-size: 4rem;
    bottom: auto;
    position: relative;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.02em;
}

body .demo-wrapper iframe {
    border: 1px solid var(--common-dark-opacity-500);
}

body .mat-list-option.mat-list-item-focus,
body .mat-list-option:hover,
body .mat-nav-list .mat-list-item.mat-list-item-focus,
body .mat-nav-list .mat-list-item:hover,
body .mat-nav-list .mat-list-item:focus {
    background-color: var(--common-focused);
}

body .mat-nav-list.mat-nav-list a:focus mat-icon {
    color: var(--common-primary);
}

body .mat-nav-list.mat-nav-list a:focus div.mat-list-item-content {
    color: var(--common-primary);
}

:root,
html body {
    font-size: var(--common-font-size);
}

body h1 small,
body h2 small,
body h3 small,
body h4 small,
body h5 small,
body h6 small {
    font-size: 0.6em;
}

body h1 {
    font-size: 4rem;
}

body h2 {
    font-size: 3.21rem;
}

body h3 {
    font-size: 2.43rem;
}

body h4 {
    font-size: 1.72rem;
}

body h5 {
    font-size: 1.43rem;
}

body h6 {
    font-size: 1.15rem;
}

body p {
    font-size: 1rem;
}

body blockquote {
    font-size: 1.72rem;
}

body address {
    font-size: 0.86rem;
}

body ul,
body ol {
    font-size: 1rem;
}

body .mdl-typography--display-4,
body .mdl-typography--display-4-color-contrast {
    font-size: 10.86rem;
}

body .mdl-typography--display-3,
body .mdl-typography--display-3-color-contrast {
    font-size: 4rem;
}

body .mdl-typography--display-2,
body .mdl-typography--display-2-color-contrast {
    font-size: 3.21rem;
}

body .mdl-typography--display-1,
body .mdl-typography--display-1-color-contrast {
    font-size: 2.43rem;
}

body .mdl-typography--headline,
body .mdl-typography--headline-color-contrast {
    font-size: 1.72rem;
}

body .mdl-typography--title,
body .mdl-typography--title-color-contrast {
    font-size: 1.43rem;
}

body .mdl-typography--subhead,
body .mdl-typography--subhead-color-contrast {
    font-size: 1.15rem;
}

body .mdl-typography--body-2,
body .mdl-typography--body-2-color-contrast {
    font-size: 1rem;
}

body .mdl-typography--body-1,
body .mdl-typography--body-1-color-contrast {
    font-size: 1rem;
}

body .mdl-typography--body-2-force-preferred-font,
body .mdl-typography--body-2-force-preferred-font-color-contrast {
    font-size: 1rem;
}

body .mdl-typography--body-1-force-preferred-font,
body .mdl-typography--body-1-force-preferred-font-color-contrast {
    font-size: 1rem;
}

body .mdl-typography--caption,
body .mdl-typography--caption-force-preferred-font {
    font-size: 0.86rem;
}

body .mdl-typography--caption-color-contrast,
body .mdl-typography--caption-force-preferred-font-color-contrast {
    font-size: 0.86rem;
}

body .mdl-typography--menu {
    font-size: 1rem;
}

body .mdl-typography--menu-color-contrast,
body .mdl-typography--button,
body .mdl-typography--button-color-contrast {
    font-size: 1rem;
}

body .material-icons {
    font-size: 1.72rem;
}

body .mdl-badge[data-badge]:after {
    font-size: 0.86rem;
}

body .mdl-button--icon {
    font-size: 1.72rem;
    height: 2.2857rem;
    min-width: 2.2857rem;
    width: 2.2857rem;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    border-radius: 50%;
    overflow: hidden;
    color: inherit;
    line-height: normal;
}

body .mdl-card {
    font-size: 1.15rem;
}

body .mdl-card__title-text {
    font-size: 1.72rem;
    transform-origin: 10.6429rem 3.4286rem;
    align-self: flex-end;
    color: inherit;
    display: flex;
    font-weight: 300;
    line-height: normal;
    overflow: hidden;
    margin: 0;
}

body .mdl-card__supporting-text {
    font-size: 1rem;
}

body .mdl-card__actions {
    font-size: 1.15rem;
}

body .mdl-checkbox__label {
    font-size: 1.15rem;
    line-height: 1.7143rem;
    position: relative;
    cursor: pointer;
    margin: 0;
}

body .mdl-chip__text {
    font-size: 0.93rem;
}

body .mdl-chip__contact {
    font-size: 1.29rem;
}

body .mdl-data-table {
    font-size: 0.93rem;
}

body .mdl-data-table th.mdl-data-table__header--sorted-ascending:before,
body .mdl-data-table th.mdl-data-table__header--sorted-descending:before {
    font-size: 1.15rem;
}

body .mdl-dialog__title {
    font-size: 2.5rem;
    padding: 1.7143rem 1.7143rem 0;
    margin: 0;
}

body .mdl-mega-footer--heading,
body .mdl-mega-footer__heading {
    font-size: 1rem;
}

body .mdl-mega-footer--link-list li,
body .mdl-mega-footer__link-list li {
    font-size: var(--footer-section-list-item-font-size);
    line-height: 1.4286rem;
    font-weight: var(--footer-section-list-item-font-weight);
    letter-spacing: 0;
}

body .mdl-icon-toggle__label.material-icons {
    font-size: 1.72rem;
}

body .mdl-list__item {
    font-size: 1.15rem;
}

body
    .mdl-list__item
    .mdl-list__item-secondary-content
    .mdl-list__item-secondary-info {
    font-size: 0.86rem;
}

body .mdl-list__item-icon,
body .mdl-list__item-icon.material-icons {
    font-size: 1.72rem;
}

body .mdl-list__item-avatar,
body .mdl-list__item-avatar.material-icons {
    font-size: 2.86rem;
}

body
    .mdl-list__item--two-line
    .mdl-list__item-primary-content
    .mdl-list__item-sub-title {
    font-size: 1rem;
}

body .mdl-layout__title,
body .mdl-layout-title {
    font-size: 1.43rem;
}

body .mdl-radio {
    font-size: 1.15rem;
    line-height: 1.7143rem;
    height: 1.7143rem;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    margin: 0;
    padding-left: 0;
}

body .mdl-switch__label {
    font-size: 1.15rem;
    line-height: 1.7143rem;
    left: 1.7143rem;
    position: relative;
    cursor: pointer;
    margin: 0;
}

body .mdl-textfield {
    font-size: 1.15rem;
    width: 21.4286rem;
    padding: 1.4286rem 0;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
    margin: 0;
}

body .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
body .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
body .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    font-size: 0.86rem;
}

body .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
    font-size: 0.86rem;
}

body .mdl-textfield__error {
    font-size: 0.86rem;
}

body .mdl-tooltip {
    font-size: 0.71rem;
}

body .mdl-tooltip--large {
    font-size: 1rem;
}

hr {
    height: 0.0714rem;
}

body .visuallyhidden {
    height: 0.0714rem;
    margin: -0.0714rem;
    width: 0.0714rem;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
    padding: 0;
    position: absolute;
}

html,
html body {
    font-size: 1rem;
    line-height: 1.4286rem;
}

body h1 {
    font-size: 4rem;
    margin: 1.7143rem 0;
}

body h2 {
    font-size: 3.2143rem;
    line-height: 3.4286rem;
}

body h2,
body h3 {
    font-family: var(--common-font-family);
    margin: 1.7143rem 0;
}

body h3 {
    font-size: 2.4286rem;
    line-height: 2.8571rem;
}

body h4 {
    font-family: var(--common-font-family);
    font-size: 1.7143rem;
    line-height: 2.2857rem;
    margin: 1.7143rem 0 1.1429rem;
}

body h5 {
    font-size: 1.4286rem;
}

body h5,
body h6 {
    font-family: var(--common-font-family);
    margin: 1.7143rem 0 1.1429rem;
}

body h6 {
    font-size: 1.1429rem;
}

body h6,
body p {
    line-height: 1.7143rem;
}

body p {
    font-size: 1rem;
    margin: 0 0 1.1429rem;
}

body blockquote {
    font-size: 1.7143rem;
}

body address {
    font-size: 0.8571rem;
}

body ul,
ol {
    font-size: 1rem;
    line-height: 1.7143rem;
}

body .mdl-typography--display-4,
body .mdl-typography--display-4-color-contrast {
    font-size: 8rem;
}

body .mdl-typography--display-3,
body .mdl-typography--display-3-color-contrast {
    font-size: 4rem;
}

body .mdl-typography--display-2,
body .mdl-typography--display-2-color-contrast {
    font-size: 3.2143rem;
    line-height: 3.4286rem;
}

body .mdl-typography--display-1,
body .mdl-typography--display-1-color-contrast {
    font-size: 2.4286rem;
    line-height: 2.8571rem;
}

body .mdl-typography--headline,
body .mdl-typography--headline-color-contrast {
    font-size: 1.7143rem;
    line-height: 2.2857rem;
}

body .mdl-typography--title,
body .mdl-typography--title-color-contrast {
    font-size: 1.4286rem;
}

body .mdl-typography--subhead,
body .mdl-typography--subhead-color-contrast {
    font-size: 1.1429rem;
    line-height: 1.7143rem;
}

body .mdl-typography--body-2,
body .mdl-typography--body-2-color-contrast {
    font-size: 1rem;
    line-height: 1.7143rem;
}

body .mdl-typography--body-1,
body .mdl-typography--body-1-color-contrast {
    font-size: 1rem;
    line-height: 1.7143rem;
}

body .mdl-typography--body-2-force-preferred-font,
body .mdl-typography--body-2-force-preferred-font-color-contrast {
    font-size: 1rem;
    line-height: 1.7143rem;
}

body .mdl-typography--body-1-force-preferred-font,
body mdl-typography--body-1-force-preferred-font-color-contrast {
    font-size: 1rem;
    line-height: 1.7143rem;
}

body .mdl-typography--caption,
body .mdl-typography--caption-force-preferred-font {
    font-size: 0.8571rem;
}

body .mdl-typography--caption-color-contrast,
body.mdl-typography--caption-force-preferred-font-color-contrast {
    font-size: 0.8571rem;
}

body .mdl-typography--menu {
    font-size: 1rem;
}

body .mdl-typography--menu-color-contrast,
body .mdl-typography--button,
body .mdl-typography--button-color-contrast {
    font-size: 1rem;
}

body .material-icons {
    font-size: 1.7143rem;
}

body .mdl-badge {
    margin-right: 1.7143rem;
}

body .mdl-badge[data-badge]:after {
    top: -0.7857rem;
    right: -1.7143rem;
    font-size: 0.8571rem;
    width: 1.5714rem;
    height: 1.5714rem;
}

body .mdl-button .mdl-badge[data-badge]:after {
    top: -0.7143rem;
    right: -0.3571rem;
}

body .mdl-badge.mdl-badge--overlap {
    margin-right: 0.7143rem;
}

body .mdl-badge.mdl-badge--overlap:after {
    right: -0.7143rem;
}

body .mdl-button--fab .material-icons {
    transform: translate(-0.8571rem, -0.8571rem);
    line-height: 1.7143rem;
    width: 1.7143rem;
}

body .mdl-button--fab.mdl-button--mini-fab {
    height: 2.8571rem;
    min-width: 2.8571rem;
    width: 2.8571rem;
}

body .mdl-button--icon mat-icon.material-icons {
    transform: none;
    line-height: 1.7143rem;
    width: 1.7143rem;
    position: static;
    top: auto;
    left: auto;
}

body .mdl-button--icon.mdl-button--mini-icon {
    height: 1.7143rem;
    min-width: 1.7143rem;
    width: 1.7143rem;
}

body .mdl-card {
    font-size: 1.1429rem;
    min-height: 14.2857rem;
    width: 23.5714rem;
}

body .mdl-card__title {
    padding: 1.1429rem;
    perspective-origin: 11.7857rem 4rem;
    transform-origin: 11.7857rem 4rem;
}

body .mdl-card__supporting-text {
    line-height: 1.2857rem;
    padding: 1.1429rem;
}

body .mdl-card__actions {
    font-size: 1.1429rem;
    padding: 0.5714rem;
}

body .mdl-card__menu {
    right: 1.1429rem;
    top: 1.1429rem;
}

body .mdl-checkbox {
    height: 1.7143rem;
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
}

body .mdl-checkbox.is-upgraded {
    padding-left: 1.7143rem;
}

body .mdl-checkbox__input {
    line-height: 1.7143rem;
}

body .mdl-checkbox__focus-helper {
    top: 0.2143rem;
    width: 1.1429rem;
    height: 1.1429rem;
    position: absolute;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: transparent;
}

body .mdl-checkbox__ripple-container {
    top: -0.4286rem;
    left: -0.7143rem;
    width: 2.5714rem;
    height: 2.5714rem;
}

body .mdl-chip__text {
    font-size: 0.9286rem;
}

body .mdl-chip__contact {
    height: 2.2857rem;
    width: 2.2857rem;
    border-radius: 1.1429rem;
    margin-right: 0.5714rem;
    font-size: 1.2857rem;
    line-height: 2.2857rem;
}

body .mdl-chip--deletable {
    padding-right: 0.2857rem;
}

body .mdl-data-table {
    font-size: 0.9286rem;
}

body .mdl-data-table thead {
    padding-bottom: 0.2143rem;
}

body .mdl-data-table tbody tr {
    height: 3.4286rem;
}

body .mdl-data-table td:first-of-type,
.mdl-data-table th:first-of-type {
    padding-left: 1.7143rem;
}

body .mdl-data-table td:last-of-type,
.mdl-data-table th:last-of-type {
    padding-right: 1.7143rem;
}

body .mdl-data-table td {
    height: 3.4286rem;
    padding: 0.8571rem 1.2857rem;
}

body .mdl-data-table th.mdl-data-table__header--sorted-ascending:before,
.mdl-data-table th.mdl-data-table__header--sorted-descending:before {
    font-size: 1.1429rem;
    margin-right: 0.3571rem;
}

body .mdl-data-table__select {
    width: 1.1429rem;
}

body .mdl-dialog {
    width: 20rem;
    border: none;
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14),
        0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
}

body .mdl-dialog__actions {
    padding: 0.5714rem 0.5714rem 0.5714rem 1.7143rem;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

body .mdl-dialog__actions > * {
    margin-right: 0.5714rem;
    height: 2.5714rem;
}

body .mdl-dialog__actions--full-width {
    padding: 0 0 0.5714rem;
}

body .mdl-dialog__actions--full-width > * {
    height: 3.4286rem;
    padding-right: 1.1429rem;
    flex: 0 0 100%;
    margin-right: 0;
    text-align: right;
}

body .mdl-dialog__content {
    padding: 1.4286rem 1.7143rem 1.7143rem;
}

body .mdl-mega-footer--left-section,
.mdl-mega-footer__left-section,
.mdl-mega-footer--right-section,
.mdl-mega-footer__right-section {
    margin-bottom: 1.1429rem;
}

body .mdl-mega-footer--right-section a,
.mdl-mega-footer__right-section a {
    margin-bottom: 1.1429rem;
}

@media screen and (min-width: 47.5rem) {
    body .mdl-mega-footer--left-section,
    body .mdl-mega-footer__left-section {
        float: left;
    }

    body .mdl-mega-footer--right-section,
    body .mdl-mega-footer__right-section {
        float: right;
    }

    body .mdl-mega-footer--right-section a,
    body .mdl-mega-footer__right-section a {
        display: inline-block;
        margin-left: 1.1429rem;
        line-height: 2.5714rem;
        vertical-align: middle;
    }
}

@media screen and (min-width: 47.5rem) {
    body .mdl-mega-footer--drop-down-section,
    body .mdl-mega-footer__drop-down-section {
        width: 33%;
    }

    body .mdl-mega-footer--drop-down-section:nth-child(1),
    body .mdl-mega-footer--drop-down-section:nth-child(2),
    body .mdl-mega-footer__drop-down-section:nth-child(1),
    body .mdl-mega-footer__drop-down-section:nth-child(2) {
        float: left;
    }

    body .mdl-mega-footer--drop-down-section:nth-child(3),
    body .mdl-mega-footer__drop-down-section:nth-child(3) {
        float: right;
    }

    body .mdl-mega-footer--drop-down-section:nth-child(3):after,
    body .mdl-mega-footer__drop-down-section:nth-child(3):after {
        clear: right;
    }

    body .mdl-mega-footer--drop-down-section:nth-child(4),
    body .mdl-mega-footer__drop-down-section:nth-child(4) {
        clear: right;
        float: right;
    }

    body .mdl-mega-footer--middle-section:after,
    body .mdl-mega-footer__middle-section:after {
        content: '';
        display: block;
        clear: both;
    }

    body .mdl-mega-footer--bottom-section,
    body .mdl-mega-footer__bottom-section {
        padding-top: 0;
    }
}

@media screen and (min-width: 64rem) {
    body .mdl-mega-footer--drop-down-section,
    body .mdl-mega-footer--drop-down-section:nth-child(3),
    body .mdl-mega-footer--drop-down-section:nth-child(4),
    body .mdl-mega-footer__drop-down-section,
    body .mdl-mega-footer__drop-down-section:nth-child(3),
    body .mdl-mega-footer__drop-down-section:nth-child(4) {
        width: 24%;
        float: left;
    }
}

body .mdl-mega-footer--heading-checkbox,
body .mdl-mega-footer__heading-checkbox {
    height: 3.9857rem;
    padding: 2.2857rem;
    margin: -1.1429rem 0 0;
    position: absolute;
    width: 100%;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
}

body .mdl-mega-footer--heading,
body .mdl-mega-footer__heading {
    padding-right: 2.8429rem;
    margin-bottom: 1.1429rem;
    font-size: 1rem;
    line-height: 1.7rem;
}

body .mdl-mega-footer--heading:after,
body .mdl-mega-footer__heading:after {
    width: 1.7rem;
    height: 1.7rem;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    background-size: cover;
}

body .mdl-mega-footer--link-list,
body .mdl-mega-footer__link-list {
    margin: 0 0 2.2857rem;
    list-style: none;
    padding: 0;
}

@media screen and (min-width: 47.5rem) {
    body .mdl-mega-footer--heading-checkbox,
    body .mdl-mega-footer__heading-checkbox {
        display: none;
    }

    body .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
    body .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
    body .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
    body .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
        content: '';
    }

    body
        .mdl-mega-footer--heading-checkbox:checked
        ~ .mdl-mega-footer--link-list,
    body
        .mdl-mega-footer--heading-checkbox:checked
        ~ .mdl-mega-footer__link-list,
    body
        .mdl-mega-footer--heading-checkbox:checked
        + .mdl-mega-footer__heading
        + .mdl-mega-footer__link-list,
    body
        .mdl-mega-footer--heading-checkbox:checked
        + .mdl-mega-footer--heading
        + .mdl-mega-footer--link-list,
    body
        .mdl-mega-footer__heading-checkbox:checked
        ~ .mdl-mega-footer--link-list,
    body
        .mdl-mega-footer__heading-checkbox:checked
        ~ .mdl-mega-footer__link-list,
    body
        .mdl-mega-footer__heading-checkbox:checked
        + .mdl-mega-footer__heading
        + .mdl-mega-footer__link-list,
    body
        .mdl-mega-footer__heading-checkbox:checked
        + .mdl-mega-footer--heading
        + .mdl-mega-footer--link-list {
        display: block;
    }

    body
        .mdl-mega-footer--heading-checkbox:checked
        + .mdl-mega-footer--heading:after,
    body
        .mdl-mega-footer--heading-checkbox:checked
        + .mdl-mega-footer__heading:after,
    body
        .mdl-mega-footer__heading-checkbox:checked
        + .mdl-mega-footer--heading:after,
    body
        .mdl-mega-footer__heading-checkbox:checked
        + .mdl-mega-footer__heading:after {
        content: '';
    }
}

body .mdl-mega-footer--bottom-section,
body .mdl-mega-footer__bottom-section {
    padding-top: 1.1429rem;
    margin-bottom: 1.1429rem;
}

body .mdl-logo {
    margin-bottom: 1.1429rem;
}

body .mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,
body .mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
    margin-right: 1.1429rem;
    float: left;
    margin-bottom: 0;
}

@media screen and (min-width: 47.5rem) {
    body .mdl-logo {
        float: left;
        margin-bottom: 0;
        margin-right: 1.1429rem;
    }
}

body .mdl-mini-footer {
    padding: 2.2857rem 1.1429rem;
}

body .mdl-mini-footer .mdl-logo {
    line-height: 2.5714rem;
}

body .mdl-mini-footer--link-list li,
body .mdl-mini-footer__link-list li {
    margin-right: 1.1429rem;
    margin-bottom: 0;
}

@media screen and (min-width: 47.5rem) {
    body .mdl-mini-footer--link-list li,
    body .mdl-mini-footer__link-list li {
        line-height: 2.5714rem;
    }
}

body .mdl-icon-toggle {
    height: 2.2857rem;
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    margin: 0;
    padding: 0;
}

body .mdl-icon-toggle__input {
    line-height: 2.2857rem;
}

body .mdl-icon-toggle__label.material-icons {
    line-height: 2.2857rem;
    font-size: 1.7143rem;
}

body .mdl-icon-toggle__ripple-container {
    top: -0.1429rem;
    left: -0.1429rem;
    width: 2.5714rem;
    height: 2.5714rem;
    border-radius: 50%;
}

body .mdl-list {
    padding: 0.5714rem 0;
}

body .mdl-list__item {
    font-size: 1.1429rem;
    min-height: 3.4286rem;
    padding: 1.1429rem;
}

body .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {
    margin-right: 2.2857rem;
}

body .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar {
    margin-right: 1.1429rem;
}

body .mdl-list__item .mdl-list__item-secondary-content {
    margin-left: 1.1429rem;
}

body
    .mdl-list__item
    .mdl-list__item-secondary-content
    .mdl-list__item-secondary-info {
    font-size: 0.8571rem;
}

body
    .mdl-list__item
    .mdl-list__item-secondary-content
    .mdl-list__item-sub-header {
    padding: 0 0 0 1.1429rem;
}

body .mdl-list__item-icon,
body .mdl-list__item-icon.material-icons {
    height: 1.7143rem;
    width: 1.7143rem;
    font-size: 1.7143rem;
}

body .mdl-list__item-avatar,
body .mdl-list__item-avatar.material-icons {
    height: 2.8571rem;
    width: 2.8571rem;
    font-size: 2.8571rem;
}

body .mdl-list__item--two-line {
    height: 5.1429rem;
}

body .mdl-list__item--two-line .mdl-list__item-primary-content {
    height: 2.5714rem;
    line-height: 1.4286rem;
}

body
    .mdl-list__item--two-line
    .mdl-list__item-primary-content
    .mdl-list__item-icon {
    margin-top: 0.4286rem;
}

body
    .mdl-list__item--two-line
    .mdl-list__item-primary-content
    .mdl-list__item-secondary-content {
    height: 2.5714rem;
}

body
    .mdl-list__item--two-line
    .mdl-list__item-primary-content
    .mdl-list__item-sub-title {
    font-size: 1rem;
    line-height: 1.2857rem;
}

body .mdl-list__item--three-line {
    height: 6.2857rem;
}

body .mdl-list__item--three-line .mdl-list__item-primary-content {
    height: 3.7143rem;
    line-height: 1.4286rem;
}

body .mdl-list__item--three-line .mdl-list__item-secondary-content {
    height: 3.7143rem;
}

body .mdl-menu {
    min-width: 8.8571rem;
    padding: 0.5714rem 0;
    height: auto;
    width: auto;
    position: absolute;
    list-style: none;
    top: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    clip: rect(0 0 0 0);
    z-index: -1;
}

body .mdl-progress {
    height: 0.2857rem;
    width: 35.7143rem;
    display: block;
    position: relative;
    max-width: 100%;
}

body .mdl-layout__title,
body .mdl-layout-title {
    font-size: 1.4286rem;
}

body .mdl-layout__drawer > .mdl-layout__title,
body .mdl-layout__drawer > .mdl-layout-title {
    line-height: 4.5714rem;
    padding-left: 2.8571rem;
}

@media screen and (max-width: 64rem) {
    body .mdl-layout__drawer > .mdl-layout__title,
    body .mdl-layout__drawer > .mdl-layout-title {
        line-height: 4rem;
        padding-left: 1.1429rem;
    }
}

body .mdl-layout__drawer .mdl-navigation {
    padding-top: 1.1429rem;
}

@media screen and (max-width: 64rem) {
    body .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
        padding: 1.1429rem;
    }
}

@media screen and (min-width: 64.0625rem) {
    body .mdl-layout--fixed-drawer > .mdl-layout__drawer {
        transform: translateX(0);
    }
}

@media screen and (max-width: 64rem) {
    body .mdl-layout__header .mdl-layout__drawer-button {
        margin: 0.2857rem;
    }
}

@media screen and (max-width: 64rem) {
    body .mdl-layout__drawer-button {
        margin: 0.2857rem;
        color: rgba(0, 0, 0, 0.5);
    }
}

@media screen and (min-width: 64.0625rem) {
    body .mdl-layout__drawer-button {
        line-height: 3.8571rem;
    }

    body .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button,
    body .mdl-layout--fixed-drawer > .mdl-layout__drawer-button,
    body .mdl-layout--no-drawer-button .mdl-layout__drawer-button {
        display: none;
    }
}

@media screen and (max-width: 64rem) {
    body .mdl-layout__header {
        min-height: 4rem;
    }
}

body
    .mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen)
    > .mdl-layout__header {
    margin-left: 17.1429rem;
    width: calc(100% - 17.1429rem);
}

@media screen and (min-width: 64.0625rem) {
    body
        .mdl-layout--fixed-drawer
        > .mdl-layout__header
        .mdl-layout__header-row {
        padding-left: 2.8571rem;
    }
}

body .mdl-layout__header > .mdl-layout-icon {
    left: 2.8571rem;
    top: 1.1429rem;
    height: 2.2857rem;
    width: 2.2857rem;
}

@media screen and (max-width: 64rem) {
    body .mdl-layout__header > .mdl-layout-icon {
        left: 1.1429rem;
        top: 0.8571rem;
    }
}

body .mdl-layout__header.is-compact {
    max-height: 4.5714rem;
}

@media screen and (max-width: 64rem) {
    body .mdl-layout__header.is-compact {
        max-height: 4rem;
    }
}

body .mdl-layout__header.is-compact.has-tabs {
    height: 8rem;
}

@media screen and (max-width: 64rem) {
    body .mdl-layout__header.is-compact.has-tabs {
        min-height: 7.4286rem;
    }
}

@media screen and (max-width: 64rem) {
    body .mdl-layout__header {
        display: none;
    }

    .mdl-layout--fixed-header > .mdl-layout__header {
        display: flex;
    }
}

body .mdl-layout__header-row {
    height: 4.5714rem;
    padding: 0 2.8571rem 0 5.7143rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-shrink: 0;
    box-sizing: border-box;
    align-self: stretch;
    align-items: center;
    margin: 0;
}

body .mdl-layout--no-drawer-button .mdl-layout__header-row {
    padding-left: 2.8571rem;
}

@media screen and (min-width: 64.0625rem) {
    body .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row {
        padding-left: 2.8571rem;
    }
}

@media screen and (max-width: 64rem) {
    body .mdl-layout__header-row {
        height: 4rem;
        padding: 0 1.1429rem 0 5.1429rem;
    }

    body .mdl-layout--no-drawer-button .mdl-layout__header-row {
        padding-left: 1.1429rem;
    }
}

body .mdl-layout__header-row .mdl-navigation {
    height: 4.5714rem;
    margin: 0;
    padding: 0;
    flex-direction: row;
    align-items: center;
}

@media screen and (max-width: 64rem) {
    body .mdl-layout__header-row .mdl-navigation {
        height: 4rem;
    }
}

body .mdl-layout__header-row .mdl-navigation__link {
    line-height: 4.5714rem;
    padding: 0 1.7143rem;
    display: block;
    color: var(--common-light-primary-text);
}

@media screen and (max-width: 64rem) {
    body .mdl-layout__header-row .mdl-navigation__link {
        line-height: 4rem;
        padding: 0 1.1429rem;
    }
}

body .mdl-layout--fixed-drawer > .mdl-layout__content {
    margin-left: 17.1429rem;
}

@media screen and (max-width: 64rem) {
    body .mdl-layout--fixed-drawer > .mdl-layout__content {
        margin-left: 0;
    }

    body .mdl-layout__container.has-scrolling-header .mdl-layout__content {
        overflow-y: auto;
        overflow-x: hidden;
    }
}

body .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
    padding-left: 1.1429rem;
    width: calc(100% - 2.2857rem);
}

@media screen and (min-width: 64.0625rem) {
    body .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar {
        padding-left: 1.1429rem;
        width: calc(100% - 2.2857rem);
    }
}

@media screen and (max-width: 64rem) {
    body .mdl-layout__tab-bar {
        width: calc(100% - 4.2857rem);
        padding: 0 0 0 4.2857rem;
    }

    body .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
        width: calc(100% - 0.5714rem);
        padding-left: 0.2857rem;
    }
}

body .mdl-layout__tab-bar-container {
    height: 3.4286rem;
    position: relative;
    width: 100%;
    border: none;
    margin: 0;
    z-index: 2;
    flex-grow: 0;
    flex-shrink: 0;
    overflow: hidden;
}

body .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button,
body .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button {
    width: 1.1429rem;
}

body
    .mdl-layout--no-desktop-drawer-button
    .mdl-layout__tab-bar-button
    .material-icons,
body .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons {
    left: -0.2857rem;
}

@media screen and (max-width: 64rem) {
    body .mdl-layout__tab-bar-button {
        width: 4.2857rem;
    }
}

body .mdl-layout__tab-bar-button .material-icons {
    line-height: 3.4286rem;
}

@media screen and (max-width: 64rem) {
    body .mdl-layout__tab {
        padding: 0 0.8571rem;
    }
}

body .mdl-radio.is-upgraded {
    padding-left: 1.7143rem;
}

body .mdl-radio__button {
    line-height: 1.7143rem;
}

body .mdl-radio__ripple-container {
    top: -0.6429rem;
    left: -0.9286rem;
    width: 3rem;
    height: 3rem;
}

body _:-ms-input-placeholder,
:root body .mdl-slider.mdl-slider.is-upgraded {
    height: 2.2857rem;
    -ms-appearance: none;
    margin: 0;
}

body .mdl-slider {
    width: calc(100% - 2.8571rem);
    margin: 0 1.4286rem;
}

body .mdl-slider.is-upgraded::-ms-track {
    height: 0.1429rem;
    background: 0 0;
    color: transparent;
    width: 100%;
    border: none;
}

body .mdl-slider.is-upgraded::-webkit-slider-thumb {
    width: 0.8571rem;
    height: 0.8571rem;
}

body .mdl-slider.is-upgraded::-moz-range-thumb {
    width: 0.8571rem;
    height: 0.8571rem;
}

body .mdl-slider.is-upgraded::-ms-thumb {
    width: 2.2857rem;
    height: 2.2857rem;
}

body
    .mdl-slider.is-upgraded.is-lowest-value
    + .mdl-slider__background-flex
    > .mdl-slider__background-upper {
    left: 0.4286rem;
}

body
    .mdl-slider.is-upgraded.is-lowest-value:active
    + .mdl-slider__background-flex
    > .mdl-slider__background-upper {
    left: 0.6429rem;
}

body .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {
    margin-left: 0.4286rem;
}

body .mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {
    margin-left: 0.6429rem;
}

body
    .mdl-slider.is-upgraded:disabled
    + .mdl-slider__background-flex
    > .mdl-slider__background-lower {
    left: -0.4286rem;
}

body
    .mdl-slider.is-upgraded:disabled
    + .mdl-slider__background-flex
    > .mdl-slider__background-upper {
    left: 0.4286rem;
}

body
    .mdl-slider.is-upgraded.is-lowest-value:disabled:active
    + .mdl-slider__background-flex
    > .mdl-slider__background-upper {
    left: 0.4286rem;
}

body .mdl-slider.is-upgraded:disabled::-ms-fill-lower {
    margin-right: 0.4286rem;
}

body .mdl-slider.is-upgraded:disabled::-ms-fill-upper {
    margin-left: 0.4286rem;
}

body .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper {
    margin-left: 0.4286rem;
}

body .mdl-slider__ie-container {
    height: 1.2857rem;
}

body .mdl-slider__container {
    height: 1.2857rem;
}

body .mdl-slider__background-flex {
    height: 0.1429rem;
    width: calc(100% - 3.7143rem);
    margin: 0 1.8571rem;
    transform: translate(0, -0.0714rem);
    position: absolute;
    top: 50%;
    left: 0;
    overflow: hidden;
    border: 0;
    padding: 0;
}

body .mdl-snackbar {
    transform: translate(0, 5.7143rem);
    position: fixed;
    bottom: 0;
    left: 50%;
    cursor: default;
    background-color: #323232;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    font-family: var(--common-font-family);
    will-change: transform;
    transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1);
    pointer-events: none;
}

@media (max-width: 29.9375rem) {
    body .mdl-snackbar {
        width: 100%;
        left: 0;
        min-height: 3.4286rem;
        max-height: 5.7143rem;
    }
}

@media (min-width: 29.9375rem) {
    body .mdl-snackbar {
        min-width: 20.5714rem;
        max-width: 40.5714rem;
        border-radius: 0.1429rem;
        transform: translate(-50%, 5.7143rem);
    }
}

@media (min-width: 29.9375rem) {
    body .mdl-snackbar--active {
        transform: translate(-50%, 0);
    }
}

body .mdl-snackbar__text {
    padding: 1rem 0.8571rem 1rem 1.7143rem;
}

body .mdl-spinner {
    width: 2rem;
    height: 2rem;
}

body .mdl-switch {
    height: 1.7143rem;
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: visible;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body .mdl-switch.is-upgraded {
    padding-left: 2rem;
}

body .mdl-switch__input {
    line-height: 1.7143rem;
}

body .mdl-switch__focus-helper {
    transform: translate(-0.2857rem, -0.2857rem);
    width: 0.5714rem;
    height: 0.5714rem;
}

body .mdl-switch__ripple-container {
    top: -0.8571rem;
    left: -1rem;
    width: 3.4286rem;
    height: 3.4286rem;
}

body .mdl-switch.is-checked .mdl-switch__ripple-container {
    left: 0.1429rem;
}

body .mdl-textfield .mdl-button {
    bottom: 1.4286rem;
}

body .mdl-textfield--expandable {
    width: auto;
    min-width: 2.2857rem;
    min-height: 2.2857rem;
}

body .mdl-textfield--expandable .mdl-button--icon {
    top: 1.1429rem;
}

body .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
body .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
body .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    font-size: 0.8571rem;
    top: 0.2857rem;
}

body
    .mdl-textfield--floating-label.is-focused
    .mdl-textfield__expandable-holder
    .mdl-textfield__label,
body
    .mdl-textfield--floating-label.is-dirty
    .mdl-textfield__expandable-holder
    .mdl-textfield__label,
body
    .mdl-textfield--floating-label.has-placeholder
    .mdl-textfield__expandable-holder
    .mdl-textfield__label {
    top: -1.1429rem;
}

body .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
    font-size: 0.8571rem;
}

body .mdl-textfield__label:after {
    bottom: 1.4286rem;
    height: 0.1429rem;
    width: 0.7143rem;
}

body .mdl-textfield__error {
    font-size: 0.8571rem;
    margin-top: 0.2143rem;
}

body .mdl-textfield__expandable-holder {
    margin-left: 2.2857rem;
}

body .mdl-textfield.is-focused .mdl-textfield__expandable-holder,
body .mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
    max-width: 42.8571rem;
}

body .mdl-tooltip {
    font-size: 0.7143rem;
    line-height: 1rem;
    max-width: 12.1429rem;
    top: -35.7143rem;
    left: -35.7143rem;
    padding: 0.5714rem;
}

body .mdl-tooltip--large {
    line-height: 1rem;
    font-size: 1rem;
    padding: 1.1429rem;
}

@media (max-width: 29.9375rem) {
    body .mdl-grid {
        padding: 0.5714rem;
    }

    body .mdl-cell {
        margin: 0.5714rem;
        width: calc(100% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell {
        width: 100%;
    }

    body .mdl-cell--hide-phone {
        display: none !important;
    }

    body .mdl-cell--order-1-phone.mdl-cell--order-1-phone {
        order: 1;
    }

    body .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
        order: 2;
    }

    body .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
        order: 3;
    }

    body .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
        order: 4;
    }

    body .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
        order: 5;
    }

    body .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
        order: 6;
    }

    body .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
        order: 7;
    }

    body .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
        order: 8;
    }

    body .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
        order: 9;
    }

    body .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
        order: 10;
    }

    body .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
        order: 11;
    }

    body .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
        order: 12;
    }

    body .mdl-cell--1-col,
    body .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: calc(25% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--1-col,
    body .mdl-grid--no-spacing > .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: 25%;
    }

    body .mdl-cell--2-col,
    body .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
        width: calc(50% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--2-col,
    body .mdl-grid--no-spacing > .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
        width: 50%;
    }

    body .mdl-cell--3-col,
    body .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
        width: calc(75% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--3-col,
    body .mdl-grid--no-spacing > .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
        width: 75%;
    }

    body .mdl-cell--4-col,
    body .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: calc(100% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--4-col,
    body .mdl-grid--no-spacing > .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: 100%;
    }

    body .mdl-cell--5-col,
    body .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
        width: calc(100% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--5-col,
    body .mdl-grid--no-spacing > .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
        width: 100%;
    }

    body .mdl-cell--6-col,
    body .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
        width: calc(100% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--6-col,
    body .mdl-grid--no-spacing > .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
        width: 100%;
    }

    body .mdl-cell--7-col,
    body .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
        width: calc(100% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--7-col,
    body .mdl-grid--no-spacing > .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
        width: 100%;
    }

    body .mdl-cell--8-col,
    body .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
        width: calc(100% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--8-col,
    body .mdl-grid--no-spacing > .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
        width: 100%;
    }

    body .mdl-cell--9-col,
    body .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
        width: calc(100% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--9-col,
    body .mdl-grid--no-spacing > .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
        width: 100%;
    }

    body .mdl-cell--10-col,
    body .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
        width: calc(100% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--10-col,
    body
        .mdl-grid--no-spacing
        > .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
        width: 100%;
    }

    body .mdl-cell--11-col,
    body .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
        width: calc(100% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--11-col,
    body
        .mdl-grid--no-spacing
        > .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
        width: 100%;
    }

    body .mdl-cell--12-col,
    body .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
        width: calc(100% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--12-col,
    body
        .mdl-grid--no-spacing
        > .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
        width: 100%;
    }

    body .mdl-cell--1-offset,
    body .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
        margin-left: calc(25% + 0.5714rem);
    }

    body .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset,
    body
        .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
        margin-left: 25%;
    }

    body .mdl-cell--2-offset,
    body .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
        margin-left: calc(50% + 0.5714rem);
    }

    body .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset,
    body
        .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
        margin-left: 50%;
    }

    body .mdl-cell--3-offset,
    body .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
        margin-left: calc(75% + 0.5714rem);
    }

    body .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset,
    body
        .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
        margin-left: 75%;
    }
}

@media (min-width: 29.9375rem) and (max-width: 52.4375rem) {
    body .mdl-grid {
        padding: 0.5714rem;
    }

    body .mdl-cell {
        margin: 0.5714rem;
        width: calc(50% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell {
        width: 50%;
    }

    body .mdl-cell--hide-tablet {
        display: none !important;
    }

    body .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {
        order: 1;
    }

    body .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
        order: 2;
    }

    body .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
        order: 3;
    }

    body .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
        order: 4;
    }

    body .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
        order: 5;
    }

    body .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
        order: 6;
    }

    body .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
        order: 7;
    }

    body .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
        order: 8;
    }

    body .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
        order: 9;
    }

    body .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
        order: 10;
    }

    body .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
        order: 11;
    }

    body .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
        order: 12;
    }

    body .mdl-cell--1-col,
    body .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: calc(12.5% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--1-col,
    body
        .mdl-grid--no-spacing
        > .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: 12.5%;
    }

    body .mdl-cell--2-col,
    body .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
        width: calc(25% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--2-col,
    body
        .mdl-grid--no-spacing
        > .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
        width: 25%;
    }

    body .mdl-cell--3-col,
    body .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
        width: calc(37.5% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--3-col,
    body
        .mdl-grid--no-spacing
        > .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
        width: 37.5%;
    }

    body .mdl-cell--4-col,
    body .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
        width: calc(50% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--4-col,
    body
        .mdl-grid--no-spacing
        > .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
        width: 50%;
    }

    body .mdl-cell--5-col,
    body .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
        width: calc(62.5% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--5-col,
    body
        .mdl-grid--no-spacing
        > .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
        width: 62.5%;
    }

    body .mdl-cell--6-col,
    body .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
        width: calc(75% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--6-col,
    body
        .mdl-grid--no-spacing
        > .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
        width: 75%;
    }

    body .mdl-cell--7-col,
    body .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
        width: calc(87.5% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--7-col,
    body
        .mdl-grid--no-spacing
        > .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
        width: 87.5%;
    }

    body .mdl-cell--8-col,
    body .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
        width: calc(100% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--8-col,
    body
        .mdl-grid--no-spacing
        > .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
        width: 100%;
    }

    body .mdl-cell--9-col,
    body .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
        width: calc(100% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--9-col,
    body
        .mdl-grid--no-spacing
        > .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
        width: 100%;
    }

    body .mdl-cell--10-col,
    body .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
        width: calc(100% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--10-col,
    body
        .mdl-grid--no-spacing
        > .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
        width: 100%;
    }

    body .mdl-cell--11-col,
    body .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
        width: calc(100% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--11-col,
    body
        .mdl-grid--no-spacing
        > .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
        width: 100%;
    }

    body .mdl-cell--12-col,
    body .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
        width: calc(100% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--12-col,
    body
        .mdl-grid--no-spacing
        > .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
        width: 100%;
    }

    body .mdl-cell--1-offset,
    body .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
        margin-left: calc(12.5% + 0.5714rem);
    }

    body .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset,
    body
        .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
        margin-left: 12.5%;
    }

    body .mdl-cell--2-offset,
    body .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
        margin-left: calc(25% + 0.5714rem);
    }

    body .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset,
    body
        .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
        margin-left: 25%;
    }

    body .mdl-cell--3-offset,
    body .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
        margin-left: calc(37.5% + 0.5714rem);
    }

    body .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset,
    body
        .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
        margin-left: 37.5%;
    }

    body .mdl-cell--4-offset,
    body .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
        margin-left: calc(50% + 0.5714rem);
    }

    body .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset,
    body
        .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
        margin-left: 50%;
    }

    body .mdl-cell--5-offset,
    body .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
        margin-left: calc(62.5% + 0.5714rem);
    }

    body .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset,
    body
        .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
        margin-left: 62.5%;
    }

    body .mdl-cell--6-offset,
    body .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
        margin-left: calc(75% + 0.5714rem);
    }

    body .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset,
    body
        .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
        margin-left: 75%;
    }

    body .mdl-cell--7-offset,
    body .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
        margin-left: calc(87.5% + 0.5714rem);
    }

    body .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset,
    body
        .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
        margin-left: 87.5%;
    }
}

@media (min-width: 60rem) {
    body .mdl-grid {
        padding: 0.5714rem;
    }

    body .mdl-cell {
        margin: 0.5714rem;
        width: calc(33.3333333333% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell {
        width: 33.3333333333%;
    }

    body .mdl-cell--hide-desktop {
        display: none !important;
    }

    body .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {
        order: 1;
    }

    body .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
        order: 2;
    }

    body .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
        order: 3;
    }

    body .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
        order: 4;
    }

    body .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
        order: 5;
    }

    body .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
        order: 6;
    }

    body .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
        order: 7;
    }

    body .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
        order: 8;
    }

    body .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
        order: 9;
    }

    body .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
        order: 10;
    }

    body .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
        order: 11;
    }

    body .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
        order: 12;
    }

    body .mdl-cell--1-col,
    body .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: calc(8.3333333333% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--1-col,
    body
        .mdl-grid--no-spacing
        > .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: 8.3333333333%;
    }

    body .mdl-cell--2-col,
    body .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
        width: calc(16.6666666667% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--2-col,
    body
        .mdl-grid--no-spacing
        > .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
        width: 16.6666666667%;
    }

    body .mdl-cell--3-col,
    body .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: calc(25% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--3-col,
    body
        .mdl-grid--no-spacing
        > .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: 25%;
    }

    body .mdl-cell--4-col,
    body .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
        width: calc(33.3333333333% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--4-col,
    body
        .mdl-grid--no-spacing
        > .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
        width: 33.3333333333%;
    }

    body .mdl-cell--5-col,
    body .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
        width: calc(41.6666666667% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--5-col,
    body
        .mdl-grid--no-spacing
        > .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
        width: 41.6666666667%;
    }

    body .mdl-cell--6-col,
    body .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: calc(50% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--6-col,
    body
        .mdl-grid--no-spacing
        > .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: 50%;
    }

    body .mdl-cell--7-col,
    body .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
        width: calc(58.3333333333% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--7-col,
    body
        .mdl-grid--no-spacing
        > .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
        width: 58.3333333333%;
    }

    body .mdl-cell--8-col,
    body .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
        width: calc(66.6666666667% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--8-col,
    body
        .mdl-grid--no-spacing
        > .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
        width: 66.6666666667%;
    }

    body .mdl-cell--9-col,
    body .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: calc(75% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--9-col,
    body
        .mdl-grid--no-spacing
        > .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: 75%;
    }

    body .mdl-cell--10-col,
    body .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
        width: calc(83.3333333333% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--10-col,
    body
        .mdl-grid--no-spacing
        > .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
        width: 83.3333333333%;
    }

    body .mdl-cell--11-col,
    body .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
        width: calc(91.6666666667% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--11-col,
    body
        .mdl-grid--no-spacing
        > .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
        width: 91.6666666667%;
    }

    body .mdl-cell--12-col,
    body .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: calc(100% - 1.1429rem);
    }

    body .mdl-grid--no-spacing > .mdl-cell--12-col,
    body
        .mdl-grid--no-spacing
        > .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: 100%;
    }

    body .mdl-cell--1-offset,
    body .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
        margin-left: calc(8.3333333333% + 0.5714rem);
    }

    body .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset,
    body
        .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
        margin-left: 8.3333333333%;
    }

    body .mdl-cell--2-offset,
    body .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
        margin-left: calc(16.6666666667% + 0.5714rem);
    }

    body .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset,
    body
        .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
        margin-left: 16.6666666667%;
    }

    body .mdl-cell--3-offset,
    body .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
        margin-left: calc(25% + 0.5714rem);
    }

    body .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset,
    body
        .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
        margin-left: 25%;
    }

    body .mdl-cell--4-offset,
    body .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
        margin-left: calc(33.3333333333% + 0.5714rem);
    }

    body .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset,
    body
        .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
        margin-left: 33.3333333333%;
    }

    body .mdl-cell--5-offset,
    body .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
        margin-left: calc(41.6666666667% + 0.5714rem);
    }

    body .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset,
    body
        .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
        margin-left: 41.6666666667%;
    }

    body .mdl-cell--6-offset,
    body .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
        margin-left: calc(50% + 0.5714rem);
    }

    body .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset,
    body
        .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
        margin-left: 50%;
    }

    body .mdl-cell--7-offset,
    body .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
        margin-left: calc(58.3333333333% + 0.5714rem);
    }

    body .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset,
    body
        .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
        margin-left: 58.3333333333%;
    }

    body .mdl-cell--8-offset,
    body .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
        margin-left: calc(66.6666666667% + 0.5714rem);
    }

    body .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset,
    body
        .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
        margin-left: 66.6666666667%;
    }

    body .mdl-cell--9-offset,
    body .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
        margin-left: calc(75% + 0.5714rem);
    }

    body .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset,
    body
        .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
        margin-left: 75%;
    }

    body .mdl-cell--10-offset,
    body .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
        margin-left: calc(83.3333333333% + 0.5714rem);
    }

    body .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset,
    body
        .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
        margin-left: 83.3333333333%;
    }

    body .mdl-cell--11-offset,
    body .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
        margin-left: calc(91.6666666667% + 0.5714rem);
    }

    body .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset,
    body
        .mdl-grid.mdl-grid--no-spacing
        > .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
        margin-left: 91.6666666667%;
    }
}

body .styleguide-demo h1 {
    margin: 3.4286rem 1.7143rem 0;
}

body .styleguide-demo h1:after {
    margin-top: 1.7143rem;
}

body .styleguide-container {
    max-width: 68.5714rem;
    position: relative;
    width: 100%;
}

body .mdl-styleguide .mdl-layout__drawer .mdl-navigation__link {
    padding: 0.7143rem 1.7143rem;
}

body .demo-wrapper {
    margin: 1.7143rem;
}

body app-header div.header-menu-bar.mdl-layout__header-row {
    display: none;
}

body .visuallyhidden.focusable:active,
body .visuallyhidden.focusable:focus {
    height: auto;
    width: auto;
    clip: auto;
    margin: 0;
    overflow: visible;
    position: static;
}

@media screen and (min-width: 64.0625rem) {
    body app-header div.header-menu-bar.mdl-layout__header-row {
        display: flex;
    }
}

body hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

body fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

body .hidden {
    display: none !important;
}

body a,
body .mdl-accordion,
body .mdl-button,
body .mdl-card,
body .mdl-checkbox,
body .mdl-dropdown-menu,
body .mdl-icon-toggle,
body .mdl-item,
body .mdl-radio,
body .mdl-slider,
body .mdl-switch,
body .mdl-tabs__tab {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p {
    padding: 0;
}

body h1,
body h2 {
    font-family: var(--common-font-family);
    font-weight: 400;
}

body .mdl-checkbox.is-upgraded .mdl-checkbox__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
}

body .mdl-mini-footer--link-list,
body .mdl-mini-footer__link-list {
    display: flex;
    flex-flow: row nowrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

body .mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
}

body
    .mdl-list__item--two-line
    .mdl-list__item-primary-content
    .mdl-list__item-sub-title {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.2857rem;
    color: var(--common-dark-opacity-500);
    display: block;
    padding: 0;
}

body .mdl-menu__container {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    position: absolute;
    overflow: visible;
    height: 0;
    width: 0;
    visibility: hidden;
    z-index: -1;
}

body .mdl-menu.mdl-menu--bottom-right {
    left: auto;
    right: 0;
}

body .mdl-menu.mdl-menu--top-left {
    top: auto;
    bottom: 0;
}

body .mdl-menu.mdl-menu--top-right {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
}

body .mdl-menu__item::-moz-focus-inner {
    border: 0;
}

body .mdl-menu__item[disabled] .mdl-ripple,
body .mdl-menu__item[data-mdl-disabled] .mdl-ripple {
    background: 0 0;
}

body .mdl-menu__item--ripple-container {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    overflow: hidden;
}

body .mdl-progress > .bar {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

body .mdl-progress > .bufferbar {
    left: 0;
}

body .mdl-progress > .auxbar {
    right: 0;
}

.body mdl-layout__drawer > * {
    flex-shrink: 0;
}

body .mdl-layout__obfuscator {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 4;
    visibility: hidden;
    transition-property: background-color;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

body .mdl-layout--fixed-tabs .mdl-layout__tab-bar {
    padding: 0;
    overflow: hidden;
    width: 100%;
}

body .mdl-layout__container > .mdl-layout__tab-bar-container {
    position: absolute;
    top: 0;
    left: 0;
}

body .mdl-layout__tab-bar-left-button {
    left: 0;
}

body .mdl-layout__tab-bar-right-button {
    right: 0;
}

body .mdl-layout--fixed-tabs .mdl-layout__tab {
    float: none;
    flex-grow: 1;
    padding: 0;
}

body .mdl-layout__tab .mdl-layout__tab-ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden;
}

body .mdl-radio.is-upgraded .mdl-radio__button {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
}

body .mdl-slider.is-upgraded::-moz-focus-outer {
    border: 0;
}

body .mdl-slider.is-upgraded::-ms-tooltip {
    display: none;
}

body .mdl-slider.is-upgraded::-webkit-slider-runnable-track {
    background: 0 0;
}

body .mdl-slider.is-upgraded::-moz-range-track {
    background: 0 0;
    border: none;
}

body .mdl-slider.is-upgraded::-ms-track {
    background: 0 0;
    color: transparent;
    height: 2px;
    width: 100%;
    border: none;
}

body .mdl-slider__container,
.mdl-slider__background-flex {
    background: 0 0;
    display: flex;
}

body .mdl-slider__background-lower,
body .mdl-slider__background-upper {
    flex: 0;
    position: relative;
    border: 0;
    padding: 0;
}

body .mdl-slider__background-upper {
    background: rgba(0, 0, 0, 0.26);
    transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

body .mdl-snackbar__action::-moz-focus-inner {
    border: 0;
}

body .mdl-spinner__layer {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

body .mdl-spinner__gap-patch {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

body .mdl-spinner__circle {
    box-sizing: border-box;
    height: 100%;
    border-width: 3px;
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent !important;
    border-radius: 50%;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

body .mdl-switch.is-upgraded .mdl-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
}

body .mdl-tabs__tab .mdl-tabs__ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden;
}

body .mdl-textfield__input[type='number']::-webkit-inner-spin-button,
body .mdl-textfield__input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

body .mdl-textfield.is-focused .mdl-textfield__label:after {
    left: 0;
    visibility: visible;
    width: 100%;
}

body .mdl-textfield__expandable-holder .mdl-textfield__label:after {
    bottom: 0;
}

body .mdl-grid {
    display: flex;
    flex-flow: row wrap;
    margin: 0 auto;
    align-items: stretch;
}

body .mdl-grid.mdl-grid--no-spacing {
    padding: 0;
}

body .mdl-grid.mdl-grid--no-spacing > .mdl-cell {
    margin: 0;
}

body .styleguide-demo {
    opacity: 0;
    transition: opacity 0.6s ease;
}

body .styleguide-title:after {
    border-bottom: 0;
}

body .browserupgrade {
    margin: 0.2em 0;
    background: var(--common-grey-400);
    color: var(--common-black);
    padding: 0.2em 0;
}

body .mdl-button::-moz-focus-inner {
    border: 0;
}

body .mdl-button--icon.mdl-button--mini-icon .material-icons {
    top: 0;
    left: 0;
}

body .mdl-button__ripple-container {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    overflow: hidden;
}

body .mdl-checkbox__tick-outline {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-mask: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==');
    mask: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==');
    background: 0 0;
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: background;
}

body .mdl-chip--contact {
    padding-left: 0;
}

body .mdl-data-table thead .mdl-data-table__select {
    margin-top: 0;
}

body .mdl-dialog__actions > *:first-child {
    margin-right: 0;
}

body .mdl-mega-footer--link-list:after,
body .mdl-mega-footer__link-list:after {
    clear: both;
    display: block;
    content: '';
}

body .mdl-mini-footer--left-section,
body .mdl-mini-footer__left-section {
    display: inline-block;
    order: 0;
}

body .mdl-mini-footer--right-section,
body .mdl-mini-footer__right-section {
    display: inline-block;
    order: 1;
}

body .mat-form-field-appearance-legacy .mat-form-field-label {
    color: var(--common-dark-opacity-500);
}

body .mat-form-field-appearance-legacy .mat-hint {
    color: var(--common-dark-opacity-500);
}

body tr,
body td,
body th,
body ul,
body ol {
    font-family: unset;
    font-size: unset;
    line-height: unset;
}

body blockquote::after,
body blockquote::before {
    position: unset;
    left: unset;
    content: unset;
    margin-left: unset;
}

body blockquote {
    font-family: unset;
    position: unset;
    font-size: unset;
    font-weight: unset;
    font-style: unset;
    line-height: unset;
    letter-spacing: unset;
}

div.page-title-bar
    div.page-title-bar__header
    .navigation
    .mdl-button:not(.mdl-button--disabled):not([disabled]):not(.disabled):not(:focus-visible) {
    border-color: var(--page-title-bar-header-nav-button-border-color);
    border-width: var(--page-title-bar-header-nav-button-border-width);
    border-style: var(--page-title-bar-header-nav-button-border-style);
    border-radius: var(--page-title-bar-header-nav-button-border-radius);
    color: var(--page-title-bar-header-nav-button-color);
}

div.page-title-bar
    div.page-title-bar__header
    .navigation
    .mdl-button:not(.mdl-button--disabled):not([disabled]):not(.disabled):not(:focus-visible).mdl-button--accent.mdl-button--raised {
    color: var(--common-light-primary-text);
}

div.page-title-bar
    div.page-title-bar__header
    .navigation
    button.mdl-button:not(.mdl-button--disabled):not([disabled]):not(.disabled) {
    line-height: calc(
        36px - 2 * var(--page-title-bar-header-nav-button-border-width, 0)
    );
}

div.page-title-bar
    div.page-title-bar__header
    .navigation
    .mdl-button:not(.mdl-button--disabled):not([disabled]):not(.disabled):hover {
    background-color: var(
        --page-title-bar-header-nav-button-hover-background-color
    );
    color: var(--page-title-bar-header-nav-button-hover-color);
}

.mat-menu-panel
    .mat-menu-content
    .navigation
    .mdl-button.active-mdl-button:not(.mdl-button--disabled):not([disabled]):not(.disabled) {
    background-color: var(
        --page-title-bar-header-nav-button-active-background-color
    );
    color: var(--page-title-bar-header-nav-button-active-color);
}

div.page-title-bar
    div.page-title-bar__header
    .navigation
    .mdl-button.active-mdl-button:not(.mdl-button--disabled):not([disabled]):not(.disabled) {
    background-color: var(
        --page-title-bar-header-nav-button-active-background-color
    );
    color: var(--page-title-bar-header-nav-button-active-color);
}

button:focus-visible,
a:focus-visible,
.cdk-keyboard-focused,
.mat-checkbox.cdk-keyboard-focused {
    outline: #000 2px solid;
    box-shadow: 0 0 0 3px #fff;
}

a:focus-visible {
    display: inline-block;
}

.border-top-player-menu {
    border-top: 1px solid var(--common-grey-300) !important;
}

.border-bot-player-menu {
    border-bottom: 1px solid var(--common-grey-300) !important;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

h2.h2_as_h4 {
    font-size: 1.7143rem;
    line-height: 2.2857rem;
    margin: 1.7143rem 0 1.1429rem;
}

h3.h3_as_h5 {
    font-size: 1.4286rem;
    margin: 1.7143rem 0 1.1429rem;
}

h4.h4_as_h5 {
    font-size: 1.4286rem;
    margin: 1.7143rem 0 1.1429rem;
}

.not-visible {
    visibility: hidden;
}

/* You can add global styles to this file, and also import other style files */

/* Colors for the ripple elements.*/
/* stylelint-disable-next-line material/theme-mixin-api */
/* stylelint-disable-next-line material/theme-mixin-api */
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
.cal-month-view .cal-header {
  text-align: center;
  font-weight: bolder; }
.cal-month-view .cal-header .cal-cell {
  padding: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap; }
.cal-month-view .cal-days {
  border: 1px solid;
  border-bottom: 0; }
.cal-month-view .cal-cell-top {
  min-height: 78px;
  flex: 1; }
.cal-month-view .cal-cell-row {
  -js-display: flex;
  display: flex; }
.cal-month-view .cal-cell {
  float: left;
  flex: 1;
  -js-display: flex;
  display: flex;
  flex-direction: column;
  align-items: stretch; }
.cal-month-view .cal-cell .cal-event {
    pointer-events: all !important; }
.cal-month-view .cal-day-cell {
  min-height: 100px; }
@media all and (-ms-high-contrast: none) {
    .cal-month-view .cal-day-cell {
      display: block; } }
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right: 1px solid; }
.cal-month-view .cal-days .cal-cell-row {
  border-bottom: 1px solid; }
.cal-month-view .cal-day-badge {
  margin-top: 18px;
  margin-left: 10px;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px; }
.cal-month-view .cal-day-number {
  font-size: 1.2em;
  font-weight: 400;
  opacity: 0.5;
  margin-top: 15px;
  margin-right: 15px;
  float: right;
  margin-bottom: 10px; }
.cal-month-view .cal-events {
  flex: 1;
  align-items: flex-end;
  margin: 3px;
  line-height: 10px;
  -js-display: flex;
  display: flex;
  flex-wrap: wrap; }
.cal-month-view .cal-event {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px; }
.cal-month-view .cal-day-cell.cal-in-month.cal-has-events {
  cursor: pointer; }
.cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
  opacity: 0.1;
  cursor: default; }
.cal-month-view .cal-day-cell.cal-today .cal-day-number {
  font-size: 1.9em; }
.cal-month-view .cal-open-day-events {
  padding: 15px; }
.cal-month-view .cal-open-day-events .cal-event {
  position: relative;
  top: 2px; }
.cal-month-view .cal-out-month .cal-day-badge,
.cal-month-view .cal-out-month .cal-event {
  opacity: 0.3; }
.cal-month-view .cal-draggable {
  cursor: move; }
.cal-month-view .cal-drag-active * {
  pointer-events: none; }
.cal-month-view .cal-event-title {
  cursor: pointer; }
.cal-month-view .cal-event-title:hover {
    text-decoration: underline; }
.cal-month-view {
  background-color: #fff; }
.cal-month-view .cal-cell-row:hover {
    background-color: #fafafa; }
.cal-month-view .cal-cell-row .cal-cell:hover,
  .cal-month-view .cal-cell.cal-has-events.cal-open {
    background-color: #ededed; }
.cal-month-view .cal-days {
    border-color: #e1e1e1; }
.cal-month-view .cal-day-cell:not(:last-child) {
    border-right-color: #e1e1e1; }
.cal-month-view .cal-days .cal-cell-row {
    border-bottom-color: #e1e1e1; }
.cal-month-view .cal-day-badge {
    background-color: #b94a48;
    color: #fff; }
.cal-month-view .cal-event {
    background-color: #1e90ff;
    border-color: #d1e8ff;
    color: #fff; }
.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
    color: #8b0000; }
.cal-month-view .cal-day-cell.cal-today {
    background-color: #e8fde7; }
.cal-month-view .cal-day-cell.cal-drag-over {
    background-color: #e0e0e0 !important; }
.cal-month-view .cal-open-day-events {
    color: #fff;
    background-color: #555;
    box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5); }
.cal-week-view {
  /* stylelint-disable-next-line selector-type-no-unknown */ }
.cal-week-view * {
    box-sizing: border-box; }
.cal-week-view .cal-day-headers {
    -js-display: flex;
    display: flex;
    padding-left: 70px;
    border: 1px solid; }
.cal-week-view .cal-day-headers .cal-header {
    flex: 1;
    text-align: center;
    padding: 5px; }
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
      border-right: 1px solid; }
.cal-week-view .cal-day-headers .cal-header:first-child {
      border-left: 1px solid; }
.cal-week-view .cal-day-headers span {
    font-weight: 400;
    opacity: 0.5; }
.cal-week-view .cal-day-column {
    flex-grow: 1;
    border-left: solid 1px; }
.cal-week-view .cal-event {
    font-size: 12px;
    border: 1px solid; }
.cal-week-view .cal-time-label-column {
    width: 70px;
    height: 100%; }
.cal-week-view .cal-current-time-marker {
    position: absolute;
    width: 100%;
    height: 2px;
    z-index: 2; }
.cal-week-view .cal-all-day-events {
    border: solid 1px;
    border-top: 0;
    border-bottom-width: 3px;
    padding-top: 3px;
    position: relative; }
.cal-week-view .cal-all-day-events .cal-day-columns {
      height: 100%;
      width: 100%;
      -js-display: flex;
      display: flex;
      position: absolute;
      top: 0;
      z-index: 0; }
.cal-week-view .cal-all-day-events .cal-events-row {
      position: relative;
      height: 31px;
      margin-left: 70px; }
.cal-week-view .cal-all-day-events .cal-event-container {
      display: inline-block;
      position: absolute; }
.cal-week-view .cal-all-day-events .cal-event-container.resize-active {
        z-index: 1;
        pointer-events: none; }
.cal-week-view .cal-all-day-events .cal-event {
      padding: 0 5px;
      margin-left: 2px;
      margin-right: 2px;
      height: 28px;
      line-height: 28px; }
.cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
.cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
.cal-week-view .cal-all-day-events .cal-time-label-column {
      -js-display: flex;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px; }
.cal-week-view .cal-all-day-events .cal-resize-handle {
      width: 6px;
      height: 100%;
      cursor: col-resize;
      position: absolute;
      top: 0; }
.cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
        right: 0; }
.cal-week-view .cal-event,
  .cal-week-view .cal-header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.cal-week-view .cal-drag-active {
    pointer-events: none;
    z-index: 1; }
.cal-week-view .cal-drag-active * {
      pointer-events: none; }
.cal-week-view .cal-time-events {
    position: relative;
    border: solid 1px;
    border-top: 0;
    -js-display: flex;
    display: flex; }
.cal-week-view .cal-time-events .cal-day-columns {
      -js-display: flex;
      display: flex;
      flex-grow: 1; }
.cal-week-view .cal-time-events .cal-day-column {
      position: relative; }
.cal-week-view .cal-time-events .cal-events-container {
      position: relative; }
.cal-week-view .cal-time-events .cal-event-container {
      position: absolute;
      z-index: 1; }
.cal-week-view .cal-time-events .cal-event {
      width: calc(100% - 2px);
      height: calc(100% - 2px);
      margin: 1px;
      padding: 0 5px;
      line-height: 25px; }
.cal-week-view .cal-time-events .cal-resize-handle {
      width: 100%;
      height: 4px;
      cursor: row-resize;
      position: absolute; }
.cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end {
        bottom: 0; }
.cal-week-view .cal-hour-segment {
    position: relative; }
.cal-week-view .cal-hour-segment::after {
      content: '\00a0'; }
.cal-week-view .cal-event-container:not(.cal-draggable) {
    cursor: pointer; }
.cal-week-view .cal-draggable {
    cursor: move; }
.cal-week-view mwl-calendar-week-view-hour-segment,
  .cal-week-view .cal-hour-segment {
    display: block; }
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
  .cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
    border-bottom: thin dashed; }
.cal-week-view .cal-time {
    font-weight: bold;
    padding-top: 5px;
    width: 70px;
    text-align: center; }
.cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time {
    display: none; }
.cal-week-view .cal-starts-within-day .cal-event {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
.cal-week-view .cal-ends-within-day .cal-event {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
.cal-week-view {
  background-color: #fff;
  border-top: solid 1px #e1e1e1; }
.cal-week-view .cal-day-headers {
    border-color: #e1e1e1;
    border-top: 0; }
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
    border-right-color: #e1e1e1; }
.cal-week-view .cal-day-headers .cal-header:first-child {
    border-left-color: #e1e1e1; }
.cal-week-view .cal-day-headers .cal-header:hover,
  .cal-week-view .cal-day-headers .cal-drag-over {
    background-color: #ededed; }
.cal-week-view .cal-day-column {
    border-left-color: #e1e1e1; }
.cal-week-view .cal-event {
    background-color: #d1e8ff;
    border-color: #1e90ff;
    color: #1e90ff; }
.cal-week-view .cal-all-day-events {
    border-color: #e1e1e1; }
.cal-week-view .cal-header.cal-today {
    background-color: #e8fde7; }
.cal-week-view .cal-header.cal-weekend span {
    color: #8b0000; }
.cal-week-view .cal-time-events {
    border-color: #e1e1e1; }
.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
      background-color: #ededed; }
.cal-week-view .cal-hour-odd {
    background-color: #fafafa; }
.cal-week-view .cal-drag-over .cal-hour-segment {
    background-color: #ededed; }
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
  .cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
    border-bottom-color: #e1e1e1; }
.cal-week-view .cal-current-time-marker {
    background-color: #ea4334; }
.cal-day-view {
  /* stylelint-disable-next-line selector-type-no-unknown */ }
.cal-day-view mwl-calendar-week-view-header {
    display: none; }
.cal-day-view .cal-events-container {
    margin-left: 70px; }
.cal-day-view .cal-day-column {
    border-left: 0; }
.cal-day-view .cal-current-time-marker {
    margin-left: 70px;
    width: calc(100% - 70px); }
.cal-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 11px;
  word-wrap: break-word;
  opacity: 0.9; }
.cal-tooltip.cal-tooltip-top {
  padding: 5px 0;
  margin-top: -3px; }
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0; }
.cal-tooltip.cal-tooltip-right {
  padding: 0 5px;
  margin-left: 3px; }
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0; }
.cal-tooltip.cal-tooltip-bottom {
  padding: 5px 0;
  margin-top: 3px; }
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px; }
.cal-tooltip.cal-tooltip-left {
  padding: 0 5px;
  margin-left: -3px; }
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px; }
.cal-tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  text-align: center;
  border-radius: 0.25rem; }
.cal-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  border-top-color: #000; }
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  border-right-color: #000; }
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  border-bottom-color: #000; }
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  border-left-color: #000; }
.cal-tooltip-inner {
  color: #fff;
  background-color: #000; }
.mat-snack-bar-container.success-snackbar {
  color: var(--info-message-success-color, #fff);
  background-color: var(--info-message-success-background-color, #00c853);
}
.mat-snack-bar-container.info-snackbar {
  color: var(--info-message-info-color, #fff);
  background-color: var(--info-message-info-background-color, #2962ff);
}
.mat-snack-bar-container.warning-snackbar {
  color: var(--info-message-warning-color, #000);
  background-color: var(--info-message-warning-background-color, #ffd600);
}
.mat-snack-bar-container.error-snackbar {
  color: var(--info-message-error-color, #fff);
  background-color: var(--info-message-error-background-color, #d50000);
}
.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--common-primary);
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--common-accent);
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336;
}
.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox::after {
  color: #fafafa;
}
.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: var(--common-primary);
}
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: var(--common-accent);
}
.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, 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: white;
  color: rgba(0, 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: white;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, 0.87);
}
.mat-badge-content {
  color: var(--common-light-primary-text);
  background: var(--common-primary);
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}
.mat-badge-accent .mat-badge-content {
  background: var(--common-accent);
  color: var(--common-light-primary-text);
}
.mat-badge-warn .mat-badge-content {
  color: white;
  background: #f44336;
}
.mat-badge {
  position: relative;
}
.mat-badge-hidden .mat-badge-content {
  display: none;
}
.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, 0.38);
}
.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-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);
}
.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: var(--common-primary);
}
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: var(--common-accent);
}
.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, 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: var(--common-primary);
}
.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: var(--common-accent);
}
.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: 0.1;
  background-color: currentColor;
}
.mat-button-focus-overlay {
  background: black;
}
.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  color: var(--common-light-primary-text);
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  color: var(--common-light-primary-text);
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  color: white;
}
.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, 0.26);
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: var(--common-primary);
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: var(--common-accent);
}
.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, 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: var(--common-light-primary-text);
  opacity: 0.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: var(--common-light-primary-text);
  opacity: 0.1;
}
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.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, 0.38);
}
.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
  background: white;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: black;
}
.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px rgba(0, 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, 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, 0.12);
}
.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
}
.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: #eeeeee;
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: white;
}
.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, 0.12);
}
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 48px;
}
.mat-card {
  background: white;
  color: rgba(0, 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, 0.54);
}
.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-checkmark {
  fill: #fafafa;
}
.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}
.mat-checkbox-mixedmark {
  background-color: #fafafa;
}
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: var(--common-primary);
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: var(--common-accent);
}
.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, 0.54);
}
.mat-checkbox .mat-ripple-element {
  background-color: black;
}
.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: var(--common-primary);
}
.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: var(--common-accent);
}
.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, 0.87);
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.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: 0.54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}
.mat-chip.mat-standard-chip::after {
  background: black;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: var(--common-primary);
  color: var(--common-light-primary-text);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: var(--common-light-primary-text);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: var(--common-light-primary-text);
  opacity: 0.1;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: var(--common-accent);
  color: var(--common-light-primary-text);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: var(--common-light-primary-text);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: var(--common-light-primary-text);
  opacity: 0.1;
}
.mat-table {
  background: white;
}
.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, 0.12);
}
.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}
.mat-cell, .mat-footer-cell {
  color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-arrow {
  border-top-color: rgba(0, 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, 0.54);
}
.mat-calendar-table-header {
  color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12);
}
.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: rgba(0, 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, 0.38);
}
.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.38);
}
.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(0, 0, 0, 0.04);
}
.mat-calendar-body-in-preview {
  color: rgba(0, 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, 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, 0.18);
}
.mat-calendar-body-in-range::before {
  background: var(--common-primary);
}
.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, var(--common-primary) 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, var(--common-primary) 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: var(--common-primary);
  color: var(--common-light-primary-text);
}
.mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}
.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px var(--common-light-primary-text);
}
.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);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: var(--common-accent);
}
.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, 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, var(--common-accent) 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, var(--common-accent) 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: var(--common-accent);
  color: var(--common-light-primary-text);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px var(--common-light-primary-text);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(244, 67, 54, 0.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, 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: white;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(244, 67, 54, 0.4);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-datepicker-content-touch {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-datepicker-toggle-active {
  color: var(--common-primary);
}
.mat-datepicker-toggle-active.mat-accent {
  color: var(--common-accent);
}
.mat-datepicker-toggle-active.mat-warn {
  color: #f44336;
}
.mat-date-range-input-inner[disabled] {
  color: rgba(0, 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: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel {
  background: white;
  color: rgba(0, 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, 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, 0.04);
}
@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: white;
  }
}
.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 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, 0.6);
}
.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}
.mat-form-field.mat-focused .mat-form-field-label {
  color: var(--common-primary);
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: var(--common-accent);
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #f44336;
}
.mat-focused .mat-form-field-required-marker {
  color: var(--common-accent);
}
.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: var(--common-primary);
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: var(--common-accent);
}
.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: var(--common-primary);
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: var(--common-accent);
}
.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, 0.54);
}
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 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, 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, 0.04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}
.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 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, 0.12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, 0.87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: var(--common-primary);
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: var(--common-accent);
}
.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, 0.38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06);
}
.mat-icon.mat-primary {
  color: var(--common-primary);
}
.mat-icon.mat-accent {
  color: var(--common-accent);
}
.mat-icon.mat-warn {
  color: #f44336;
}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 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, 0.38);
}
.mat-input-element {
  caret-color: var(--common-primary);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-form-field.mat-accent .mat-input-element {
  caret-color: var(--common-accent);
}
.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, 0.87);
}
.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}
.mat-list-item-disabled {
  background-color: #eeeeee;
}
.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, 0.04);
}
.mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus {
  background: rgba(0, 0, 0, 0.12);
}
.mat-menu-panel {
  background: white;
}
.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, 0.87);
}
.mat-menu-item[disabled], .mat-menu-item[disabled]::after {
  color: rgba(0, 0, 0, 0.38);
}
.mat-menu-item .mat-icon-no-color,
.mat-menu-item-submenu-trigger::after {
  color: rgba(0, 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, 0.04);
}
.mat-paginator {
  background: white;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}
.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 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, 0.38);
}
.mat-paginator-container {
  min-height: 56px;
}
.mat-progress-bar-background {
  fill: #bbdefb;
}
.mat-progress-bar-buffer {
  background-color: #bbdefb;
}
.mat-progress-bar-fill::after {
  background-color: var(--common-primary);
}
.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #bbdefb;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #bbdefb;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: var(--common-accent);
}
.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #ffcdd2;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #ffcdd2;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #f44336;
}
.mat-progress-spinner circle, .mat-spinner circle {
  stroke: var(--common-primary);
}
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: var(--common-accent);
}
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: #f44336;
}
.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: var(--common-primary);
}
.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: var(--common-primary);
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: var(--common-accent);
}
.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: var(--common-accent);
}
.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, 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, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button .mat-ripple-element {
  background-color: black;
}
.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}
.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}
.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}
.mat-select-panel {
  background: white;
}
.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, 0.12);
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: var(--common-primary);
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: var(--common-accent);
}
.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, 0.38);
}
.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer {
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer.mat-drawer-push {
  background-color: white;
}
.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, 0.12);
}
.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(0, 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, 0.12);
}
.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--common-accent);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: var(--common-accent);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: var(--common-accent);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--common-primary);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: var(--common-primary);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: var(--common-primary);
}
.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, 0.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: black;
}
.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, 0.38);
}
.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
  background-color: var(--common-primary);
}
.mat-primary .mat-slider-thumb-label-text {
  color: var(--common-light-primary-text);
}
.mat-primary .mat-slider-focus-ring {
  background-color: var(--common-primary);
  opacity: 0.2;
}
.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
  background-color: var(--common-accent);
}
.mat-accent .mat-slider-thumb-label-text {
  color: var(--common-light-primary-text);
}
.mat-accent .mat-slider-focus-ring {
  background-color: var(--common-accent);
  opacity: 0.2;
}
.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
  background-color: #f44336;
}
.mat-warn .mat-slider-thumb-label-text {
  color: white;
}
.mat-warn .mat-slider-focus-ring {
  background-color: rgba(244, 67, 54, 0.2);
}
.mat-slider:hover .mat-slider-track-background,
.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 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 {
  background-color: rgba(0, 0, 0, 0.04);
}
@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, 0.54);
}
.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, 0.54);
  color: var(--common-light-primary-text);
}
.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: var(--common-primary);
  color: var(--common-light-primary-text);
}
.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, 0.87);
}
.mat-step-header .mat-step-label.mat-step-label-error {
  color: #f44336;
}
.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: white;
}
.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 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, 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, 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, 0.12);
  border-bottom: none;
}
.mat-tab-label, .mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 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(187, 222, 251, 0.3);
}
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: var(--common-primary);
}
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
  background-color: var(--common-light-primary-text);
}
.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(187, 222, 251, 0.3);
}
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: var(--common-accent);
}
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
  background-color: var(--common-light-primary-text);
}
.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, 0.3);
}
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336;
}
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
  background-color: white;
}
.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(187, 222, 251, 0.3);
}
.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .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-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination {
  background-color: var(--common-primary);
}
.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
  color: var(--common-light-primary-text);
}
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
  color: var(--common-light-primary-text);
}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
  border-color: var(--common-light-primary-text);
}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: var(--common-light-primary-text);
}
.mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
  background-color: var(--common-light-primary-text);
}
.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(187, 222, 251, 0.3);
}
.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .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-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination {
  background-color: var(--common-accent);
}
.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
  color: var(--common-light-primary-text);
}
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
  color: var(--common-light-primary-text);
}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
  border-color: var(--common-light-primary-text);
}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: var(--common-light-primary-text);
}
.mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
  background-color: var(--common-light-primary-text);
}
.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, 0.3);
}
.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .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-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination {
  background-color: #f44336;
}
.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
  border-color: white;
}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}
.mat-toolbar {
  background: whitesmoke;
  color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  background: var(--common-primary);
  color: var(--common-light-primary-text);
}
.mat-toolbar.mat-accent {
  background: var(--common-accent);
  color: var(--common-light-primary-text);
}
.mat-toolbar.mat-warn {
  background: #f44336;
  color: white;
}
.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, 0.9);
}
.mat-tree {
  background: white;
}
.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tree-node {
  min-height: 48px;
}
.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);
}
.mat-simple-snackbar-action {
  color: var(--common-accent);
}
.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: 700 var(--common-h1-font-size)/calc(1.5 * var(--common-h1-font-size)) Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2, .mat-title, .mat-typography h2 {
  font: 700 var(--common-h2-font-size)/calc(1.5 * var(--common-h2-font-size)) Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h3, .mat-subheading-2, .mat-typography h3 {
  font: 700 var(--common-h3-font-size)/calc(1.5 * var(--common-h3-font-size)) Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h4, .mat-subheading-1, .mat-typography h4 {
  font: 700 var(--common-h4-font-size)/calc(1.5 * var(--common-h4-font-size)) Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h5, .mat-typography h5 {
  font: 400 calc(1rem * 0.83)/1.5rem Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}
.mat-h6, .mat-typography h6 {
  font: 400 calc(1rem * 0.67)/1.5rem Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong, .mat-body-2 {
  font: 500 1rem/1.5rem Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-body, .mat-body-1, .mat-typography {
  font: 400 1rem/1.5rem 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 0.8rem/1.2rem Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-display-4, .mat-typography .mat-display-4 {
  font: 400 1rem/1.5rem Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 56px;
}
.mat-display-3, .mat-typography .mat-display-3 {
  font: 400 1rem/1.5rem Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-display-2, .mat-typography .mat-display-2 {
  font: 400 1rem/1.5rem Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-display-1, .mat-typography .mat-display-1 {
  font: 400 1rem/1.5rem Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-bottom-sheet-container {
  font: 400 1rem/1.5rem 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: 1rem;
  font-weight: 400;
}
.mat-button-toggle {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-card {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-card-title {
  font-size: var(--common-h1-font-size);
  font-weight: 700;
}
.mat-card-header .mat-card-title {
  font-size: var(--common-h2-font-size);
}
.mat-card-subtitle,
.mat-card-content {
  font-size: 1rem;
}
.mat-checkbox {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-checkbox-layout .mat-checkbox-label {
  line-height: 1.5rem;
}
.mat-chip {
  font-size: 1rem;
  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: 0.8rem;
  font-weight: 500;
}
.mat-cell, .mat-footer-cell {
  font-size: 1rem;
}
.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: 1rem;
  font-weight: 400;
}
.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}
.mat-dialog-title {
  font: 700 var(--common-h2-font-size)/calc(1.5 * var(--common-h2-font-size)) Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-expansion-panel-header {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: var(--common-h4-font-size);
  font-weight: 700;
}
.mat-expansion-panel-content {
  font: 400 1rem/1.5rem 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: 0.5em 0;
  border-top: 0.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: 0.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: 0.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: 0.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);
  -ms-transform: translateY(-1.28125em) scale(0.75);
  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);
  -ms-transform: translateY(-1.28124em) scale(0.75);
  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);
  -ms-transform: translateY(-1.28123em) scale(0.75);
  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: 0.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: 0.25em 0 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: 1rem;
}
.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: 0.8rem;
}
input.mat-input-element {
  margin-top: -0.0625em;
}
.mat-menu-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  font-weight: 400;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 0.8rem;
}
.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: 0.8rem;
  font-weight: 500;
}
.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-step-label {
  font-size: 1rem;
  font-weight: 400;
}
.mat-step-sub-label-error {
  font-weight: normal;
}
.mat-step-label-error {
  font-size: 1rem;
}
.mat-step-label-selected {
  font-size: 1rem;
  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: 1rem;
  font-weight: 400;
}
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 700 var(--common-h2-font-size)/calc(1.5 * var(--common-h2-font-size)) 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: var(--common-h3-font-size);
}
.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: 1rem;
}
.mat-list-base .mat-list-option {
  font-size: var(--common-h3-font-size);
}
.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: 1rem;
}
.mat-list-base .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  font-weight: 500;
}
.mat-list-base[dense] .mat-list-item {
  font-size: 0.8rem;
}
.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: 0.8rem;
}
.mat-list-base[dense] .mat-list-option {
  font-size: 0.8rem;
}
.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: 0.8rem;
}
.mat-list-base[dense] .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
}
.mat-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: var(--common-h3-font-size);
}
.mat-optgroup-label {
  font: 500 1rem/1.5rem Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-simple-snackbar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 1rem;
}
.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
}
.mat-tree {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 1rem;
}
@font-face {
  font-family: luciole-bold;
  src: url('Luciole-Bold.9321ee71efd0deb71e04.ttf') format("truetype");
}
@font-face {
  font-family: luciole-bold-italic;
  src: url('Luciole-Bold-Italic.fa2718cb551b9a23200b.ttf') format("truetype");
}
@font-face {
  font-family: luciole;
  src: url('Luciole-Regular.116b22be70c7c316fe6a.ttf') format("truetype");
}
@font-face {
  font-family: luciole-italic;
  src: url('Luciole-Regular-Italic.ae0c23bb96420992a6f4.ttf') format("truetype");
}
@font-face {
  font-family: caveat-brush;
  src: url('CaveatBrush-Regular.dae368f31d8ab9261b85.ttf') format("truetype");
}
/* https://fonts.googleapis.com/icon?family=Material+Icons */
/* fallback */
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url('Material-icons.0c35d18bf06992036b69.woff2') format("woff2");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}