.mat-badge-content {
    font-weight: 600;
    font-size: 12px;
    font-family: Roboto,Helvetica Neue,sans-serif
}

.mat-badge-small .mat-badge-content {
    font-size: 9px
}

.mat-badge-large .mat-badge-content {
    font-size: 24px
}

.mat-h1, .mat-headline, .mat-typography .mat-h1, .mat-typography .mat-headline, .mat-typography h1 {
    font: 400 24px/32px Roboto,Helvetica Neue,sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h2, .mat-title, .mat-typography .mat-h2, .mat-typography .mat-title, .mat-typography h2 {
    font: 500 20px/32px Roboto,Helvetica Neue,sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h3, .mat-subheading-2, .mat-typography .mat-h3, .mat-typography .mat-subheading-2, .mat-typography h3 {
    font: 400 16px/28px Roboto,Helvetica Neue,sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h4, .mat-subheading-1, .mat-typography .mat-h4, .mat-typography .mat-subheading-1, .mat-typography h4 {
    font: 400 15px/24px Roboto,Helvetica Neue,sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h5, .mat-typography .mat-h5, .mat-typography h5 {
    font: 400 11.62px/20px Roboto,Helvetica Neue,sans-serif;
    margin: 0 0 12px
}

.mat-h6, .mat-typography .mat-h6, .mat-typography h6 {
    font: 400 9.38px/20px Roboto,Helvetica Neue,sans-serif;
    margin: 0 0 12px
}

.mat-body-strong, .mat-body-2, .mat-typography .mat-body-strong, .mat-typography .mat-body-2 {
    font: 500 14px/24px Roboto,Helvetica Neue,sans-serif;
    letter-spacing: normal
}

.mat-body, .mat-body-1, .mat-typography .mat-body, .mat-typography .mat-body-1, .mat-typography {
    font: 400 14px/20px Roboto,Helvetica Neue,sans-serif;
    letter-spacing: normal
}

    .mat-body p, .mat-body-1 p, .mat-typography .mat-body p, .mat-typography .mat-body-1 p, .mat-typography p {
        margin: 0 0 12px
    }

    .mat-small, .mat-caption, .mat-typography .mat-small, .mat-typography .mat-caption {
        font: 400 12px/20px Roboto,Helvetica Neue,sans-serif;
        letter-spacing: normal
    }

    .mat-display-4, .mat-typography .mat-display-4 {
        font: 300 112px/112px Roboto,Helvetica Neue,sans-serif;
        letter-spacing: -.05em;
        margin: 0 0 56px
    }

    .mat-display-3, .mat-typography .mat-display-3 {
        font: 400 56px/56px Roboto,Helvetica Neue,sans-serif;
        letter-spacing: -.02em;
        margin: 0 0 64px
    }

    .mat-display-2, .mat-typography .mat-display-2 {
        font: 400 45px/48px Roboto,Helvetica Neue,sans-serif;
        letter-spacing: -.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, .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 rgba(0,0,0,0)
}

.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(.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(.75);
    width: 133.3333433333%
}

.mat-form-field-label-wrapper {
    top: -.84375em;
    padding-top: .84375em
}

.mat-form-field-label {
    top: 1.34375em
}

.mat-form-field-underline {
    bottom: 1.34375em
}

.mat-form-field-subscript-wrapper {
    font-size: 75%;
    margin-top: .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(.75) perspective(100px) translateZ(.001px);
    width: 133.3333333333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);
    width: 133.3333433333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);
    width: 133.3333533333%
}

.mat-form-field-appearance-legacy .mat-form-field-label {
    top: 1.28125em
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: .5416666667em;
    top: calc(100% - 1.6666666667em)
}

@media print {
    .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
        transform: translateY(-1.28122em) scale(.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(.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(.75)
    }
}

.mat-form-field-appearance-fill .mat-form-field-infix {
    padding: .25em 0 .75em
}

.mat-form-field-appearance-fill .mat-form-field-label {
    top: 1.09375em;
    margin-top: -.5em
}

.mat-form-field-appearance-fill.mat-form-field-can-float.mat-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(-.59375em) scale(.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(-.59374em) scale(.75);
    width: 133.3333433333%
}

.mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 1em 0
}

.mat-form-field-appearance-outline .mat-form-field-label {
    top: 1.84375em;
    margin-top: -.25em
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-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(.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(.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: -.0625em
}

.mat-menu-item {
    font-family: Roboto,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400
}

.mat-paginator, .mat-paginator-page-size .mat-select-trigger {
    font-family: Roboto,Helvetica Neue,sans-serif;
    font-size: 12px
}

.mat-radio-button, .mat-select {
    font-family: Roboto,Helvetica Neue,sans-serif
}

.mat-select-trigger {
    height: 1.125em
}

.mat-slide-toggle-content {
    font-family: Roboto,Helvetica Neue,sans-serif
}

.mat-slider-thumb-label-text {
    font-family: Roboto,Helvetica Neue,sans-serif;
    font-size: 12px;
    font-weight: 500
}

.mat-stepper-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: 400
}

.mat-step-label-error {
    font-size: 14px
}

.mat-step-label-selected {
    font-size: 14px;
    font-weight: 500
}

.mat-tab-group {
    font-family: Roboto,Helvetica Neue,sans-serif
}

.mat-tab-label, .mat-tab-link {
    font-family: Roboto,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-toolbar, .mat-toolbar h1, .mat-toolbar h2, .mat-toolbar h3, .mat-toolbar h4, .mat-toolbar h5, .mat-toolbar h6 {
    font: 500 20px/32px Roboto,Helvetica Neue,sans-serif;
    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, .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,.2,1);
    transform: scale3d(0,0,0)
}

.cdk-high-contrast-active .mat-ripple-element {
    display: none
}

.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    left: 0
}

[dir=rtl] .cdk-visually-hidden {
    left: auto;
    right: 0
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.cdk-overlay-container {
    position: fixed;
    z-index: 1000
}

    .cdk-overlay-container:empty {
        display: none
    }

.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000
}

.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%
}

.cdk-overlay-backdrop {
    position: absolute;
    inset: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    transition: opacity .4s cubic-bezier(.25,.8,.25,1);
    opacity: 0
}

    .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
        opacity: 1
    }

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
}

.cdk-overlay-dark-backdrop {
    background: rgba(0,0,0,.32)
}

.cdk-overlay-transparent-backdrop {
    transition: visibility 1ms linear,opacity 1ms linear;
    visibility: hidden;
    opacity: 1
}

    .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
        opacity: 0;
        visibility: visible
    }

.cdk-overlay-backdrop-noop-animation {
    transition: none
}

.cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px
}

.cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll
}

textarea.cdk-textarea-autosize {
    resize: none
}

textarea.cdk-textarea-autosize-measuring {
    padding: 2px 0 !important;
    box-sizing: content-box !important;
    height: auto !important;
    overflow: hidden !important
}

textarea.cdk-textarea-autosize-measuring-firefox {
    padding: 2px 0 !important;
    box-sizing: content-box !important;
    height: 0 !important
}

@keyframes cdk-text-field-autofill-start {
}

@keyframes cdk-text-field-autofill-end {
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
    animation: cdk-text-field-autofill-start 0s 1ms
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    animation: cdk-text-field-autofill-end 0s 1ms
}

.mat-focus-indicator {
    position: relative
}

    .mat-focus-indicator:before {
        inset: 0;
        position: absolute;
        box-sizing: border-box;
        pointer-events: none;
        display: var(--mat-focus-indicator-display, none);
        border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
        border-radius: var(--mat-focus-indicator-border-radius, 4px)
    }

    .mat-focus-indicator:focus:before {
        content: ""
    }

.cdk-high-contrast-active {
    --mat-focus-indicator-display: block
}

.mat-mdc-focus-indicator {
    position: relative
}

    .mat-mdc-focus-indicator:before {
        inset: 0;
        position: absolute;
        box-sizing: border-box;
        pointer-events: none;
        display: var(--mat-mdc-focus-indicator-display, none);
        border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
        border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px)
    }

    .mat-mdc-focus-indicator:focus:before {
        content: ""
    }

.cdk-high-contrast-active {
    --mat-mdc-focus-indicator-display: block
}

.mat-ripple-element {
    background-color: #0000001a
}

.mat-option {
    color: #000000de
}

    .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: #000000de
    }

    .mat-option.mat-option-disabled {
        color: #00000061
    }

.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: #0000008a
}

.mat-optgroup-disabled .mat-optgroup-label {
    color: #00000061
}

.mat-pseudo-checkbox {
    color: #0000008a
}

    .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: #000000de
}

.mat-elevation-z0 {
    box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f
}

.mat-elevation-z1 {
    box-shadow: 0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f
}

.mat-elevation-z2 {
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}

.mat-elevation-z3 {
    box-shadow: 0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f
}

.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
}

.mat-elevation-z5 {
    box-shadow: 0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f
}

.mat-elevation-z6 {
    box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f
}

.mat-elevation-z7 {
    box-shadow: 0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f
}

.mat-elevation-z8 {
    box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f
}

.mat-elevation-z9 {
    box-shadow: 0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f
}

.mat-elevation-z10 {
    box-shadow: 0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f
}

.mat-elevation-z11 {
    box-shadow: 0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f
}

.mat-elevation-z12 {
    box-shadow: 0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f
}

.mat-elevation-z13 {
    box-shadow: 0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f
}

.mat-elevation-z14 {
    box-shadow: 0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f
}

.mat-elevation-z15 {
    box-shadow: 0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f
}

.mat-elevation-z16 {
    box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f
}

.mat-elevation-z17 {
    box-shadow: 0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f
}

.mat-elevation-z18 {
    box-shadow: 0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f
}

.mat-elevation-z19 {
    box-shadow: 0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f
}

.mat-elevation-z20 {
    box-shadow: 0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f
}

.mat-elevation-z21 {
    box-shadow: 0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f
}

.mat-elevation-z22 {
    box-shadow: 0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f
}

.mat-elevation-z23 {
    box-shadow: 0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f
}

.mat-elevation-z24 {
    box-shadow: 0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f
}

.mat-theme-loaded-marker {
    display: none
}

.mat-autocomplete-panel {
    background: #fff;
    color: #000000de
}

    .mat-autocomplete-panel:not([class*=mat-elevation-z]) {
        box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
    }

    .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: #000000de
        }

.mat-badge {
    position: relative
}

    .mat-badge.mat-badge {
        overflow: visible
    }

.mat-badge-hidden .mat-badge-content {
    display: none
}

.mat-badge-content {
    position: absolute;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    transition: transform .2s ease-in-out;
    transform: scale(.6);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none
}

    .ng-animate-disabled .mat-badge-content, .mat-badge-content._mat-animation-noopable {
        transition: none
    }

    .mat-badge-content.mat-badge-active {
        transform: none
    }

.mat-badge-small .mat-badge-content {
    width: 16px;
    height: 16px;
    line-height: 16px
}

.mat-badge-small.mat-badge-above .mat-badge-content {
    top: -8px
}

.mat-badge-small.mat-badge-below .mat-badge-content {
    bottom: -8px
}

.mat-badge-small.mat-badge-before .mat-badge-content {
    left: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
    left: auto;
    right: -16px
}

.mat-badge-small.mat-badge-after .mat-badge-content {
    right: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
    right: auto;
    left: -16px
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -8px
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -8px
}

.mat-badge-medium .mat-badge-content {
    width: 22px;
    height: 22px;
    line-height: 22px
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
    top: -11px
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
    bottom: -11px
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
    left: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
    left: auto;
    right: -22px
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
    right: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
    right: auto;
    left: -22px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -11px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -11px
}

.mat-badge-large .mat-badge-content {
    width: 28px;
    height: 28px;
    line-height: 28px
}

.mat-badge-large.mat-badge-above .mat-badge-content {
    top: -14px
}

.mat-badge-large.mat-badge-below .mat-badge-content {
    bottom: -14px
}

.mat-badge-large.mat-badge-before .mat-badge-content {
    left: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
    left: auto;
    right: -28px
}

.mat-badge-large.mat-badge-after .mat-badge-content {
    right: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
    right: auto;
    left: -28px
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -14px
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -14px
}

.mat-badge-content {
    color: #fff;
    background: #3f51b5
}

.cdk-high-contrast-active .mat-badge-content {
    outline: solid 1px;
    border-radius: 0
}

.mat-badge-accent .mat-badge-content {
    background: #ff4081;
    color: #fff
}

.mat-badge-warn .mat-badge-content {
    color: #fff;
    background: #f44336
}

.mat-badge-disabled .mat-badge-content {
    background: #b9b9b9;
    color: #00000061
}

.mat-bottom-sheet-container {
    box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;
    background: #fff;
    color: #000000de
}

.mat-button, .mat-icon-button, .mat-stroked-button {
    color: inherit;
    background: rgba(0,0,0,0)
}

    .mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
        color: #3f51b5
    }

    .mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
        color: #ff4081
    }

    .mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
        color: #f44336
    }

        .mat-button.mat-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: #00000042
        }

    .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: #0000
    }

    .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: #0000001f
}

.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
    color: #000000de;
    background-color: #fff
}

    .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary, .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent, .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: #00000042
        }

    .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: #0000001f
        }

        .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, .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, .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: #ffffff1a
        }

    .mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
        box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f
    }

    .mat-raised-button:not([class*=mat-elevation-z]) {
        box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
    }

    .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
        box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f
    }

    .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
        box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f
    }

    .mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
        box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f
    }

    .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: 0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f
    }

    .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
        box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f
    }

.mat-button-toggle-standalone:not([class*=mat-elevation-z]), .mat-button-toggle-group:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
    box-shadow: none
}

.mat-button-toggle {
    color: #00000061
}

    .mat-button-toggle .mat-button-toggle-focus-overlay {
        background-color: #0000001f
    }

.mat-button-toggle-appearance-standard {
    color: #000000de;
    background: #fff
}

    .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
        background-color: #000
    }

.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
    border-left: solid 1px #e0e0e0
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
    border-left: none;
    border-right: solid 1px #e0e0e0
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
    border-left: none;
    border-right: none;
    border-top: solid 1px #e0e0e0
}

.mat-button-toggle-checked {
    background-color: #e0e0e0;
    color: #0000008a
}

    .mat-button-toggle-checked.mat-button-toggle-appearance-standard {
        color: #000000de
    }

.mat-button-toggle-disabled {
    color: #00000042;
    background-color: #eee
}

    .mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
        background: #fff
    }

    .mat-button-toggle-disabled.mat-button-toggle-checked {
        background-color: #bdbdbd
    }

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .mat-button-toggle-group-appearance-standard {
    border: solid 1px #e0e0e0
}

.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
    line-height: 48px
}

.mat-card {
    background: #fff;
    color: #000000de
}

    .mat-card:not([class*=mat-elevation-z]) {
        box-shadow: 0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f
    }

    .mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
        box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f
    }

.mat-card-subtitle {
    color: #0000008a
}

.mat-checkbox-frame {
    border-color: #0000008a
}

.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: #00000061
}

.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: #000000de
}

    .mat-chip.mat-standard-chip .mat-chip-remove {
        color: #000000de;
        opacity: .4
    }

    .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
        box-shadow: 0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f
    }

    .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: #ffffff1a
        }

    .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: #ffffff1a
        }

    .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: #ffffff1a
        }

.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: #0000001f
}

.mat-header-cell {
    color: #0000008a
}

.mat-cell, .mat-footer-cell {
    color: #000000de
}

.mat-calendar-arrow {
    fill: #0000008a
}

.mat-datepicker-toggle, .mat-datepicker-content .mat-calendar-next-button, .mat-datepicker-content .mat-calendar-previous-button {
    color: #0000008a
}

.mat-calendar-table-header-divider:after {
    background: rgba(0,0,0,.12)
}

.mat-calendar-table-header, .mat-calendar-body-label {
    color: #0000008a
}

.mat-calendar-body-cell-content, .mat-date-range-input-separator {
    color: #000000de;
    border-color: #0000
}

.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    color: #00000061
}

.mat-form-field-disabled .mat-date-range-input-separator {
    color: #00000061
}

.mat-calendar-body-in-preview {
    color: #0000003d
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: #00000061
}

.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: #0000002e
}

.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,.2) 50%,rgba(249,171,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,.2) 50%,rgba(249,171,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: #3f51b566
}

.mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #3f51b54d
}

@media (hover: hover) {
    .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color: #3f51b54d
    }
}

.mat-datepicker-content {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;
    background-color: #fff;
    color: #000000de
}

    .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,.2) 50%,rgba(249,171,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,.2) 50%,rgba(249,171,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: #ff408166
    }

    .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
        box-shadow: inset 0 0 0 1px #fff
    }

    .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color: #ff40814d
    }

@media (hover: hover) {
    .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color: #ff40814d
    }
}

.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,.2) 50%,rgba(249,171,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,.2) 50%,rgba(249,171,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: #f4433666
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #f443364d
}

.mat-datepicker-content-touch {
    box-shadow: 0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f
}

.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: #00000061
}

.mat-dialog-container {
    box-shadow: 0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;
    background: #fff;
    color: #000000de
}

.mat-divider {
    border-top-color: #0000001f
}

.mat-divider-vertical {
    border-right-color: #0000001f
}

.mat-expansion-panel {
    background: #fff;
    color: #000000de
}

    .mat-expansion-panel:not([class*=mat-elevation-z]) {
        box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
    }

.mat-action-row {
    border-top-color: #0000001f
}

.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: #000000de
}

.mat-expansion-panel-header-description, .mat-expansion-indicator:after {
    color: #0000008a
}

.mat-expansion-panel-header[aria-disabled=true] {
    color: #00000042
}

    .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, .mat-hint {
    color: #0009
}

.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: #000000de
}

.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, .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, .mat-form-field-appearance-legacy .mat-hint {
    color: #0000008a
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    background-color: #0000006b
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(to right,rgba(0,0,0,.42) 0%,rgba(0,0,0,.42) 33%,transparent 0%);
    background-size: 4px 100%;
    background-repeat: repeat-x
}

.mat-form-field-appearance-standard .mat-form-field-underline {
    background-color: #0000006b
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(to right,rgba(0,0,0,.42) 0%,rgba(0,0,0,.42) 33%,transparent 0%);
    background-size: 4px 100%;
    background-repeat: repeat-x
}

.mat-form-field-appearance-fill .mat-form-field-flex {
    background-color: #0000000a
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
    background-color: #00000005
}

.mat-form-field-appearance-fill .mat-form-field-underline:before {
    background-color: #0000006b
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
    color: #00000061
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline:before {
    background-color: #0000
}

.mat-form-field-appearance-outline .mat-form-field-outline {
    color: #0000001f
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
    color: #000000de
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
    color: #3f51b5
}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
    color: #ff4081
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick, .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
    color: #f44336
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
    color: #00000061
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
    color: #0000000f
}

.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: #0000008a
}

.mat-input-element:disabled, .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix:after {
    color: #00000061
}

.mat-input-element {
    caret-color: #3f51b5
}

    .mat-input-element::placeholder {
        color: #0000006b
    }

    .mat-input-element::-moz-placeholder {
        color: #0000006b
    }

    .mat-input-element::-webkit-input-placeholder {
        color: #0000006b
    }

    .mat-input-element:-ms-input-placeholder {
        color: #0000006b
    }

.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, .mat-list-base .mat-list-option {
    color: #000000de
}

.mat-list-base .mat-subheader {
    color: #0000008a
}

.mat-list-base .mat-list-item-disabled {
    background-color: #eee;
    color: #00000061
}

.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: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
    }

.mat-menu-item {
    background: rgba(0,0,0,0);
    color: #000000de
}

    .mat-menu-item[disabled], .mat-menu-item[disabled] .mat-menu-submenu-icon, .mat-menu-item[disabled] .mat-icon-no-color {
        color: #00000061
    }

    .mat-menu-item .mat-icon-no-color, .mat-menu-submenu-icon {
        color: #0000008a
    }

    .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: #0000008a
}

.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: #00000061
}

.mat-paginator-container {
    min-height: 56px
}

.mat-progress-bar-background {
    fill: #cbd0e9
}

.mat-progress-bar-buffer {
    background-color: #cbd0e9
}

.mat-progress-bar-fill:after {
    background-color: #3f51b5
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
    fill: #fbccdc
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
    background-color: #fbccdc
}

.mat-progress-bar.mat-accent .mat-progress-bar-fill:after {
    background-color: #ff4081
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
    fill: #f9ccc9
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
    background-color: #f9ccc9
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill:after {
    background-color: #f44336
}

.mat-progress-spinner circle, .mat-spinner circle {
    stroke: #3f51b5
}

.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
    stroke: #ff4081
}

.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
    stroke: #f44336
}

.mat-radio-outer-circle {
    border-color: #0000008a
}

.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: #00000061
}

.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
    background-color: #00000061
}

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
    color: #00000061
}

.mat-radio-button .mat-ripple-element {
    background-color: #000
}

.mat-select-value {
    color: #000000de
}

.mat-select-placeholder {
    color: #0000006b
}

.mat-select-disabled .mat-select-value {
    color: #00000061
}

.mat-select-arrow {
    color: #0000008a
}

.mat-select-panel {
    background: #fff
}

    .mat-select-panel:not([class*=mat-elevation-z]) {
        box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
    }

    .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, .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: #00000061
}

.mat-drawer-container {
    background-color: #fafafa;
    color: #000000de
}

.mat-drawer {
    background-color: #fff;
    color: #000000de
}

    .mat-drawer.mat-drawer-push {
        background-color: #fff
    }

    .mat-drawer:not(.mat-drawer-side) {
        box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f
    }

.mat-drawer-side {
    border-right: solid 1px rgba(0,0,0,.12)
}

    .mat-drawer-side.mat-drawer-end, [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: #0009
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #ff4081
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color: #ff40818a
}

.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: #3f51b58a
}

.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: #f443368a
}

.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
    background-color: #f44336
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
    background-color: #000
}

.mat-slide-toggle-thumb {
    box-shadow: 0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;
    background-color: #fafafa
}

.mat-slide-toggle-bar {
    background-color: #00000061
}

.mat-slider-track-background {
    background-color: #00000042
}

.mat-slider.mat-primary .mat-slider-track-fill, .mat-slider.mat-primary .mat-slider-thumb, .mat-slider.mat-primary .mat-slider-thumb-label {
    background-color: #3f51b5
}

.mat-slider.mat-primary .mat-slider-thumb-label-text {
    color: #fff
}

.mat-slider.mat-primary .mat-slider-focus-ring {
    background-color: #3f51b533
}

.mat-slider.mat-accent .mat-slider-track-fill, .mat-slider.mat-accent .mat-slider-thumb, .mat-slider.mat-accent .mat-slider-thumb-label {
    background-color: #ff4081
}

.mat-slider.mat-accent .mat-slider-thumb-label-text {
    color: #fff
}

.mat-slider.mat-accent .mat-slider-focus-ring {
    background-color: #ff408133
}

.mat-slider.mat-warn .mat-slider-track-fill, .mat-slider.mat-warn .mat-slider-thumb, .mat-slider.mat-warn .mat-slider-thumb-label {
    background-color: #f44336
}

.mat-slider.mat-warn .mat-slider-thumb-label-text {
    color: #fff
}

.mat-slider.mat-warn .mat-slider-focus-ring {
    background-color: #f4433633
}

.mat-slider:hover .mat-slider-track-background, .mat-slider.cdk-focused .mat-slider-track-background {
    background-color: #00000061
}

.mat-slider.mat-slider-disabled .mat-slider-track-background, .mat-slider.mat-slider-disabled .mat-slider-track-fill, .mat-slider.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
    background-color: #00000042
}

.mat-slider.mat-slider-min-value .mat-slider-focus-ring {
    background-color: #0000001f
}

.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
    background-color: #000000de
}

.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
    background-color: #00000042
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
    border-color: #00000042;
    background-color: #0000
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
    border-color: #00000061
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
    border-color: #00000042
}

.mat-slider-has-ticks .mat-slider-wrapper:after {
    border-color: #000000b3
}

.mat-slider-horizontal .mat-slider-ticks {
    background-image: repeating-linear-gradient(to right,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent);
    background-image: -moz-repeating-linear-gradient(.0001deg,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent)
}

.mat-slider-vertical .mat-slider-ticks {
    background-image: repeating-linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent)
}

.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled=false] {
    background-color: #0000000a
}

.mat-step-header:hover[aria-disabled=true] {
    cursor: default
}

@media (hover: none) {
    .mat-step-header:hover {
        background: none
    }
}

.mat-step-header .mat-step-label, .mat-step-header .mat-step-optional {
    color: #0000008a
}

.mat-step-header .mat-step-icon {
    background-color: #0000008a;
    color: #fff
}

.mat-step-header .mat-step-icon-selected, .mat-step-header .mat-step-icon-state-done, .mat-step-header .mat-step-icon-state-edit {
    background-color: #3f51b5;
    color: #fff
}

.mat-step-header.mat-accent .mat-step-icon {
    color: #fff
}

.mat-step-header.mat-accent .mat-step-icon-selected, .mat-step-header.mat-accent .mat-step-icon-state-done, .mat-step-header.mat-accent .mat-step-icon-state-edit {
    background-color: #ff4081;
    color: #fff
}

.mat-step-header.mat-warn .mat-step-icon {
    color: #fff
}

.mat-step-header.mat-warn .mat-step-icon-selected, .mat-step-header.mat-warn .mat-step-icon-state-done, .mat-step-header.mat-warn .mat-step-icon-state-edit {
    background-color: #f44336;
    color: #fff
}

.mat-step-header .mat-step-icon-state-error {
    background-color: #0000;
    color: #f44336
}

.mat-step-header .mat-step-label.mat-step-label-active {
    color: #000000de
}

.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: #0000001f
}

.mat-horizontal-stepper-header:before, .mat-horizontal-stepper-header:after, .mat-stepper-horizontal-line {
    border-top-color: #0000001f
}

.mat-horizontal-stepper-header {
    height: 72px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header, .mat-vertical-stepper-header {
    padding: 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: #000000de
}

    .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
        color: #00000061
    }

.mat-tab-header-pagination-chevron {
    border-color: #000000de
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: #00000061
}

.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: #c5cae94d
}

.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: #3f51b5
}

.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #ff80ab4d
}

.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
    background-color: #ff4081
}

.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #ffcdd24d
}

.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
    background-color: #f44336
}

.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #c5cae94d
}

.mat-tab-group.mat-background-primary > .mat-tab-header, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
    background-color: #3f51b5
}

    .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
        color: #fff
    }

        .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
            color: #fff6
        }

    .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator:before, .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator:before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator:before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator:before {
        border-color: #fff
    }

    .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
        border-color: #fff;
        opacity: .4
    }

    .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
        background-color: #fff;
        opacity: .12
    }

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #ff80ab4d
}

.mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
    background-color: #ff4081
}

    .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
        color: #fff
    }

        .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
            color: #fff6
        }

    .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator:before, .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator:before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator:before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator:before {
        border-color: #fff
    }

    .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
        border-color: #fff;
        opacity: .4
    }

    .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
        background-color: #fff;
        opacity: .12
    }

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #ffcdd24d
}

.mat-tab-group.mat-background-warn > .mat-tab-header, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
    background-color: #f44336
}

    .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
        color: #fff
    }

        .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
            color: #fff6
        }

    .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator:before, .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator:before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator:before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator:before {
        border-color: #fff
    }

    .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
        border-color: #fff;
        opacity: .4
    }

    .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
        background-color: #fff;
        opacity: .12
    }

.mat-toolbar {
    background: #f5f5f5;
    color: #000000de
}

    .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: #000000de
}

.mat-tree-node {
    min-height: 48px
}

.mat-snack-bar-container {
    color: #ffffffb3;
    background: #323232;
    box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f
}

.mat-simple-snackbar-action {
    color: #ff4081
}

[dir=ltr] .mat-badge-content {
    font-weight: 600;
    font-size: 12px;
    font-family: Poppins,Cairo,Helvetica Neue,sans-serif
}

[dir=ltr] .mat-badge-small .mat-badge-content {
    font-size: 9px
}

[dir=ltr] .mat-badge-large .mat-badge-content {
    font-size: 24px
}

[dir=ltr] .mat-h1, [dir=ltr] .mat-headline, [dir=ltr] .mat-typography .mat-h1, [dir=ltr] .mat-typography .mat-headline, [dir=ltr] .mat-typography h1 {
    font: 400 24px/32px Poppins,Cairo,Helvetica Neue,sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

[dir=ltr] .mat-h2, [dir=ltr] .mat-title, [dir=ltr] .mat-typography .mat-h2, [dir=ltr] .mat-typography .mat-title, [dir=ltr] .mat-typography h2 {
    font: 500 20px/32px Poppins,Cairo,Helvetica Neue,sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

[dir=ltr] .mat-h3, [dir=ltr] .mat-subheading-2, [dir=ltr] .mat-typography .mat-h3, [dir=ltr] .mat-typography .mat-subheading-2, [dir=ltr] .mat-typography h3 {
    font: 400 16px/28px Poppins,Cairo,Helvetica Neue,sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

[dir=ltr] .mat-h4, [dir=ltr] .mat-subheading-1, [dir=ltr] .mat-typography .mat-h4, [dir=ltr] .mat-typography .mat-subheading-1, [dir=ltr] .mat-typography h4 {
    font: 400 15px/24px Poppins,Cairo,Helvetica Neue,sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

[dir=ltr] .mat-h5, [dir=ltr] .mat-typography .mat-h5, [dir=ltr] .mat-typography h5 {
    font: 400 11.62px/20px Poppins,Cairo,Helvetica Neue,sans-serif;
    margin: 0 0 12px
}

[dir=ltr] .mat-h6, [dir=ltr] .mat-typography .mat-h6, [dir=ltr] .mat-typography h6 {
    font: 400 9.38px/20px Poppins,Cairo,Helvetica Neue,sans-serif;
    margin: 0 0 12px
}

[dir=ltr] .mat-body-strong, [dir=ltr] .mat-body-2, [dir=ltr] .mat-typography .mat-body-strong, [dir=ltr] .mat-typography .mat-body-2 {
    font: 500 14px/24px Poppins,Cairo,Helvetica Neue,sans-serif;
    letter-spacing: normal
}

[dir=ltr] .mat-body, [dir=ltr] .mat-body-1, [dir=ltr] .mat-typography .mat-body, [dir=ltr] .mat-typography .mat-body-1, [dir=ltr] .mat-typography {
    font: 400 14px/20px Poppins,Cairo,Helvetica Neue,sans-serif;
    letter-spacing: normal
}

    [dir=ltr] .mat-body p, [dir=ltr] .mat-body-1 p, [dir=ltr] .mat-typography .mat-body p, [dir=ltr] .mat-typography .mat-body-1 p, [dir=ltr] .mat-typography p {
        margin: 0 0 12px
    }

    [dir=ltr] .mat-small, [dir=ltr] .mat-caption, [dir=ltr] .mat-typography .mat-small, [dir=ltr] .mat-typography .mat-caption {
        font: 400 12px/20px Poppins,Cairo,Helvetica Neue,sans-serif;
        letter-spacing: normal
    }

    [dir=ltr] .mat-display-4, [dir=ltr] .mat-typography .mat-display-4 {
        font: 300 112px/112px Poppins,Cairo,Helvetica Neue,sans-serif;
        letter-spacing: -.05em;
        margin: 0 0 56px
    }

    [dir=ltr] .mat-display-3, [dir=ltr] .mat-typography .mat-display-3 {
        font: 400 56px/56px Poppins,Cairo,Helvetica Neue,sans-serif;
        letter-spacing: -.02em;
        margin: 0 0 64px
    }

    [dir=ltr] .mat-display-2, [dir=ltr] .mat-typography .mat-display-2 {
        font: 400 45px/48px Poppins,Cairo,Helvetica Neue,sans-serif;
        letter-spacing: -.005em;
        margin: 0 0 64px
    }

    [dir=ltr] .mat-display-1, [dir=ltr] .mat-typography .mat-display-1 {
        font: 400 34px/40px Poppins,Cairo,Helvetica Neue,sans-serif;
        letter-spacing: normal;
        margin: 0 0 64px
    }

[dir=ltr] .mat-bottom-sheet-container {
    font: 400 14px/20px Poppins,Cairo,Helvetica Neue,sans-serif;
    letter-spacing: normal
}

[dir=ltr] .mat-button, [dir=ltr] .mat-raised-button, [dir=ltr] .mat-icon-button, [dir=ltr] .mat-stroked-button, [dir=ltr] .mat-flat-button, [dir=ltr] .mat-fab, [dir=ltr] .mat-mini-fab {
    font-family: Poppins,Cairo,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 500
}

[dir=ltr] .mat-button-toggle, [dir=ltr] .mat-card {
    font-family: Poppins,Cairo,Helvetica Neue,sans-serif
}

[dir=ltr] .mat-card-title {
    font-size: 24px;
    font-weight: 500
}

[dir=ltr] .mat-card-header .mat-card-title {
    font-size: 20px
}

[dir=ltr] .mat-card-subtitle, [dir=ltr] .mat-card-content {
    font-size: 14px
}

[dir=ltr] .mat-checkbox {
    font-family: Poppins,Cairo,Helvetica Neue,sans-serif
}

[dir=ltr] .mat-checkbox-layout .mat-checkbox-label {
    line-height: 24px
}

[dir=ltr] .mat-chip {
    font-size: 14px;
    font-weight: 500
}

    [dir=ltr] .mat-chip .mat-chip-trailing-icon.mat-icon, [dir=ltr] .mat-chip .mat-chip-remove.mat-icon {
        font-size: 18px
    }

[dir=ltr] .mat-table {
    font-family: Poppins,Cairo,Helvetica Neue,sans-serif
}

[dir=ltr] .mat-header-cell {
    font-size: 12px;
    font-weight: 500
}

[dir=ltr] .mat-cell, [dir=ltr] .mat-footer-cell {
    font-size: 14px
}

[dir=ltr] .mat-calendar {
    font-family: Poppins,Cairo,Helvetica Neue,sans-serif
}

[dir=ltr] .mat-calendar-body {
    font-size: 13px
}

[dir=ltr] .mat-calendar-body-label, [dir=ltr] .mat-calendar-period-button {
    font-size: 14px;
    font-weight: 500
}

[dir=ltr] .mat-calendar-table-header th {
    font-size: 11px;
    font-weight: 400
}

[dir=ltr] .mat-dialog-title {
    font: 500 20px/32px Poppins,Cairo,Helvetica Neue,sans-serif;
    letter-spacing: normal
}

[dir=ltr] .mat-expansion-panel-header {
    font-family: Poppins,Cairo,Helvetica Neue,sans-serif;
    font-size: 15px;
    font-weight: 400
}

[dir=ltr] .mat-expansion-panel-content {
    font: 400 14px/20px Poppins,Cairo,Helvetica Neue,sans-serif;
    letter-spacing: normal
}

[dir=ltr] .mat-form-field {
    font: 600 16px/1.25 Poppins,Cairo,Helvetica Neue,sans-serif;
    letter-spacing: normal
}

[dir=ltr] .mat-form-field-wrapper {
    padding-bottom: 1.4375em
}

[dir=ltr] .mat-form-field-prefix .mat-icon, [dir=ltr] .mat-form-field-suffix .mat-icon {
    font-size: 150%;
    line-height: 1.25
}

[dir=ltr] .mat-form-field-prefix .mat-icon-button, [dir=ltr] .mat-form-field-suffix .mat-icon-button {
    height: 1.5em;
    width: 1.5em
}

    [dir=ltr] .mat-form-field-prefix .mat-icon-button .mat-icon, [dir=ltr] .mat-form-field-suffix .mat-icon-button .mat-icon {
        height: 1.25em;
        line-height: 1.25
    }

[dir=ltr] .mat-form-field-infix {
    padding: .5em 0;
    border-top: .9375em solid transparent
}

[dir=ltr] .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, [dir=ltr] .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.4375em) scale(.75);
    width: 133.3333333333%
}

[dir=ltr] .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.43749em) scale(.75);
    width: 133.3333433333%
}

[dir=ltr] .mat-form-field-label-wrapper {
    top: -.9375em;
    padding-top: .9375em
}

[dir=ltr] .mat-form-field-label {
    top: 1.4375em
}

[dir=ltr] .mat-form-field-underline {
    bottom: 1.4375em
}

[dir=ltr] .mat-form-field-subscript-wrapper {
    font-size: 75%;
    margin-top: .6666666667em;
    top: calc(100% - 1.9166666667em)
}

[dir=ltr] .mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 1.25em
}

[dir=ltr] .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: .375em 0
}

[dir=ltr] .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, [dir=ltr] .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.3125em) scale(.75) perspective(100px) translateZ(.001px);
    width: 133.3333333333%
}

[dir=ltr] .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.3125em) scale(.75) perspective(100px) translateZ(.00101px);
    width: 133.3333433333%
}

[dir=ltr] .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.3125em) scale(.75) perspective(100px) translateZ(.00102px);
    width: 133.3333533333%
}

[dir=ltr] .mat-form-field-appearance-legacy .mat-form-field-label {
    top: 1.3125em
}

[dir=ltr] .mat-form-field-appearance-legacy .mat-form-field-underline {
    bottom: 1.25em
}

[dir=ltr] .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: .4166666667em;
    top: calc(100% - 1.6666666667em)
}

@media print {
    [dir=ltr] .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, [dir=ltr] .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.31247em) scale(.75)
    }

    [dir=ltr] .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.31246em) scale(.75)
    }

    [dir=ltr] .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.31245em) scale(.75)
    }
}

[dir=ltr] .mat-form-field-appearance-fill .mat-form-field-infix {
    padding: .25em 0 .75em
}

[dir=ltr] .mat-form-field-appearance-fill .mat-form-field-label {
    top: 1.1875em;
    margin-top: -.5em
}

[dir=ltr] .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, [dir=ltr] .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(-.6875em) scale(.75);
    width: 133.3333333333%
}

[dir=ltr] .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(-.68749em) scale(.75);
    width: 133.3333433333%
}

[dir=ltr] .mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 1em 0
}

[dir=ltr] .mat-form-field-appearance-outline .mat-form-field-label {
    top: 1.9375em;
    margin-top: -.25em
}

[dir=ltr] .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, [dir=ltr] .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.6875em) scale(.75);
    width: 133.3333333333%
}

[dir=ltr] .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.68749em) scale(.75);
    width: 133.3333433333%
}

[dir=ltr] .mat-grid-tile-header, [dir=ltr] .mat-grid-tile-footer {
    font-size: 14px
}

    [dir=ltr] .mat-grid-tile-header .mat-line, [dir=ltr] .mat-grid-tile-footer .mat-line {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        box-sizing: border-box
    }

        [dir=ltr] .mat-grid-tile-header .mat-line:nth-child(n+2), [dir=ltr] .mat-grid-tile-footer .mat-line:nth-child(n+2) {
            font-size: 12px
        }

[dir=ltr] input.mat-input-element {
    margin-top: -.125em
}

[dir=ltr] .mat-menu-item {
    font-family: Poppins,Cairo,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400
}

[dir=ltr] .mat-paginator, [dir=ltr] .mat-paginator-page-size .mat-select-trigger {
    font-family: Poppins,Cairo,Helvetica Neue,sans-serif;
    font-size: 12px
}

[dir=ltr] .mat-radio-button, [dir=ltr] .mat-select {
    font-family: Poppins,Cairo,Helvetica Neue,sans-serif
}

[dir=ltr] .mat-select-trigger {
    height: 1.25em
}

[dir=ltr] .mat-slide-toggle-content {
    font-family: Poppins,Cairo,Helvetica Neue,sans-serif
}

[dir=ltr] .mat-slider-thumb-label-text {
    font-family: Poppins,Cairo,Helvetica Neue,sans-serif;
    font-size: 12px;
    font-weight: 500
}

[dir=ltr] .mat-stepper-vertical, [dir=ltr] .mat-stepper-horizontal {
    font-family: Poppins,Cairo,Helvetica Neue,sans-serif
}

[dir=ltr] .mat-step-label {
    font-size: 14px;
    font-weight: 400
}

[dir=ltr] .mat-step-sub-label-error {
    font-weight: 400
}

[dir=ltr] .mat-step-label-error {
    font-size: 14px
}

[dir=ltr] .mat-step-label-selected {
    font-size: 14px;
    font-weight: 500
}

[dir=ltr] .mat-tab-group {
    font-family: Poppins,Cairo,Helvetica Neue,sans-serif
}

[dir=ltr] .mat-tab-label, [dir=ltr] .mat-tab-link {
    font-family: Poppins,Cairo,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 500
}

[dir=ltr] .mat-toolbar, [dir=ltr] .mat-toolbar h1, [dir=ltr] .mat-toolbar h2, [dir=ltr] .mat-toolbar h3, [dir=ltr] .mat-toolbar h4, [dir=ltr] .mat-toolbar h5, [dir=ltr] .mat-toolbar h6 {
    font: 500 20px/32px Poppins,Cairo,Helvetica Neue,sans-serif;
    letter-spacing: normal;
    margin: 0
}

[dir=ltr] .mat-tooltip {
    font-family: Poppins,Cairo,Helvetica Neue,sans-serif;
    font-size: 10px;
    padding-top: 6px;
    padding-bottom: 6px
}

[dir=ltr] .mat-tooltip-handset {
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px
}

[dir=ltr] .mat-list-item, [dir=ltr] .mat-list-option {
    font-family: Poppins,Cairo,Helvetica Neue,sans-serif
}

[dir=ltr] .mat-list-base .mat-list-item {
    font-size: 16px
}

    [dir=ltr] .mat-list-base .mat-list-item .mat-line {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        box-sizing: border-box
    }

        [dir=ltr] .mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
            font-size: 14px
        }

[dir=ltr] .mat-list-base .mat-list-option {
    font-size: 16px
}

    [dir=ltr] .mat-list-base .mat-list-option .mat-line {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        box-sizing: border-box
    }

        [dir=ltr] .mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
            font-size: 14px
        }

[dir=ltr] .mat-list-base .mat-subheader {
    font-family: Poppins,Cairo,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 500
}

[dir=ltr] .mat-list-base[dense] .mat-list-item {
    font-size: 12px
}

    [dir=ltr] .mat-list-base[dense] .mat-list-item .mat-line {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        box-sizing: border-box
    }

        [dir=ltr] .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
            font-size: 12px
        }

[dir=ltr] .mat-list-base[dense] .mat-list-option {
    font-size: 12px
}

    [dir=ltr] .mat-list-base[dense] .mat-list-option .mat-line {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        box-sizing: border-box
    }

        [dir=ltr] .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
            font-size: 12px
        }

[dir=ltr] .mat-list-base[dense] .mat-subheader {
    font-family: Poppins,Cairo,Helvetica Neue,sans-serif;
    font-size: 12px;
    font-weight: 500
}

[dir=ltr] .mat-option {
    font-family: Poppins,Cairo,Helvetica Neue,sans-serif;
    font-size: 16px
}

[dir=ltr] .mat-optgroup-label {
    font: 500 14px/24px Poppins,Cairo,Helvetica Neue,sans-serif;
    letter-spacing: normal
}

[dir=ltr] .mat-simple-snackbar {
    font-family: Poppins,Cairo,Helvetica Neue,sans-serif;
    font-size: 14px
}

[dir=ltr] .mat-simple-snackbar-action {
    line-height: 1;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500
}

[dir=ltr] .mat-tree {
    font-family: Poppins,Cairo,Helvetica Neue,sans-serif
}

[dir=ltr] .mat-tree-node, [dir=ltr] .mat-nested-tree-node {
    font-weight: 400;
    font-size: 14px
}

[dir=ltr] .mat-ripple {
    overflow: hidden;
    position: relative
}

    [dir=ltr] .mat-ripple:not(:empty) {
        transform: translateZ(0)
    }

    [dir=ltr] .mat-ripple.mat-ripple-unbounded {
        overflow: visible
    }

[dir=ltr] .mat-ripple-element {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transition: opacity,transform 0ms cubic-bezier(0,0,.2,1);
    transform: scale3d(0,0,0)
}

.cdk-high-contrast-active [dir=ltr] .mat-ripple-element {
    display: none
}

[dir=ltr] .cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    left: 0
}

[dir=rtl] [dir=ltr] .cdk-visually-hidden {
    left: auto;
    right: 0
}

[dir=ltr] .cdk-overlay-container, [dir=ltr] .cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

[dir=ltr] .cdk-overlay-container {
    position: fixed;
    z-index: 1000
}

    [dir=ltr] .cdk-overlay-container:empty {
        display: none
    }

[dir=ltr] .cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000
}

[dir=ltr] .cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%
}

[dir=ltr] .cdk-overlay-backdrop {
    position: absolute;
    inset: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .4s cubic-bezier(.25,.8,.25,1);
    opacity: 0
}

    [dir=ltr] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
        opacity: 1
    }

.cdk-high-contrast-active [dir=ltr] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
}

[dir=ltr] .cdk-overlay-dark-backdrop {
    background: rgba(0,0,0,.32)
}

[dir=ltr] .cdk-overlay-transparent-backdrop {
    transition: visibility 1ms linear,opacity 1ms linear;
    visibility: hidden;
    opacity: 1
}

    [dir=ltr] .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
        opacity: 0;
        visibility: visible
    }

[dir=ltr] .cdk-overlay-backdrop-noop-animation {
    transition: none
}

[dir=ltr] .cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px
}

[dir=ltr] .cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll
}

[dir=ltr] textarea.cdk-textarea-autosize {
    resize: none
}

[dir=ltr] textarea.cdk-textarea-autosize-measuring {
    padding: 2px 0 !important;
    box-sizing: content-box !important;
    height: auto !important;
    overflow: hidden !important
}

[dir=ltr] textarea.cdk-textarea-autosize-measuring-firefox {
    padding: 2px 0 !important;
    box-sizing: content-box !important;
    height: 0 !important
}

@keyframes cdk-text-field-autofill-start {
}

@keyframes cdk-text-field-autofill-end {
}

[dir=ltr] .cdk-text-field-autofill-monitored:-webkit-autofill {
    animation: cdk-text-field-autofill-start 0s 1ms
}

[dir=ltr] .cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    animation: cdk-text-field-autofill-end 0s 1ms
}

[dir=ltr] .mat-focus-indicator {
    position: relative
}

    [dir=ltr] .mat-focus-indicator:before {
        inset: 0;
        position: absolute;
        box-sizing: border-box;
        pointer-events: none;
        display: var(--mat-focus-indicator-display, none);
        border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
        border-radius: var(--mat-focus-indicator-border-radius, 4px)
    }

    [dir=ltr] .mat-focus-indicator:focus:before {
        content: ""
    }

.cdk-high-contrast-active [dir=ltr] {
    --mat-focus-indicator-display: block
}

[dir=ltr] .mat-mdc-focus-indicator {
    position: relative
}

    [dir=ltr] .mat-mdc-focus-indicator:before {
        inset: 0;
        position: absolute;
        box-sizing: border-box;
        pointer-events: none;
        display: var(--mat-mdc-focus-indicator-display, none);
        border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
        border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px)
    }

    [dir=ltr] .mat-mdc-focus-indicator:focus:before {
        content: ""
    }

.cdk-high-contrast-active [dir=ltr] {
    --mat-mdc-focus-indicator-display: block
}

[dir=rtl] .mat-badge-content {
    font-weight: 600;
    font-size: 12px;
    font-family: Cairo,Helvetica Neue,sans-serif
}

[dir=rtl] .mat-badge-small .mat-badge-content {
    font-size: 9px
}

[dir=rtl] .mat-badge-large .mat-badge-content {
    font-size: 24px
}

[dir=rtl] .mat-h1, [dir=rtl] .mat-headline, [dir=rtl] .mat-typography .mat-h1, [dir=rtl] .mat-typography .mat-headline, [dir=rtl] .mat-typography h1 {
    font: 400 24px/32px Cairo,Helvetica Neue,sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

[dir=rtl] .mat-h2, [dir=rtl] .mat-title, [dir=rtl] .mat-typography .mat-h2, [dir=rtl] .mat-typography .mat-title, [dir=rtl] .mat-typography h2 {
    font: 500 20px/32px Cairo,Helvetica Neue,sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

[dir=rtl] .mat-h3, [dir=rtl] .mat-subheading-2, [dir=rtl] .mat-typography .mat-h3, [dir=rtl] .mat-typography .mat-subheading-2, [dir=rtl] .mat-typography h3 {
    font: 400 16px/28px Cairo,Helvetica Neue,sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

[dir=rtl] .mat-h4, [dir=rtl] .mat-subheading-1, [dir=rtl] .mat-typography .mat-h4, [dir=rtl] .mat-typography .mat-subheading-1, [dir=rtl] .mat-typography h4 {
    font: 400 15px/24px Cairo,Helvetica Neue,sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

[dir=rtl] .mat-h5, [dir=rtl] .mat-typography .mat-h5, [dir=rtl] .mat-typography h5 {
    font: 400 11.62px/20px Cairo,Helvetica Neue,sans-serif;
    margin: 0 0 12px
}

[dir=rtl] .mat-h6, [dir=rtl] .mat-typography .mat-h6, [dir=rtl] .mat-typography h6 {
    font: 400 9.38px/20px Cairo,Helvetica Neue,sans-serif;
    margin: 0 0 12px
}

[dir=rtl] .mat-body-strong, [dir=rtl] .mat-body-2, [dir=rtl] .mat-typography .mat-body-strong, [dir=rtl] .mat-typography .mat-body-2 {
    font: 500 14px/24px Cairo,Helvetica Neue,sans-serif;
    letter-spacing: normal
}

[dir=rtl] .mat-body, [dir=rtl] .mat-body-1, [dir=rtl] .mat-typography .mat-body, [dir=rtl] .mat-typography .mat-body-1, [dir=rtl] .mat-typography {
    font: 400 14px/20px Cairo,Helvetica Neue,sans-serif;
    letter-spacing: normal
}

    [dir=rtl] .mat-body p, [dir=rtl] .mat-body-1 p, [dir=rtl] .mat-typography .mat-body p, [dir=rtl] .mat-typography .mat-body-1 p, [dir=rtl] .mat-typography p {
        margin: 0 0 12px
    }

    [dir=rtl] .mat-small, [dir=rtl] .mat-caption, [dir=rtl] .mat-typography .mat-small, [dir=rtl] .mat-typography .mat-caption {
        font: 400 12px/20px Cairo,Helvetica Neue,sans-serif;
        letter-spacing: normal
    }

    [dir=rtl] .mat-display-4, [dir=rtl] .mat-typography .mat-display-4 {
        font: 300 112px/112px Cairo,Helvetica Neue,sans-serif;
        letter-spacing: -.05em;
        margin: 0 0 56px
    }

    [dir=rtl] .mat-display-3, [dir=rtl] .mat-typography .mat-display-3 {
        font: 400 56px/56px Cairo,Helvetica Neue,sans-serif;
        letter-spacing: -.02em;
        margin: 0 0 64px
    }

    [dir=rtl] .mat-display-2, [dir=rtl] .mat-typography .mat-display-2 {
        font: 400 45px/48px Cairo,Helvetica Neue,sans-serif;
        letter-spacing: -.005em;
        margin: 0 0 64px
    }

    [dir=rtl] .mat-display-1, [dir=rtl] .mat-typography .mat-display-1 {
        font: 400 34px/40px Cairo,Helvetica Neue,sans-serif;
        letter-spacing: normal;
        margin: 0 0 64px
    }

[dir=rtl] .mat-bottom-sheet-container {
    font: 400 14px/20px Cairo,Helvetica Neue,sans-serif;
    letter-spacing: normal
}

[dir=rtl] .mat-button, [dir=rtl] .mat-raised-button, [dir=rtl] .mat-icon-button, [dir=rtl] .mat-stroked-button, [dir=rtl] .mat-flat-button, [dir=rtl] .mat-fab, [dir=rtl] .mat-mini-fab {
    font-family: Cairo,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 500
}

[dir=rtl] .mat-button-toggle, [dir=rtl] .mat-card {
    font-family: Cairo,Helvetica Neue,sans-serif
}

[dir=rtl] .mat-card-title {
    font-size: 24px;
    font-weight: 500
}

[dir=rtl] .mat-card-header .mat-card-title {
    font-size: 20px
}

[dir=rtl] .mat-card-subtitle, [dir=rtl] .mat-card-content {
    font-size: 14px
}

[dir=rtl] .mat-checkbox {
    font-family: Cairo,Helvetica Neue,sans-serif
}

[dir=rtl] .mat-checkbox-layout .mat-checkbox-label {
    line-height: 24px
}

[dir=rtl] .mat-chip {
    font-size: 14px;
    font-weight: 500
}

    [dir=rtl] .mat-chip .mat-chip-trailing-icon.mat-icon, [dir=rtl] .mat-chip .mat-chip-remove.mat-icon {
        font-size: 18px
    }

[dir=rtl] .mat-table {
    font-family: Cairo,Helvetica Neue,sans-serif
}

[dir=rtl] .mat-header-cell {
    font-size: 12px;
    font-weight: 500
}

[dir=rtl] .mat-cell, [dir=rtl] .mat-footer-cell {
    font-size: 14px
}

[dir=rtl] .mat-calendar {
    font-family: Cairo,Helvetica Neue,sans-serif
}

[dir=rtl] .mat-calendar-body {
    font-size: 13px
}

[dir=rtl] .mat-calendar-body-label, [dir=rtl] .mat-calendar-period-button {
    font-size: 14px;
    font-weight: 500
}

[dir=rtl] .mat-calendar-table-header th {
    font-size: 11px;
    font-weight: 400
}

[dir=rtl] .mat-dialog-title {
    font: 500 20px/32px Cairo,Helvetica Neue,sans-serif;
    letter-spacing: normal
}

[dir=rtl] .mat-expansion-panel-header {
    font-family: Cairo,Helvetica Neue,sans-serif;
    font-size: 15px;
    font-weight: 400
}

[dir=rtl] .mat-expansion-panel-content {
    font: 400 14px/20px Cairo,Helvetica Neue,sans-serif;
    letter-spacing: normal
}

[dir=rtl] .mat-form-field {
    font: 600 16px/1.26 Cairo,Helvetica Neue,sans-serif;
    letter-spacing: normal
}

[dir=rtl] .mat-form-field-wrapper {
    padding-bottom: 1.445em
}

[dir=rtl] .mat-form-field-prefix .mat-icon, [dir=rtl] .mat-form-field-suffix .mat-icon {
    font-size: 150%;
    line-height: 1.26
}

[dir=rtl] .mat-form-field-prefix .mat-icon-button, [dir=rtl] .mat-form-field-suffix .mat-icon-button {
    height: 1.5em;
    width: 1.5em
}

    [dir=rtl] .mat-form-field-prefix .mat-icon-button .mat-icon, [dir=rtl] .mat-form-field-suffix .mat-icon-button .mat-icon {
        height: 1.26em;
        line-height: 1.26
    }

[dir=rtl] .mat-form-field-infix {
    padding: .5em 0;
    border-top: .945em solid transparent
}

[dir=rtl] .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, [dir=rtl] .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.44498em) scale(.75);
    width: 133.3333533333%
}

[dir=rtl] .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.44497em) scale(.75);
    width: 133.3333633333%
}

[dir=rtl] .mat-form-field-label-wrapper {
    top: -.945em;
    padding-top: .945em
}

[dir=rtl] .mat-form-field-label {
    top: 1.445em
}

[dir=rtl] .mat-form-field-underline {
    bottom: 1.445em
}

[dir=rtl] .mat-form-field-subscript-wrapper {
    font-size: 75%;
    margin-top: .6666666667em;
    top: calc(100% - 1.9266666667em)
}

[dir=rtl] .mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 1.25em
}

[dir=rtl] .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: .37em 0
}

[dir=rtl] .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, [dir=rtl] .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.315em) scale(.75) perspective(100px) translateZ(.00106px);
    width: 133.3333933333%
}

[dir=rtl] .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.315em) scale(.75) perspective(100px) translateZ(.00107px);
    width: 133.3334033333%
}

[dir=rtl] .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.315em) scale(.75) perspective(100px) translateZ(.00108px);
    width: 133.3334133333%
}

[dir=rtl] .mat-form-field-appearance-legacy .mat-form-field-label {
    top: 1.315em
}

[dir=rtl] .mat-form-field-appearance-legacy .mat-form-field-underline {
    bottom: 1.25em
}

[dir=rtl] .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: .4066666667em;
    top: calc(100% - 1.6666666667em)
}

@media print {
    [dir=rtl] .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, [dir=rtl] .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.31491em) scale(.75)
    }

    [dir=rtl] .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.3149em) scale(.75)
    }

    [dir=rtl] .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.31489em) scale(.75)
    }
}

[dir=rtl] .mat-form-field-appearance-fill .mat-form-field-infix {
    padding: .25em 0 .75em
}

[dir=rtl] .mat-form-field-appearance-fill .mat-form-field-label {
    top: 1.195em;
    margin-top: -.5em
}

[dir=rtl] .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, [dir=rtl] .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(-.69498em) scale(.75);
    width: 133.3333533333%
}

[dir=rtl] .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(-.69497em) scale(.75);
    width: 133.3333633333%
}

[dir=rtl] .mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 1em 0
}

[dir=rtl] .mat-form-field-appearance-outline .mat-form-field-label {
    top: 1.945em;
    margin-top: -.25em
}

[dir=rtl] .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, [dir=rtl] .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.69498em) scale(.75);
    width: 133.3333533333%
}

[dir=rtl] .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.69497em) scale(.75);
    width: 133.3333633333%
}

[dir=rtl] .mat-grid-tile-header, [dir=rtl] .mat-grid-tile-footer {
    font-size: 14px
}

    [dir=rtl] .mat-grid-tile-header .mat-line, [dir=rtl] .mat-grid-tile-footer .mat-line {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        box-sizing: border-box
    }

        [dir=rtl] .mat-grid-tile-header .mat-line:nth-child(n+2), [dir=rtl] .mat-grid-tile-footer .mat-line:nth-child(n+2) {
            font-size: 12px
        }

[dir=rtl] input.mat-input-element {
    margin-top: -.13em
}

[dir=rtl] .mat-menu-item {
    font-family: Cairo,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400
}

[dir=rtl] .mat-paginator, [dir=rtl] .mat-paginator-page-size .mat-select-trigger {
    font-family: Cairo,Helvetica Neue,sans-serif;
    font-size: 12px
}

[dir=rtl] .mat-radio-button, [dir=rtl] .mat-select {
    font-family: Cairo,Helvetica Neue,sans-serif
}

[dir=rtl] .mat-select-trigger {
    height: 1.26em
}

[dir=rtl] .mat-slide-toggle-content {
    font-family: Cairo,Helvetica Neue,sans-serif
}

[dir=rtl] .mat-slider-thumb-label-text {
    font-family: Cairo,Helvetica Neue,sans-serif;
    font-size: 12px;
    font-weight: 500
}

[dir=rtl] .mat-stepper-vertical, [dir=rtl] .mat-stepper-horizontal {
    font-family: Cairo,Helvetica Neue,sans-serif
}

[dir=rtl] .mat-step-label {
    font-size: 14px;
    font-weight: 400
}

[dir=rtl] .mat-step-sub-label-error {
    font-weight: 400
}

[dir=rtl] .mat-step-label-error {
    font-size: 14px
}

[dir=rtl] .mat-step-label-selected {
    font-size: 14px;
    font-weight: 500
}

[dir=rtl] .mat-tab-group {
    font-family: Cairo,Helvetica Neue,sans-serif
}

[dir=rtl] .mat-tab-label, [dir=rtl] .mat-tab-link {
    font-family: Cairo,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 500
}

[dir=rtl] .mat-toolbar, [dir=rtl] .mat-toolbar h1, [dir=rtl] .mat-toolbar h2, [dir=rtl] .mat-toolbar h3, [dir=rtl] .mat-toolbar h4, [dir=rtl] .mat-toolbar h5, [dir=rtl] .mat-toolbar h6 {
    font: 500 20px/32px Cairo,Helvetica Neue,sans-serif;
    letter-spacing: normal;
    margin: 0
}

[dir=rtl] .mat-tooltip {
    font-family: Cairo,Helvetica Neue,sans-serif;
    font-size: 10px;
    padding-top: 6px;
    padding-bottom: 6px
}

[dir=rtl] .mat-tooltip-handset {
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px
}

[dir=rtl] .mat-list-item, [dir=rtl] .mat-list-option {
    font-family: Cairo,Helvetica Neue,sans-serif
}

[dir=rtl] .mat-list-base .mat-list-item {
    font-size: 16px
}

    [dir=rtl] .mat-list-base .mat-list-item .mat-line {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        box-sizing: border-box
    }

        [dir=rtl] .mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
            font-size: 14px
        }

[dir=rtl] .mat-list-base .mat-list-option {
    font-size: 16px
}

    [dir=rtl] .mat-list-base .mat-list-option .mat-line {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        box-sizing: border-box
    }

        [dir=rtl] .mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
            font-size: 14px
        }

[dir=rtl] .mat-list-base .mat-subheader {
    font-family: Cairo,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 500
}

[dir=rtl] .mat-list-base[dense] .mat-list-item {
    font-size: 12px
}

    [dir=rtl] .mat-list-base[dense] .mat-list-item .mat-line {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        box-sizing: border-box
    }

        [dir=rtl] .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
            font-size: 12px
        }

[dir=rtl] .mat-list-base[dense] .mat-list-option {
    font-size: 12px
}

    [dir=rtl] .mat-list-base[dense] .mat-list-option .mat-line {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        box-sizing: border-box
    }

        [dir=rtl] .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
            font-size: 12px
        }

[dir=rtl] .mat-list-base[dense] .mat-subheader {
    font-family: Cairo,Helvetica Neue,sans-serif;
    font-size: 12px;
    font-weight: 500
}

[dir=rtl] .mat-option {
    font-family: Cairo,Helvetica Neue,sans-serif;
    font-size: 16px
}

[dir=rtl] .mat-optgroup-label {
    font: 500 14px/24px Cairo,Helvetica Neue,sans-serif;
    letter-spacing: normal
}

[dir=rtl] .mat-simple-snackbar {
    font-family: Cairo,Helvetica Neue,sans-serif;
    font-size: 14px
}

[dir=rtl] .mat-simple-snackbar-action {
    line-height: 1;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500
}

[dir=rtl] .mat-tree {
    font-family: Cairo,Helvetica Neue,sans-serif
}

[dir=rtl] .mat-tree-node, [dir=rtl] .mat-nested-tree-node {
    font-weight: 400;
    font-size: 14px
}

[dir=rtl] .mat-ripple {
    overflow: hidden;
    position: relative
}

    [dir=rtl] .mat-ripple:not(:empty) {
        transform: translateZ(0)
    }

    [dir=rtl] .mat-ripple.mat-ripple-unbounded {
        overflow: visible
    }

[dir=rtl] .mat-ripple-element {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transition: opacity,transform 0ms cubic-bezier(0,0,.2,1);
    transform: scale3d(0,0,0)
}

.cdk-high-contrast-active [dir=rtl] .mat-ripple-element {
    display: none
}

[dir=rtl] .cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    left: 0
}

[dir=rtl] [dir=rtl] .cdk-visually-hidden {
    left: auto;
    right: 0
}

[dir=rtl] .cdk-overlay-container, [dir=rtl] .cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

[dir=rtl] .cdk-overlay-container {
    position: fixed;
    z-index: 1000
}

    [dir=rtl] .cdk-overlay-container:empty {
        display: none
    }

[dir=rtl] .cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000
}

[dir=rtl] .cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%
}

[dir=rtl] .cdk-overlay-backdrop {
    position: absolute;
    inset: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .4s cubic-bezier(.25,.8,.25,1);
    opacity: 0
}

    [dir=rtl] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
        opacity: 1
    }

.cdk-high-contrast-active [dir=rtl] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
}

[dir=rtl] .cdk-overlay-dark-backdrop {
    background: rgba(0,0,0,.32)
}

[dir=rtl] .cdk-overlay-transparent-backdrop {
    transition: visibility 1ms linear,opacity 1ms linear;
    visibility: hidden;
    opacity: 1
}

    [dir=rtl] .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
        opacity: 0;
        visibility: visible
    }

[dir=rtl] .cdk-overlay-backdrop-noop-animation {
    transition: none
}

[dir=rtl] .cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px
}

[dir=rtl] .cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll
}

[dir=rtl] textarea.cdk-textarea-autosize {
    resize: none
}

[dir=rtl] textarea.cdk-textarea-autosize-measuring {
    padding: 2px 0 !important;
    box-sizing: content-box !important;
    height: auto !important;
    overflow: hidden !important
}

[dir=rtl] textarea.cdk-textarea-autosize-measuring-firefox {
    padding: 2px 0 !important;
    box-sizing: content-box !important;
    height: 0 !important
}

@keyframes cdk-text-field-autofill-start {
}

@keyframes cdk-text-field-autofill-end {
}

[dir=rtl] .cdk-text-field-autofill-monitored:-webkit-autofill {
    animation: cdk-text-field-autofill-start 0s 1ms
}

[dir=rtl] .cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    animation: cdk-text-field-autofill-end 0s 1ms
}

[dir=rtl] .mat-focus-indicator {
    position: relative
}

    [dir=rtl] .mat-focus-indicator:before {
        inset: 0;
        position: absolute;
        box-sizing: border-box;
        pointer-events: none;
        display: var(--mat-focus-indicator-display, none);
        border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
        border-radius: var(--mat-focus-indicator-border-radius, 4px)
    }

    [dir=rtl] .mat-focus-indicator:focus:before {
        content: ""
    }

.cdk-high-contrast-active [dir=rtl] {
    --mat-focus-indicator-display: block
}

[dir=rtl] .mat-mdc-focus-indicator {
    position: relative
}

    [dir=rtl] .mat-mdc-focus-indicator:before {
        inset: 0;
        position: absolute;
        box-sizing: border-box;
        pointer-events: none;
        display: var(--mat-mdc-focus-indicator-display, none);
        border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
        border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px)
    }

    [dir=rtl] .mat-mdc-focus-indicator:focus:before {
        content: ""
    }

.cdk-high-contrast-active [dir=rtl] {
    --mat-mdc-focus-indicator-display: block
}

.primary-color {
    color: #3f51b5 !important
}

.primary-bg {
    background: #3f51b5 !important
}

.primary-border {
    border-color: #3f51b5 !important
}

.accent-color {
    color: #ffab40 !important
}

.accent-bg {
    background: #ffab40 !important
}

.accent-border {
    border-color: #ffab40 !important
}

.warn-color {
    color: #f44336 !important
}

.warn-bg {
    background: #f44336 !important
}

.warn-border {
    border-color: #f44336 !important
}

.green-color {
    color: #43a047 !important
}

.green-bg {
    background: #43a047 !important
}

.green-border {
    border-color: #43a047 !important
}

.blue-color {
    color: #0d47a1 !important
}

.blue-bg {
    background: #0d47a1 !important
}

.blue-border {
    border-color: #0d47a1 !important
}

.sky-color {
    color: #2196f3 !important
}

.sky-bg {
    background: #2196f3 !important
}

.sky-border {
    border-color: #2196f3 !important
}

.teal-color {
    color: #00897b !important
}

.teal-bg {
    background: #00897b !important
}

.teal-border {
    border-color: #00897b !important
}

.purple-color {
    color: #8e24aa !important
}

.purple-bg {
    background: #8e24aa !important
}

.purple-border {
    border-color: #8e24aa !important
}

.grey-color {
    color: #757575 !important
}

.grey-bg {
    background: #757575 !important
}

.grey-border {
    border-color: #757575 !important
}

.white-color {
    color: #fff !important
}

.black-color {
    color: #000 !important
}

.grey-bg:disabled, .purple-bg:disabled, .teal-bg:disabled, .sky-bg:disabled, .blue-bg:disabled, .warn-bg:disabled, .accent-bg:disabled, .primary-bg:disabled, .green-bg:disabled {
    background-color: #0000001f !important
}

.mat-ripple-element {
    background-color: #0000001a
}

.mat-option {
    color: #000000de
}

    .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: #000000de
    }

    .mat-option.mat-option-disabled {
        color: #00000061
    }

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #3f51b5
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #ffab40
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #f44336
}

.mat-optgroup-label {
    color: #0000008a
}

.mat-optgroup-disabled .mat-optgroup-label {
    color: #00000061
}

.mat-pseudo-checkbox {
    color: #0000008a
}

    .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: #ffab40
}

.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: #000000de
}

.mat-elevation-z0 {
    box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f
}

.mat-elevation-z1 {
    box-shadow: 0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f
}

.mat-elevation-z2 {
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}

.mat-elevation-z3 {
    box-shadow: 0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f
}

.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
}

.mat-elevation-z5 {
    box-shadow: 0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f
}

.mat-elevation-z6 {
    box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f
}

.mat-elevation-z7 {
    box-shadow: 0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f
}

.mat-elevation-z8 {
    box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f
}

.mat-elevation-z9 {
    box-shadow: 0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f
}

.mat-elevation-z10 {
    box-shadow: 0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f
}

.mat-elevation-z11 {
    box-shadow: 0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f
}

.mat-elevation-z12 {
    box-shadow: 0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f
}

.mat-elevation-z13 {
    box-shadow: 0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f
}

.mat-elevation-z14 {
    box-shadow: 0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f
}

.mat-elevation-z15 {
    box-shadow: 0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f
}

.mat-elevation-z16 {
    box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f
}

.mat-elevation-z17 {
    box-shadow: 0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f
}

.mat-elevation-z18 {
    box-shadow: 0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f
}

.mat-elevation-z19 {
    box-shadow: 0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f
}

.mat-elevation-z20 {
    box-shadow: 0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f
}

.mat-elevation-z21 {
    box-shadow: 0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f
}

.mat-elevation-z22 {
    box-shadow: 0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f
}

.mat-elevation-z23 {
    box-shadow: 0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f
}

.mat-elevation-z24 {
    box-shadow: 0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f
}

.mat-theme-loaded-marker {
    display: none
}

.mat-autocomplete-panel {
    background: white;
    color: #000000de
}

    .mat-autocomplete-panel:not([class*=mat-elevation-z]) {
        box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
    }

    .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: #000000de
        }

.mat-badge {
    position: relative
}

    .mat-badge.mat-badge {
        overflow: visible
    }

.mat-badge-hidden .mat-badge-content {
    display: none
}

.mat-badge-content {
    position: absolute;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    transition: transform .2s ease-in-out;
    transform: scale(.6);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none
}

    .ng-animate-disabled .mat-badge-content, .mat-badge-content._mat-animation-noopable {
        transition: none
    }

    .mat-badge-content.mat-badge-active {
        transform: none
    }

.mat-badge-small .mat-badge-content {
    width: 16px;
    height: 16px;
    line-height: 16px
}

.mat-badge-small.mat-badge-above .mat-badge-content {
    top: -8px
}

.mat-badge-small.mat-badge-below .mat-badge-content {
    bottom: -8px
}

.mat-badge-small.mat-badge-before .mat-badge-content {
    left: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
    left: auto;
    right: -16px
}

.mat-badge-small.mat-badge-after .mat-badge-content {
    right: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
    right: auto;
    left: -16px
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -8px
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -8px
}

.mat-badge-medium .mat-badge-content {
    width: 22px;
    height: 22px;
    line-height: 22px
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
    top: -11px
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
    bottom: -11px
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
    left: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
    left: auto;
    right: -22px
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
    right: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
    right: auto;
    left: -22px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -11px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -11px
}

.mat-badge-large .mat-badge-content {
    width: 28px;
    height: 28px;
    line-height: 28px
}

.mat-badge-large.mat-badge-above .mat-badge-content {
    top: -14px
}

.mat-badge-large.mat-badge-below .mat-badge-content {
    bottom: -14px
}

.mat-badge-large.mat-badge-before .mat-badge-content {
    left: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
    left: auto;
    right: -28px
}

.mat-badge-large.mat-badge-after .mat-badge-content {
    right: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
    right: auto;
    left: -28px
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -14px
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -14px
}

.mat-badge-content {
    color: #fff;
    background: #3f51b5
}

.cdk-high-contrast-active .mat-badge-content {
    outline: solid 1px;
    border-radius: 0
}

.mat-badge-accent .mat-badge-content {
    background: #ffab40;
    color: #000000de
}

.mat-badge-warn .mat-badge-content {
    color: #fff;
    background: #f44336
}

.mat-badge-disabled .mat-badge-content {
    background: #b9b9b9;
    color: #00000061
}

.mat-bottom-sheet-container {
    box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;
    background: white;
    color: #000000de
}

.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: #ffab40
    }

    .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: #00000042
        }

    .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: #ffab40
    }

    .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: black
}

.mat-stroked-button:not(.mat-button-disabled) {
    border-color: #0000001f
}

.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
    color: #000000de;
    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: #000000de
    }

    .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: #00000042
        }

    .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: #ffab40
    }

    .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: #0000001f
        }

    .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: #ffffff1a
    }

    .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: #0000001a
    }

    .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: #ffffff1a
    }

    .mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
        box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f
    }

    .mat-raised-button:not([class*=mat-elevation-z]) {
        box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
    }

    .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
        box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f
    }

    .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
        box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f
    }

    .mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
        box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f
    }

    .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: 0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f
    }

    .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
        box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f
    }

.mat-button-toggle-standalone:not([class*=mat-elevation-z]), .mat-button-toggle-group:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
    box-shadow: none
}

.mat-button-toggle {
    color: #00000061
}

    .mat-button-toggle .mat-button-toggle-focus-overlay {
        background-color: #0000001f
    }

.mat-button-toggle-appearance-standard {
    color: #000000de;
    background: white
}

    .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
        background-color: #000
    }

.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
    border-left: solid 1px #e0e0e0
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
    border-left: none;
    border-right: solid 1px #e0e0e0
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
    border-left: none;
    border-right: none;
    border-top: solid 1px #e0e0e0
}

.mat-button-toggle-checked {
    background-color: #e0e0e0;
    color: #0000008a
}

    .mat-button-toggle-checked.mat-button-toggle-appearance-standard {
        color: #000000de
    }

.mat-button-toggle-disabled {
    color: #00000042;
    background-color: #eee
}

    .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 #e0e0e0
}

.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
    line-height: 48px
}

.mat-card {
    background: white;
    color: #000000de
}

    .mat-card:not([class*=mat-elevation-z]) {
        box-shadow: 0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f
    }

    .mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
        box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f
    }

.mat-card-subtitle {
    color: #0000008a
}

.mat-checkbox-frame {
    border-color: #0000008a
}

.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: #ffab40
}

.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: #00000061
}

.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: #ffab40
}

.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: #000000de
}

    .mat-chip.mat-standard-chip .mat-chip-remove {
        color: #000000de;
        opacity: .4
    }

    .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
        box-shadow: 0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f
    }

    .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: black
    }

    .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: #ffffff1a
        }

    .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: #ffffff1a
        }

    .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
        background-color: #ffab40;
        color: #000000de
    }

        .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
            color: #000000de;
            opacity: .4
        }

        .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
            background-color: #0000001a
        }

.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: #0000001f
}

.mat-header-cell {
    color: #0000008a
}

.mat-cell, .mat-footer-cell {
    color: #000000de
}

.mat-calendar-arrow {
    fill: #0000008a
}

.mat-datepicker-toggle, .mat-datepicker-content .mat-calendar-next-button, .mat-datepicker-content .mat-calendar-previous-button {
    color: #0000008a
}

.mat-calendar-table-header-divider:after {
    background: rgba(0,0,0,.12)
}

.mat-calendar-table-header, .mat-calendar-body-label {
    color: #0000008a
}

.mat-calendar-body-cell-content, .mat-date-range-input-separator {
    color: #000000de;
    border-color: transparent
}

.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    color: #00000061
}

.mat-form-field-disabled .mat-date-range-input-separator {
    color: #00000061
}

.mat-calendar-body-in-preview {
    color: #0000003d
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: #00000061
}

.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: #0000002e
}

.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,.2) 50%,rgba(249,171,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,.2) 50%,rgba(249,171,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: #3f51b566
}

.mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #3f51b54d
}

@media (hover: hover) {
    .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color: #3f51b54d
    }
}

.mat-datepicker-content {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;
    background-color: #fff;
    color: #000000de
}

    .mat-datepicker-content.mat-accent .mat-calendar-body-in-range:before {
        background: rgba(255,171,64,.2)
    }

    .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range:before {
        background: rgba(249,171,0,.2)
    }

    .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start:before, .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
        background: linear-gradient(to right,rgba(255,171,64,.2) 50%,rgba(249,171,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,171,64,.2) 50%,rgba(249,171,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: #ffab40;
        color: #000000de
    }

    .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
        background-color: #ffab4066
    }

    .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
        box-shadow: inset 0 0 0 1px #000000de
    }

    .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color: #ffab404d
    }

@media (hover: hover) {
    .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color: #ffab404d
    }
}

.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,.2) 50%,rgba(249,171,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,.2) 50%,rgba(249,171,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: #f4433666
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #f443364d
}

@media (hover: hover) {
    .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color: #f443364d
    }
}

.mat-datepicker-content-touch {
    box-shadow: 0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f
}

.mat-datepicker-toggle-active {
    color: #3f51b5
}

    .mat-datepicker-toggle-active.mat-accent {
        color: #ffab40
    }

    .mat-datepicker-toggle-active.mat-warn {
        color: #f44336
    }

.mat-date-range-input-inner[disabled] {
    color: #00000061
}

.mat-dialog-container {
    box-shadow: 0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;
    background: white;
    color: #000000de
}

.mat-divider {
    border-top-color: #0000001f
}

.mat-divider-vertical {
    border-right-color: #0000001f
}

.mat-expansion-panel {
    background: white;
    color: #000000de
}

    .mat-expansion-panel:not([class*=mat-elevation-z]) {
        box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
    }

.mat-action-row {
    border-top-color: #0000001f
}

.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: white
    }
}

.mat-expansion-panel-header-title {
    color: #000000de
}

.mat-expansion-panel-header-description, .mat-expansion-indicator:after {
    color: #0000008a
}

.mat-expansion-panel-header[aria-disabled=true] {
    color: #00000042
}

    .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, .mat-hint {
    color: #0009
}

.mat-form-field.mat-focused .mat-form-field-label {
    color: #3f51b5
}

    .mat-form-field.mat-focused .mat-form-field-label.mat-accent {
        color: #ffab40
    }

    .mat-form-field.mat-focused .mat-form-field-label.mat-warn {
        color: #f44336
    }

.mat-focused .mat-form-field-required-marker {
    color: #ffab40
}

.mat-form-field-ripple {
    background-color: #000000de
}

.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: #ffab40
    }

    .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: #ffab40
}

.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, .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, .mat-form-field-appearance-legacy .mat-hint {
    color: #0000008a
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    background-color: #0000006b
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(to right,rgba(0,0,0,.42) 0%,rgba(0,0,0,.42) 33%,transparent 0%);
    background-size: 4px 100%;
    background-repeat: repeat-x
}

.mat-form-field-appearance-standard .mat-form-field-underline {
    background-color: #0000006b
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(to right,rgba(0,0,0,.42) 0%,rgba(0,0,0,.42) 33%,transparent 0%);
    background-size: 4px 100%;
    background-repeat: repeat-x
}

.mat-form-field-appearance-fill .mat-form-field-flex {
    background-color: #0000000a
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
    background-color: #00000005
}

.mat-form-field-appearance-fill .mat-form-field-underline:before {
    background-color: #0000006b
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
    color: #00000061
}

.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: #0000001f
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
    color: #000000de
}

.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: #ffab40
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick, .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
    color: #f44336
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
    color: #00000061
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
    color: #0000000f
}

.mat-icon.mat-primary {
    color: #3f51b5
}

.mat-icon.mat-accent {
    color: #ffab40
}

.mat-icon.mat-warn {
    color: #f44336
}

.mat-form-field-type-mat-native-select .mat-form-field-infix:after {
    color: #0000008a
}

.mat-input-element:disabled, .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix:after {
    color: #00000061
}

.mat-input-element {
    caret-color: #3f51b5
}

    .mat-input-element::placeholder {
        color: #0000006b
    }

    .mat-input-element::-moz-placeholder {
        color: #0000006b
    }

    .mat-input-element::-webkit-input-placeholder {
        color: #0000006b
    }

    .mat-input-element:-ms-input-placeholder {
        color: #0000006b
    }

.mat-form-field.mat-accent .mat-input-element {
    caret-color: #ffab40
}

.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, .mat-list-base .mat-list-option {
    color: #000000de
}

.mat-list-base .mat-subheader {
    color: #0000008a
}

.mat-list-base .mat-list-item-disabled {
    background-color: #eee;
    color: #00000061
}

.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: white
}

    .mat-menu-panel:not([class*=mat-elevation-z]) {
        box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
    }

.mat-menu-item {
    background: transparent;
    color: #000000de
}

    .mat-menu-item[disabled], .mat-menu-item[disabled] .mat-menu-submenu-icon, .mat-menu-item[disabled] .mat-icon-no-color {
        color: #00000061
    }

    .mat-menu-item .mat-icon-no-color, .mat-menu-submenu-icon {
        color: #0000008a
    }

    .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: white
}

.mat-paginator, .mat-paginator-page-size .mat-select-trigger {
    color: #0000008a
}

.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: #00000061
}

.mat-paginator-container {
    min-height: 56px
}

.mat-progress-bar-background {
    fill: #cbd0e9
}

.mat-progress-bar-buffer {
    background-color: #cbd0e9
}

.mat-progress-bar-fill:after {
    background-color: #3f51b5
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
    fill: #fbe6cc
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
    background-color: #fbe6cc
}

.mat-progress-bar.mat-accent .mat-progress-bar-fill:after {
    background-color: #ffab40
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
    fill: #f9ccc9
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
    background-color: #f9ccc9
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill:after {
    background-color: #f44336
}

.mat-progress-spinner circle, .mat-spinner circle {
    stroke: #3f51b5
}

.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
    stroke: #ffab40
}

.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
    stroke: #f44336
}

.mat-radio-outer-circle {
    border-color: #0000008a
}

.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: #ffab40
}

.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: #ffab40
}

.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: #00000061
}

.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
    background-color: #00000061
}

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
    color: #00000061
}

.mat-radio-button .mat-ripple-element {
    background-color: #000
}

.mat-select-value {
    color: #000000de
}

.mat-select-placeholder {
    color: #0000006b
}

.mat-select-disabled .mat-select-value {
    color: #00000061
}

.mat-select-arrow {
    color: #0000008a
}

.mat-select-panel {
    background: white
}

    .mat-select-panel:not([class*=mat-elevation-z]) {
        box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
    }

    .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: #ffab40
}

.mat-form-field.mat-focused.mat-warn .mat-select-arrow, .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: #00000061
}

.mat-drawer-container {
    background-color: #fafafa;
    color: #000000de
}

.mat-drawer {
    background-color: #fff;
    color: #000000de
}

    .mat-drawer.mat-drawer-push {
        background-color: #fff
    }

    .mat-drawer:not(.mat-drawer-side) {
        box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f
    }

.mat-drawer-side {
    border-right: solid 1px rgba(0,0,0,.12)
}

    .mat-drawer-side.mat-drawer-end, [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: #0009
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #ffab40
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color: #ffab408a
}

.mat-slide-toggle.mat-checked .mat-ripple-element {
    background-color: #ffab40
}

.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: #3f51b58a
}

.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: #f443368a
}

.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
    background-color: #f44336
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
    background-color: #000
}

.mat-slide-toggle-thumb {
    box-shadow: 0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;
    background-color: #fafafa
}

.mat-slide-toggle-bar {
    background-color: #00000061
}

.mat-slider-track-background {
    background-color: #00000042
}

.mat-slider.mat-primary .mat-slider-track-fill, .mat-slider.mat-primary .mat-slider-thumb, .mat-slider.mat-primary .mat-slider-thumb-label {
    background-color: #3f51b5
}

.mat-slider.mat-primary .mat-slider-thumb-label-text {
    color: #fff
}

.mat-slider.mat-primary .mat-slider-focus-ring {
    background-color: #3f51b533
}

.mat-slider.mat-accent .mat-slider-track-fill, .mat-slider.mat-accent .mat-slider-thumb, .mat-slider.mat-accent .mat-slider-thumb-label {
    background-color: #ffab40
}

.mat-slider.mat-accent .mat-slider-thumb-label-text {
    color: #000000de
}

.mat-slider.mat-accent .mat-slider-focus-ring {
    background-color: #ffab4033
}

.mat-slider.mat-warn .mat-slider-track-fill, .mat-slider.mat-warn .mat-slider-thumb, .mat-slider.mat-warn .mat-slider-thumb-label {
    background-color: #f44336
}

.mat-slider.mat-warn .mat-slider-thumb-label-text {
    color: #fff
}

.mat-slider.mat-warn .mat-slider-focus-ring {
    background-color: #f4433633
}

.mat-slider:hover .mat-slider-track-background, .mat-slider.cdk-focused .mat-slider-track-background {
    background-color: #00000061
}

.mat-slider.mat-slider-disabled .mat-slider-track-background, .mat-slider.mat-slider-disabled .mat-slider-track-fill, .mat-slider.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
    background-color: #00000042
}

.mat-slider.mat-slider-min-value .mat-slider-focus-ring {
    background-color: #0000001f
}

.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
    background-color: #000000de
}

.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
    background-color: #00000042
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
    border-color: #00000042;
    background-color: transparent
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
    border-color: #00000061
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
    border-color: #00000042
}

.mat-slider-has-ticks .mat-slider-wrapper:after {
    border-color: #000000b3
}

.mat-slider-horizontal .mat-slider-ticks {
    background-image: repeating-linear-gradient(to right,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent);
    background-image: -moz-repeating-linear-gradient(.0001deg,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent)
}

.mat-slider-vertical .mat-slider-ticks {
    background-image: repeating-linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent)
}

.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled=false] {
    background-color: #0000000a
}

.mat-step-header:hover[aria-disabled=true] {
    cursor: default
}

@media (hover: none) {
    .mat-step-header:hover {
        background: none
    }
}

.mat-step-header .mat-step-label, .mat-step-header .mat-step-optional {
    color: #0000008a
}

.mat-step-header .mat-step-icon {
    background-color: #0000008a;
    color: #fff
}

.mat-step-header .mat-step-icon-selected, .mat-step-header .mat-step-icon-state-done, .mat-step-header .mat-step-icon-state-edit {
    background-color: #3f51b5;
    color: #fff
}

.mat-step-header.mat-accent .mat-step-icon {
    color: #000000de
}

.mat-step-header.mat-accent .mat-step-icon-selected, .mat-step-header.mat-accent .mat-step-icon-state-done, .mat-step-header.mat-accent .mat-step-icon-state-edit {
    background-color: #ffab40;
    color: #000000de
}

.mat-step-header.mat-warn .mat-step-icon {
    color: #fff
}

.mat-step-header.mat-warn .mat-step-icon-selected, .mat-step-header.mat-warn .mat-step-icon-state-done, .mat-step-header.mat-warn .mat-step-icon-state-edit {
    background-color: #f44336;
    color: #fff
}

.mat-step-header .mat-step-icon-state-error {
    background-color: transparent;
    color: #f44336
}

.mat-step-header .mat-step-label.mat-step-label-active {
    color: #000000de
}

.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: #0000001f
}

.mat-horizontal-stepper-header:before, .mat-horizontal-stepper-header:after, .mat-stepper-horizontal-line {
    border-top-color: #0000001f
}

.mat-horizontal-stepper-header {
    height: 72px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header, .mat-vertical-stepper-header {
    padding: 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: #000000de
}

    .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
        color: #00000061
    }

.mat-tab-header-pagination-chevron {
    border-color: #000000de
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: #00000061
}

.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: #c5cae94d
}

.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: #3f51b5
}

.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #ffd1804d
}

.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
    background-color: #ffab40
}

.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
    background-color: #000000de
}

.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: #ffcdd24d
}

.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
    background-color: #f44336
}

.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #c5cae94d
}

.mat-tab-group.mat-background-primary > .mat-tab-header, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
    background-color: #3f51b5
}

    .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
        color: #fff
    }

        .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
            color: #fff6
        }

    .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator:before, .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator:before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator:before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator:before {
        border-color: #fff
    }

    .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
        border-color: #fff;
        opacity: .4
    }

    .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
        background-color: #fff;
        opacity: .12
    }

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #ffd1804d
}

.mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
    background-color: #ffab40
}

    .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
        color: #000000de
    }

        .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
            color: #0006
        }

    .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator:before, .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator:before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator:before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator:before {
        border-color: #000000de
    }

    .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
        border-color: #000;
        opacity: .4
    }

    .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
        background-color: #000;
        opacity: .12
    }

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #ffcdd24d
}

.mat-tab-group.mat-background-warn > .mat-tab-header, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
    background-color: #f44336
}

    .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
        color: #fff
    }

        .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
            color: #fff6
        }

    .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator:before, .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator:before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator:before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator:before {
        border-color: #fff
    }

    .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
        border-color: #fff;
        opacity: .4
    }

    .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
        background-color: #fff;
        opacity: .12
    }

.mat-toolbar {
    background: whitesmoke;
    color: #000000de
}

    .mat-toolbar.mat-primary {
        background: #3f51b5;
        color: #fff
    }

    .mat-toolbar.mat-accent {
        background: #ffab40;
        color: #000000de
    }

    .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: white
}

.mat-tree-node, .mat-nested-tree-node {
    color: #000000de
}

.mat-tree-node {
    min-height: 48px
}

.mat-snack-bar-container {
    color: #ffffffb3;
    background: #323232;
    box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f
}

.mat-simple-snackbar-action {
    color: #ffab40
}

html, body {
    height: 100%;
    margin: 0
}

body {
    margin: 0;
    color: #333
}

.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
    color: #fafafa
}

.material-full-width {
    width: 100%
}

.ng-invalid.ng-touched {
    border-color: red
}

.text-error {
    color: red
}

.mat-card.main-page-card {
    border-radius: 0;
    border: 0px solid #ddd;
    padding: 0 0 20px;
    background: none
}

    .mat-card.main-page-card .main-card-header .mat-card-header-text {
        margin: 0
    }

    .mat-card.main-page-card .main-card-header .breadcrumb {
        margin: 5px 0 15px
    }

.main-table-wrapper .main-table {
    width: 100%
}

    .main-table-wrapper .main-table mat-header-cell {
        font-weight: 700;
        font-size: 16px;
        background-color: #fafafa;
        padding: 0 5px
    }

    .main-table-wrapper .main-table mat-cell {
        font-size: 16px;
        padding: 5px
    }

    .main-table-wrapper .main-table .mat-column-active, .main-table-wrapper .main-table .mat-column-actions, .main-table-wrapper .main-table .mat-column-is_expired {
        justify-content: center
    }

    .main-table-wrapper .main-table .nodata-cell {
        justify-content: center;
        font-size: 1.3em
    }

.main-table-wrapper .mat-stroked-button, .main-table-wrapper .mat-raised-button, .main-table-wrapper .mat-flat-button {
    text-transform: uppercase;
    border-radius: 0;
    font-weight: 700
}

@media screen and (max-width: 960px) {
    .main-table-wrapper .mat-table {
        border: 0;
        vertical-align: middle
    }

    .main-table-wrapper mat-row, .main-table-wrapper mat-footer-row {
        min-height: 30px
    }

    .main-table-wrapper .mat-table caption {
        font-size: 1em
    }

    .main-table-wrapper .mat-table .mat-row {
        border-bottom: 5px solid #ddd;
        display: block
    }

    .main-table-wrapper .mat-table .mat-cell {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: 1em;
        font-weight: 700;
        text-align: right;
        height: auto;
        margin-bottom: 0%;
        padding-left: 6px;
        padding-right: 6px
    }

        .main-table-wrapper .mat-table .mat-cell .mat-card-avatar {
            display: inline-block !important
        }

        .main-table-wrapper .mat-table .mat-cell:before {
            content: attr(data-label);
            float: left;
            text-transform: uppercase;
            font-weight: 400;
            font-size: .85em
        }

        .main-table-wrapper .mat-table .mat-cell:last-child {
            border-bottom: 0
        }

        .main-table-wrapper .mat-table .mat-cell:first-child {
            margin-top: 4%
        }
}

@media screen and (max-width: 960px) {
    [dir=rtl] .main-table-wrapper .mat-table .mat-cell {
        text-align: left !important
    }

        [dir=rtl] .main-table-wrapper .mat-table .mat-cell:before {
            float: right !important
        }
}

.form-wrapper button.mat-raised-button, .form-wrapper button.mat-stroked-button, .form-wrapper button.mat-flat-button {
    height: 50px;
    font-weight: 600;
    font-size: 18px;
    border-radius: 0;
    text-transform: uppercase
}

.form-wrapper mat-form-field.mat-form-field {
    font-size: 16px
}

    .form-wrapper mat-form-field.mat-form-field input {
        font-size: 18px
    }

button.mat-stroked-button, button.mat-raised-button, button.mat-flat-button, button.mat-button {
    border-radius: 0
}

.nodata-cell {
    justify-content: center;
    font-size: 1.3em
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
    color: #fafafa
}

.snackbar-container {
    margin-top: 70px !important;
    border-radius: 0 !important
}

    .snackbar-container .mat-button-wrapper {
        color: #fff !important
    }

    .snackbar-container .mat-simple-snackbar {
        font-size: 18px !important
    }

    .snackbar-container.error {
        background-color: #a84242 !important;
        color: #fff
    }

    .snackbar-container.success {
        background-color: #2e7d32 !important;
        color: #fff
    }

    .snackbar-container.warning {
        background-color: #ee8d0f !important;
        color: #fff
    }

.text-oneline {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.alert-light {
    color: #929292
}

.mt-20 {
    margin-top: 20px
}

.mb-20 {
    margin-bottom: 20px
}

.padding-0 {
    padding: 0 !important
}

.timepickerClass {
    direction: rtl !important
}

::ng-deep ngx-material-timepicker-content {
    --body-background-color: #fff;
    --primary-font-family: "Roboto", sans-serif;
    --button-color: #c6ff00 !important;
    --dial-active-color: #fff;
    --dial-inactive-color: rgba(255, 255, 255, .5);
    --dial-background-color: #c6ff00 !important;
    --dial-editable-active-color: #c6ff00 !important;
    --dial-editable-background-color: #fff;
    --clock-face-time-active-color: #fff;
    --clock-face-time-inactive-color: #6c6c6c;
    --clock-face-inner-time-inactive-color: #929292;
    --clock-face-time-disabled-color: #c5c5c5;
    --clock-face-background-color: #f0f0f0;
    --clock-hand-color: #c6ff00 !important
}

.no-data-error {
    font-size: 24px;
    padding: 10px;
    text-align: center;
    font-weight: 600;
    color: red
}

    .no-data-error.small {
        font-size: 18px
    }

.hide {
    display: none
}

.show {
    display: block
}

.custome-timepicker {
    direction: ltr;
    font-family: inherit
}

    .custome-timepicker .timepicker__header {
        background-color: #4caf50 !important
    }

    .custome-timepicker .clock-face__number > span.active {
        background-color: #4caf50 !important;
        color: #fafafa !important
    }

    .custome-timepicker .clock-face__clock-hand {
        background-color: #4caf50 !important
    }

        .custome-timepicker .clock-face__clock-hand:after {
            background-color: #4caf50 !important
        }

        .custome-timepicker .clock-face__clock-hand:before {
            border-color: #4caf50 !important
        }

    .custome-timepicker .timepicker-button {
        color: #4caf50 !important
    }

.confirm-dialog-container .mat-dialog-container, .main-dialog-container .mat-dialog-container {
    border-radius: 0;
    padding: 0
}

.loading-dialog-container .mat-dialog-container {
    background-color: #fff
}

.error-dialog-container .mat-dialog-container {
    border-radius: 0;
    background-color: #f2dfdf !important;
    color: #d2480c;
    border: 2px solid #d2480c
}

.dialog-container .mat-dialog-container {
    border-radius: 0
}

.search-form-field {
    margin: 5px 0;
    background-color: #eee;
    border-radius: 30px
}

    .search-form-field .mat-input-element {
        font-size: 20px
    }

    .search-form-field div.mat-form-field-underline {
        display: none
    }

    .search-form-field div.mat-form-field-infix {
        border-top: 0px
    }

    .search-form-field div.mat-form-field-wrapper {
        padding: 5px 10px
    }

    .search-form-field div.mat-form-field-suffix button {
        height: 32px;
        width: 32px
    }

.search-form-drop-list {
    margin: 5px 0;
    background-color: #eee;
    border-radius: 30px
}

    .search-form-drop-list .mat-input-element {
        font-size: 20px
    }

    .search-form-drop-list .mat-form-field-flex {
        padding: 0 !important
    }

    .search-form-drop-list .mat-form-field-infix {
        border-top: 0px;
        padding: 2px 5px !important
    }

    .search-form-drop-list .mat-form-field-appearance-fill {
        border-radius: 100px !important;
        padding: 6px !important;
        background-color: #eee !important
    }

    .search-form-drop-list div.mat-form-field-underline {
        display: none
    }

    .search-form-drop-list div.mat-form-field-wrapper {
        padding: 11px 10px !important
    }

    .search-form-drop-list .mat-select-arrow-wrapper {
        transform: translateY(3px) !important
    }

.search-form-drop-list-sm div.mat-form-field-wrapper {
    padding: 4px 5px !important
}

.tabs-wrapper mat-form-field.mat-form-field, .popup-form-wrapper mat-form-field.mat-form-field {
    font-size: 18px
}

    .tabs-wrapper mat-form-field.mat-form-field input, .popup-form-wrapper mat-form-field.mat-form-field input {
        font-size: 18px
    }

mat-card.tabs-wrapper {
    border-radius: 0;
    border: 2px solid #ddd
}

    mat-card.tabs-wrapper .tabs-content-card mat-card-content {
        padding: 20px
    }

    mat-card.tabs-wrapper .tab-wrapper-inner {
        padding: 30px 10px
    }

    mat-card.tabs-wrapper .mat-card-actions {
        margin-bottom: 0
    }

    mat-card.tabs-wrapper .mat-card-header-text {
        margin: 0 10px !important
    }

.app-table {
    width: 100%
}

    .app-table mat-header-cell {
        font-weight: 700;
        font-size: 16px;
        background-color: #fafafa
    }

    .app-table mat-cell {
        font-size: 16px;
        padding-top: 3px;
        padding-bottom: 3px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .app-table .mat-column-active, .app-table .mat-column-actions, .app-table .mat-column-is_expired {
        justify-content: center
    }

    .app-table .nodata-cell {
        justify-content: center;
        font-size: 1.3em
    }

.lang-code {
    color: #3f51b5;
    font-weight: 700
}

.reuired-caption {
    color: #999;
    font-size: 18px
}

.country-option-img {
    vertical-align: middle;
    margin-right: 8px
}

.page-top-wrapper {
    padding: 6px
}

[dir=rtl] .country-option-img {
    margin-right: 0;
    margin-left: 8px
}

.select-option-img {
    vertical-align: middle;
    margin-right: 8px
}

[dir=rtl] .select-option-img {
    margin-right: 0;
    margin-left: 8px
}

.mat-error {
    color: #f44336 !important
}

.lang-input.mat-form-field-appearance-outline .mat-form-field-prefix, .lang-input.mat-form-field-appearance-outline .mat-form-field-suffix {
    top: 0 !important;
    margin: 0 4px
}

.lang-input.mat-form-field-appearance-legacy .mat-form-field-prefix, .lang-input.mat-form-field-appearance-legacy .mat-form-field-suffix {
    margin: 0 3px
}

.currency-input .mat-form-field-prefix, .currency-input .mat-form-field-suffix {
    top: 0 !important;
    margin: 0 8px;
    color: #3f51b5 !important;
    font-weight: 600
}

[dir=rtl] .search-form-field .mat-form-field-wrapper {
    padding: 6px
}

[dir=ltr] .search-form-field .mat-form-field-wrapper {
    padding: 6px 8px
}

.search-form-field-sm .mat-form-field-wrapper {
    padding: 0 2px !important
}

[dir=rtl] .main-table mat-cell:first-of-type:not(:only-of-type), [dir=rtl] .main-table mat-header-cell:first-of-type:not(:only-of-type), [dir=rtl] .main-table mat-footer-cell:first-of-type:not(:only-of-type) {
    padding-left: 0;
    padding-right: 10px
}

.main-table mat-cell:first-of-type, .main-table mat-header-cell:first-of-type, .main-table mat-footer-cell:first-of-type {
    padding-left: 10px !important
}

.mat-form-field-appearance-outline .mat-form-field-prefix, .mat-form-field-appearance-outline .mat-form-field-suffix {
    top: 0 !important
}

.mat-form-field-prefix .mat-icon, .mat-form-field-suffix .mat-icon {
    font-size: 120% !important;
    line-height: 1.125
}

button.mat-stroked-button, button.mat-raised-button, button.mat-flat-button, button.mat-button {
    border-radius: 0
}

    button.mat-raised-button.large-button, button.mat-stroked-button.large-button, button.mat-flat-button.large-button, button.mat-button.large-button {
        height: 50px;
        font-weight: 600;
        font-size: 18px;
        border-radius: 0
    }

[dir=ltr] .right-align {
    text-align: right
}

[dir=rtl] .right-align {
    text-align: left
}

.mt-20 {
    margin-top: 20px !important
}

.weight-500 {
    font-weight: 500
}

.weight-600 {
    font-weight: 600
}

.weight-700 {
    font-weight: 700
}

.card {
    padding: 1rem;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 10px #c3d1d880;
    min-height: 100px
}

::-webkit-scrollbar {
    width: 6px;
    overflow-y: scroll;
    overflow-x: scroll;
    background: rgb(221,215,215);
    box-shadow: inset 0 0 4px #d1cece
}

::-webkit-scrollbar-thumb {
    background: #b0b3b0;
    border-radius: 0
}

.multiline-autocomplete .mat-option {
    white-space: normal;
    overflow: hidden;
    min-height: 48px !important;
    line-height: normal;
    height: auto;
    border-top: 1px solid #ddd
}

    .multiline-autocomplete .mat-option:first-child {
        border: none
    }

.multiline-select-box mat-option.mat-option {
    height: unset;
    min-height: 48px !important;
    line-height: normal;
    height: auto;
    border-top: 1px solid #ddd
}

.multiline-select-box .mat-option:first-child {
    border: none
}

.multiline-select-box .mat-option-text {
    white-space: normal
}

.mat-menu-panel {
    min-height: 30px !important
}

.sign-up-link {
    font-size: 20px;
    text-decoration: none;
    color: #3f51b5 !important
}

.ltr {
    direction: ltr !important
}

[dir=ltr] .ltr {
    direction: ltr !important;
    text-align: left
}

[dir=rtl] .ltr {
    direction: ltr !important;
    text-align: right
}

.cursor-pointer {
    cursor: pointer !important
}

.icon-sm {
    height: 14px !important;
    width: 14px !important;
    font-size: .9rem !important
}

.icon-md {
    height: 18px !important;
    width: 18px !important;
    font-size: 1.2rem !important
}

.icon-lg {
    font-size: 24px !important;
    height: 24px !important;
    width: 24px !important
}

.icon-xl {
    font-size: 40px !important;
    height: 40px !important;
    width: 40px !important
}

.icon-xxl {
    font-size: 100px !important;
    height: 100px !important;
    width: 100px !important
}

.icon-inline {
    width: 14px !important;
    font-size: .9rem !important;
    color: #aeaeae;
    margin-bottom: -13.5px !important
}

.font-weight-bold {
    font-weight: 700
}

.mat-caption {
    color: #0000008a;
    font-weight: 600 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.bg-gray {
    background-color: #f1f1f1
}

.split-border {
    border-left: 1px solid rgb(255,255,255)
}

[dir=ltr] .align-left {
    text-align: left
}

[dir=ltr] .right-align, [dir=rtl] .align-left {
    text-align: right
}

[dir=rtl] .right-align {
    text-align: left
}

.note {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
    padding: .2rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    text-align: left
}

    .note span {
        color: #333
    }

[dir=rtl] .note {
    text-align: right
}

.warn-note {
    color: #e71818;
    background-color: #ffd4d4;
    padding: .2rem;
    border-radius: 0;
    text-align: left;
    border-left: 5px #e71818 solid
}

    .warn-note span {
        color: #333
    }

[dir=rtl] .warn-note {
    border-right: 5px #e71818 solid;
    border-left: unset;
    text-align: right
}

.link {
    color: #0079f4;
    text-decoration: none
}

    .link:hover {
        color: #419efd
    }

.remove-underline .text-field .line-ripple {
    display: none
}

.mat-accordion-primary {
    border-radius: 0 !important
}

    .mat-accordion-primary .mat-expansion-panel {
        box-shadow: 0 0 10px #c3d1d880;
        border-radius: 0 !important
    }

        .mat-accordion-primary .mat-expansion-panel .mat-expansion-panel-header {
            border-radius: 0;
            border-left: 1rem solid #3f51b5;
            background-color: #f0f8ff !important;
            min-height: 50px;
            padding-left: .5rem
        }

[dir=rtl] .mat-accordion-primary .mat-expansion-panel .mat-expansion-panel-header {
    border-left: unset;
    border-right: 1rem solid #3f51b5;
    padding-right: .5rem
}

.page-card-primary {
    box-shadow: 0 0 10px #c3d1d880
}

    .page-card-primary .page-top-wrapper {
        border-left: 1rem solid #3f51b5;
        padding-left: .5rem;
        min-height: 50px;
        border-radius: 0;
        background: aliceblue
    }

        .page-card-primary .page-top-wrapper h2 {
            margin: 0 !important
        }

        .page-card-primary .page-top-wrapper button {
            background-color: #fff
        }

[dir=rtl] .page-card-primary .page-top-wrapper {
    padding-left: unset;
    border-left: unset;
    padding-right: .5rem;
    border-right: 1rem solid #3f51b5
}

.page-card-accent {
    box-shadow: 0 0 10px #c3d1d880
}

    .page-card-accent .page-top-wrapper {
        border-left: 1rem solid #ffab40;
        padding-left: .5rem;
        min-height: 50px;
        border-radius: 0;
        background: #fff8ee
    }

        .page-card-accent .page-top-wrapper h2 {
            margin: 0 !important
        }

        .page-card-accent .page-top-wrapper button {
            background-color: #fff
        }

[dir=rtl] .page-card-accent .page-top-wrapper {
    padding-left: unset;
    border-left: unset;
    padding-right: .5rem;
    border-right: 1rem solid #ffab40
}

.page-card-green {
    box-shadow: 0 0 10px #c3d1d880
}

    .page-card-green .page-top-wrapper {
        border-left: 1rem solid #4caf50;
        padding-left: .5rem;
        min-height: 50px;
        border-radius: 0;
        background: #e7ffe8
    }

        .page-card-green .page-top-wrapper h2 {
            margin: 0 !important
        }

        .page-card-green .page-top-wrapper button {
            background-color: #fff
        }

[dir=rtl] .page-card-green .page-top-wrapper {
    padding-left: unset;
    border-left: unset;
    padding-right: .5rem;
    border-right: 1rem solid #4caf50
}

.remove-underline .mat-form-field-underline {
    display: none
}

.remove-label-padding .mat-form-field-flex {
    padding: 0 .75em !important
}

.remove-input-bottom-padding .mat-form-field-wrapper {
    padding-bottom: .3em
}

.no-padding .mat-form-field-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

    .no-padding .mat-form-field-wrapper .mat-form-field-flex {
        padding: 5px !important
    }

    .no-padding .mat-form-field-wrapper .mat-form-field-infix {
        padding: 0 0 3px !important
    }

.small-input .mat-form-field-flex {
    padding: .2em .2em 0 !important
}

.read-only .mat-form-field-flex {
    background-color: #f0f8ff !important
}

.border-dashed .mat-form-field-flex {
    border: dashed 1px #c2c2c2
}

.note-input .mat-form-field-flex {
    background-color: #fff7de !important
}

.focus-input .mat-form-field-flex {
    background-color: #ffebc5 !important
}

.toolbar-button {
    height: 35px !important;
    font-size: 15px !important
}

.button-delete {
    height: 24px !important;
    padding: 0 !important
}

.small-toggle-button > button > span.mat-button-toggle-label-content {
    line-height: 35px !important
}

.badge-sm {
    min-height: 20px !important;
    padding: 5px !important
}

.section-bg-color {
    background-color: #f0f8ff;
    padding: 10px 10px 0
}

    .section-bg-color h3 {
        margin-bottom: 10px !important
    }

.section-accent-bg-color {
    background-color: #fff8ee;
    padding: 10px 10px 0
}

    .section-accent-bg-color h3 {
        margin-bottom: 10px !important
    }

.cell-extra-info {
    white-space: nowrap;
    overflow: hidden;
    padding: 0 3px 3px !important;
    background-color: #f1f1f1;
    border-left: 3px solid #fff;
    margin-bottom: 3px
}

    .cell-extra-info .mat-caption {
        margin-bottom: 0;
        flex-direction: row;
        box-sizing: border-box;
        display: flex;
        place-content: center flex-start;
        align-items: center
    }

    .cell-extra-info .mat-body {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

.cell-extra-info-multi-line {
    padding: 0 3px 3px !important;
    background-color: #f1f1f1;
    border-left: 3px solid #fff;
    margin-bottom: 3px
}

    .cell-extra-info-multi-line .mat-caption {
        margin-bottom: 0;
        flex-direction: row;
        box-sizing: border-box;
        display: flex;
        place-content: center flex-start;
        align-items: center
    }

    .cell-extra-info-multi-line .mat-body {
        white-space: pre-line
    }

.text-center {
    text-align: center !important
}

.small-table-wrapper .small-table mat-cell:first-of-type:not(:only-of-type), .small-table-wrapper .small-table mat-header-cell:first-of-type:not(:only-of-type), .small-table-wrapper .small-table mat-footer-cell:first-of-type:not(:only-of-type), .small-table-wrapper .small-table mat-cell:last-of-type:not(:only-of-type), .small-table-wrapper .small-table mat-header-cell:last-of-type:not(:only-of-type), .small-table-wrapper .small-table mat-footer-cell:last-of-type:not(:only-of-type) {
    padding-left: 0;
    padding-right: 0
}

.small-table-wrapper .small-table mat-header-cell {
    font-size: 11px;
    padding: 0 2px;
    background-color: #dbd6d6;
    position: sticky;
    top: 0;
    z-index: 3;
    box-shadow: 0 2px 2px -1px #0006
}

.small-table-wrapper .table-sticky-header {
    left: 0;
    z-index: 4 !important
}

.small-table-wrapper [dir=rtl] .table-sticky-header {
    left: unset;
    right: 0
}

.small-table-wrapper .table-sticky-column {
    position: sticky;
    left: 0;
    z-index: 2
}

.small-table-wrapper [dir=rtl] .table-sticky-column {
    left: unset;
    right: 0
}

.small-table-wrapper .small-table mat-header-row {
    min-height: 20px;
    background-color: #dbd6d6
}

.small-table-wrapper .small-table mat-cell {
    font-size: 11px;
    padding: 0 2px
}

.small-table-wrapper .small-table mat-row, .small-table-wrapper .small-table mat-footer-row {
    min-height: 20px
}

.small-table-wrapper .mat-table {
    overflow-x: scroll;
    position: relative
}

    .small-table-wrapper .mat-table .mat-header-row {
        position: sticky;
        top: 0;
        z-index: 3
    }

.small-icon-button {
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center
}

    .small-icon-button > *[role=img] {
        width: 16px;
        height: 16px;
        font-size: 16px
    }

        .small-icon-button > *[role=img] svg {
            width: 16px;
            height: 16px
        }

    .small-icon-button .mat-button-touch-target {
        width: 24px !important;
        height: 24px !important
    }

    .small-icon-button .m-0 {
        margin: 0 !important
    }

    .small-icon-button .p-0 {
        padding: 0 !important
    }

    .small-icon-button .mat-card-avatar.employee-user-image {
        border: 2px solid #fff !important;
        box-shadow: 0 0 20px #c3d1d8b3 !important;
        overflow: hidden !important
    }

@charset "UTF-8";

.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 {
    display: flex
}

.cal-month-view .cal-cell {
    float: left;
    flex: 1;
    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
}

    .cal-month-view .cal-day-cell:not(:last-child) {
        border-right: 1px solid
    }

[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
    border-right: initial;
    border-left: 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;
    float: left
}

.cal-month-view .cal-day-number {
    font-size: 1.2em;
    font-weight: 400;
    opacity: .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;
    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: .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: .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
    }

[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
    border-right-color: initial;
    border-left-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 #00000080
}

.cal-week-view * {
    box-sizing: border-box
}

.cal-week-view .cal-day-headers {
    display: flex;
    padding-left: 70px;
    border: 1px solid
}

[dir=rtl] .cal-week-view .cal-day-headers {
    padding-left: initial;
    padding-right: 70px
}

.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
    }

[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
    border-right: initial;
    border-left: 1px solid
}

.cal-week-view .cal-day-headers .cal-header:first-child {
    border-left: 1px solid
}

[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
    border-left: initial;
    border-right: 1px solid
}

.cal-week-view .cal-day-headers span {
    font-weight: 400;
    opacity: .5
}

.cal-week-view .cal-day-column {
    flex-grow: 1;
    border-left: solid 1px
}

[dir=rtl] .cal-week-view .cal-day-column {
    border-left: initial;
    border-right: solid 1px
}

.cal-week-view .cal-event {
    font-size: 12px;
    border: 1px solid;
    direction: ltr
}

.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%;
        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
    }

[dir=rtl] .cal-week-view .cal-all-day-events .cal-events-row {
    margin-left: initial;
    margin-right: 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
}

[dir=rtl] .cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
    border-top-left-radius: initial;
    border-bottom-left-radius: initial;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important
}

.cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

[dir=rtl] .cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
    border-top-right-radius: initial;
    border-bottom-right-radius: initial;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.cal-week-view .cal-all-day-events .cal-time-label-column {
    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
    }

[dir=rtl] .cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
    right: initial;
    left: 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;
    display: flex
}

    .cal-week-view .cal-time-events .cal-day-columns {
        display: flex;
        flex-grow: 1
    }

    .cal-week-view .cal-time-events .cal-day-column, .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: "\a0"
    }

.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: 700;
    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
        }

[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
    border-right-color: initial;
    border-left: solid 1px #e1e1e1 !important
}

.cal-week-view .cal-day-headers .cal-header:first-child {
    border-left-color: #e1e1e1
}

[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
    border-left-color: initial;
    border-right-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
}

[dir=rtl] .cal-week-view .cal-day-column {
    border-left-color: initial;
    border-right-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 mwl-calendar-week-view-header {
    display: none
}

.cal-day-view .cal-events-container {
    margin-left: 70px
}

[dir=rtl] .cal-day-view .cal-events-container {
    margin-left: initial;
    margin-right: 70px
}

.cal-day-view .cal-day-column {
    border-left: 0
}

.cal-day-view .cal-current-time-marker {
    margin-left: 70px;
    width: calc(100% - 70px)
}

[dir=rtl] .cal-day-view .cal-current-time-marker {
    margin-left: initial;
    margin-right: 70px
}

.cal-tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-style: normal;
    font-weight: 400;
    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: .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: .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
}