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

.mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
    color: var(--mdc-theme-secondary, #ff4081)
}

.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
    background: #ff4081
}

.mat-mdc-option {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body1-font-size, 16px);
    line-height: var(--mdc-typography-body1-line-height, 24px);
    font-weight: var(--mdc-typography-body1-font-weight, 400);
    letter-spacing: var(--mdc-typography-body1-letter-spacing, .03125em)
}

.mat-mdc-card {
    box-shadow: 0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f;
    --mdc-elevated-card-container-color: #fff
}

.mat-mdc-card-outlined {
    box-shadow: 0 0 #0003, 0 0 #00000024, 0 0 #0000001f;
    --mdc-outlined-card-outline-color: #e0e0e0
}

.mat-mdc-card-title {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-headline6-font-size, 20px);
    line-height: var(--mdc-typography-headline6-line-height, 32px);
    font-weight: var(--mdc-typography-headline6-font-weight, 500);
    letter-spacing: var(--mdc-typography-headline6-letter-spacing, .0125em);
    -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
    text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
    text-transform: var(--mdc-typography-headline6-text-transform, none)
}

.mat-mdc-card-subtitle {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle2-font-size, 14px);
    line-height: var(--mdc-typography-subtitle2-line-height, 22px);
    font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
    letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);
    -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle2-text-transform, none)
}

.mat-mdc-progress-bar {
    --mdc-linear-progress-active-indicator-color: #3f51b5
}

.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(63, 81, 181, 0.25)'/%3E%3C/svg%3E")
}

.mat-mdc-progress-bar.mat-accent {
    --mdc-linear-progress-active-indicator-color: #ff4081
}

.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(255, 64, 129, 0.25)'/%3E%3C/svg%3E")
}

.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar {
    background-color: #ff408140
}

.mat-mdc-progress-bar.mat-warn {
    --mdc-linear-progress-active-indicator-color: #f44336
}

.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(244, 67, 54, 0.25)'/%3E%3C/svg%3E")
}

.mat-mdc-tooltip {
    --mdc-plain-tooltip-container-color: #616161;
    --mdc-plain-tooltip-supporting-text-color: white
}

.mat-mdc-tooltip {
    --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
    --mdc-plain-tooltip-supporting-text-size: 12px;
    --mdc-plain-tooltip-supporting-text-weight: 400;
    --mdc-plain-tooltip-supporting-text-tracking: .0333333333em
}

.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix:after {
    color: #ff4081de
}

.mat-mdc-form-field.mat-accent .mdc-text-field__input {
    caret-color: var(--mdc-theme-secondary, #ff4081)
}

.mat-mdc-form-field.mat-accent:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-secondary, #ff4081)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #ff4081de
}

.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-secondary, #ff4081)
}

.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
    border-left: 1px solid rgba(0, 0, 0, 0)
}

[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
    border-left: none;
    border-right: 1px solid rgba(0, 0, 0, 0)
}

.mdc-text-field__input,
.mdc-text-field__affix {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle1-font-size, 16px);
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle1-text-transform, none)
}

.mdc-text-field--textarea .mdc-text-field__input {
    line-height: 1.5rem
}

.mdc-floating-label {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle1-font-size, 16px);
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle1-text-transform, none)
}

.mat-mdc-form-field-subscript-wrapper,
.mat-mdc-form-field-bottom-align:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-caption-font-size, 12px);
    line-height: var(--mdc-typography-caption-line-height, 20px);
    font-weight: var(--mdc-typography-caption-font-weight, 400);
    letter-spacing: var(--mdc-typography-caption-letter-spacing, .0333333333em);
    -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-transform: var(--mdc-typography-caption-text-transform, none)
}

.mat-mdc-form-field,
.mat-mdc-floating-label {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body1-font-size, 16px);
    line-height: var(--mdc-typography-body1-line-height, 24px);
    font-weight: var(--mdc-typography-body1-font-weight, 400);
    letter-spacing: var(--mdc-typography-body1-letter-spacing, .03125em);
    -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-transform: var(--mdc-typography-body1-text-transform, none)
}

.mat-mdc-form-field .mdc-text-field--outlined .mdc-floating-label--float-above {
    font-size: calc(16px * var(--mat-mdc-form-field-floating-label-scale, .75))
}

.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 16px
}

.mat-mdc-form-field.mat-focused.mat-accent .mat-mdc-select-arrow {
    color: #ff4081de
}

.mat-mdc-select-panel {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle1-font-size, 16px);
    line-height: var(--mdc-typography-subtitle1-line-height, 28px);
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle1-text-transform, none);
    line-height: 24px
}

.mat-mdc-select {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body1-font-size, 16px);
    line-height: var(--mdc-typography-body1-line-height, 24px);
    font-weight: var(--mdc-typography-body1-font-weight, 400);
    letter-spacing: var(--mdc-typography-body1-letter-spacing, .03125em);
    -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-transform: var(--mdc-typography-body1-text-transform, none)
}

.mat-mdc-autocomplete-panel {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle1-font-size, 16px);
    line-height: var(--mdc-typography-subtitle1-line-height, 28px);
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle1-text-transform, none);
    line-height: 24px
}

.mat-mdc-dialog-container {
    --mdc-dialog-container-color: white;
    --mdc-dialog-with-divider-divider-color: rgba(0, 0, 0, .12);
    --mdc-dialog-subhead-color: rgba(0, 0, 0, .87);
    --mdc-dialog-supporting-text-color: rgba(0, 0, 0, .6)
}

.mat-mdc-dialog-container {
    --mdc-dialog-subhead-font: Roboto, sans-serif;
    --mdc-dialog-subhead-line-height: 32px;
    --mdc-dialog-subhead-size: 20px;
    --mdc-dialog-subhead-weight: 500;
    --mdc-dialog-subhead-tracking: .0125em;
    --mdc-dialog-supporting-text-font: Roboto, sans-serif;
    --mdc-dialog-supporting-text-line-height: 24px;
    --mdc-dialog-supporting-text-size: 16px;
    --mdc-dialog-supporting-text-weight: 400;
    --mdc-dialog-supporting-text-tracking: .03125em
}

.mat-mdc-standard-chip {
    --mdc-chip-elevated-container-color: #e0e0e0;
    --mdc-chip-elevated-disabled-container-color: #e0e0e0;
    --mdc-chip-label-text-color: #212121;
    --mdc-chip-disabled-label-text-color: #212121;
    --mdc-chip-with-icon-icon-color: #212121;
    --mdc-chip-with-icon-disabled-icon-color: #212121;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
    --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
    --mdc-chip-with-icon-selected-icon-color: #212121
}

.mat-mdc-standard-chip.mat-primary.mat-mdc-chip-selected,
.mat-mdc-standard-chip.mat-primary.mat-mdc-chip-highlighted {
    --mdc-chip-elevated-container-color: #3f51b5;
    --mdc-chip-elevated-disabled-container-color: #3f51b5;
    --mdc-chip-label-text-color: white;
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white
}

.mat-mdc-standard-chip.mat-accent.mat-mdc-chip-selected,
.mat-mdc-standard-chip.mat-accent.mat-mdc-chip-highlighted {
    --mdc-chip-elevated-container-color: #ff4081;
    --mdc-chip-elevated-disabled-container-color: #ff4081;
    --mdc-chip-label-text-color: white;
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white
}

.mat-mdc-standard-chip.mat-warn.mat-mdc-chip-selected,
.mat-mdc-standard-chip.mat-warn.mat-mdc-chip-highlighted {
    --mdc-chip-elevated-container-color: #f44336;
    --mdc-chip-elevated-disabled-container-color: #f44336;
    --mdc-chip-label-text-color: white;
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white
}

.mat-mdc-chip-focus-overlay {
    background: #000
}

.mat-mdc-standard-chip {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body2-font-size, 14px);
    line-height: var(--mdc-typography-body2-line-height, 20px);
    font-weight: var(--mdc-typography-body2-font-weight, 400);
    letter-spacing: var(--mdc-typography-body2-letter-spacing, .0178571429em);
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: var(--mdc-typography-body2-text-transform, none)
}

.mat-mdc-slide-toggle {
    --mdc-switch-disabled-selected-handle-color: #424242;
    --mdc-switch-disabled-unselected-handle-color: #424242;
    --mdc-switch-disabled-selected-track-color: #424242;
    --mdc-switch-disabled-unselected-track-color: #424242;
    --mdc-switch-unselected-focus-state-layer-color: #424242;
    --mdc-switch-unselected-pressed-state-layer-color: #424242;
    --mdc-switch-unselected-hover-state-layer-color: #424242;
    --mdc-switch-unselected-focus-track-color: #e0e0e0;
    --mdc-switch-unselected-hover-track-color: #e0e0e0;
    --mdc-switch-unselected-pressed-track-color: #e0e0e0;
    --mdc-switch-unselected-track-color: #e0e0e0;
    --mdc-switch-unselected-focus-handle-color: #212121;
    --mdc-switch-unselected-hover-handle-color: #212121;
    --mdc-switch-unselected-pressed-handle-color: #212121;
    --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
    --mdc-switch-unselected-handle-color: #616161;
    --mdc-switch-selected-icon-color: #fff;
    --mdc-switch-disabled-selected-icon-color: #fff;
    --mdc-switch-disabled-unselected-icon-color: #fff;
    --mdc-switch-unselected-icon-color: #fff
}

.mat-mdc-slide-toggle.mat-primary {
    --mdc-switch-selected-focus-state-layer-color: #3949ab;
    --mdc-switch-selected-handle-color: #3949ab;
    --mdc-switch-selected-hover-state-layer-color: #3949ab;
    --mdc-switch-selected-pressed-state-layer-color: #3949ab;
    --mdc-switch-selected-focus-handle-color: #1a237e;
    --mdc-switch-selected-hover-handle-color: #1a237e;
    --mdc-switch-selected-pressed-handle-color: #1a237e;
    --mdc-switch-selected-focus-track-color: #7986cb;
    --mdc-switch-selected-hover-track-color: #7986cb;
    --mdc-switch-selected-pressed-track-color: #7986cb;
    --mdc-switch-selected-track-color: #7986cb
}

.mat-mdc-slide-toggle.mat-accent {
    --mdc-switch-selected-focus-state-layer-color: #d81b60;
    --mdc-switch-selected-handle-color: #d81b60;
    --mdc-switch-selected-hover-state-layer-color: #d81b60;
    --mdc-switch-selected-pressed-state-layer-color: #d81b60;
    --mdc-switch-selected-focus-handle-color: #880e4f;
    --mdc-switch-selected-hover-handle-color: #880e4f;
    --mdc-switch-selected-pressed-handle-color: #880e4f;
    --mdc-switch-selected-focus-track-color: #f06292;
    --mdc-switch-selected-hover-track-color: #f06292;
    --mdc-switch-selected-pressed-track-color: #f06292;
    --mdc-switch-selected-track-color: #f06292
}

.mat-mdc-slide-toggle.mat-warn {
    --mdc-switch-selected-focus-state-layer-color: #e53935;
    --mdc-switch-selected-handle-color: #e53935;
    --mdc-switch-selected-hover-state-layer-color: #e53935;
    --mdc-switch-selected-pressed-state-layer-color: #e53935;
    --mdc-switch-selected-focus-handle-color: #b71c1c;
    --mdc-switch-selected-hover-handle-color: #b71c1c;
    --mdc-switch-selected-pressed-handle-color: #b71c1c;
    --mdc-switch-selected-focus-track-color: #e57373;
    --mdc-switch-selected-hover-track-color: #e57373;
    --mdc-switch-selected-pressed-track-color: #e57373;
    --mdc-switch-selected-track-color: #e57373
}

.mat-mdc-slide-toggle {
    --mdc-switch-state-layer-size: 48px
}

.mat-mdc-radio-button.mat-primary {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #3f51b5;
    --mdc-radio-selected-hover-icon-color: #3f51b5;
    --mdc-radio-selected-icon-color: #3f51b5;
    --mdc-radio-selected-pressed-icon-color: #3f51b5;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #3f51b5
}

.mat-mdc-radio-button.mat-accent {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #ff4081;
    --mdc-radio-selected-hover-icon-color: #ff4081;
    --mdc-radio-selected-icon-color: #ff4081;
    --mdc-radio-selected-pressed-icon-color: #ff4081;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #ff4081
}

.mat-mdc-radio-button.mat-warn {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #f44336;
    --mdc-radio-selected-hover-icon-color: #f44336;
    --mdc-radio-selected-icon-color: #f44336;
    --mdc-radio-selected-pressed-icon-color: #f44336;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #f44336
}

.mat-mdc-slider {
    --mdc-slider-label-container-color: black;
    --mdc-slider-label-label-text-color: white;
    --mdc-slider-disabled-handle-color: #000;
    --mdc-slider-disabled-active-track-color: #000;
    --mdc-slider-disabled-inactive-track-color: #000;
    --mdc-slider-with-tick-marks-disabled-container-color: #000;
    --mat-mdc-slider-value-indicator-opacity: .6
}

.mat-mdc-slider.mat-primary {
    --mdc-slider-handle-color: #3f51b5;
    --mdc-slider-focus-handle-color: #3f51b5;
    --mdc-slider-hover-handle-color: #3f51b5;
    --mdc-slider-active-track-color: #3f51b5;
    --mdc-slider-inactive-track-color: #3f51b5;
    --mdc-slider-with-tick-marks-active-container-color: #fff;
    --mdc-slider-with-tick-marks-inactive-container-color: #3f51b5;
    --mat-mdc-slider-ripple-color: #3f51b5;
    --mat-mdc-slider-hover-ripple-color: rgba(63, 81, 181, .05);
    --mat-mdc-slider-focus-ripple-color: rgba(63, 81, 181, .2)
}

.mat-mdc-slider.mat-accent {
    --mdc-slider-handle-color: #ff4081;
    --mdc-slider-focus-handle-color: #ff4081;
    --mdc-slider-hover-handle-color: #ff4081;
    --mdc-slider-active-track-color: #ff4081;
    --mdc-slider-inactive-track-color: #ff4081;
    --mdc-slider-with-tick-marks-active-container-color: #fff;
    --mdc-slider-with-tick-marks-inactive-container-color: #ff4081;
    --mat-mdc-slider-ripple-color: #ff4081;
    --mat-mdc-slider-hover-ripple-color: rgba(255, 64, 129, .05);
    --mat-mdc-slider-focus-ripple-color: rgba(255, 64, 129, .2)
}

.mat-mdc-slider.mat-warn {
    --mdc-slider-handle-color: #f44336;
    --mdc-slider-focus-handle-color: #f44336;
    --mdc-slider-hover-handle-color: #f44336;
    --mdc-slider-active-track-color: #f44336;
    --mdc-slider-inactive-track-color: #f44336;
    --mdc-slider-with-tick-marks-active-container-color: #fff;
    --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
    --mat-mdc-slider-ripple-color: #f44336;
    --mat-mdc-slider-hover-ripple-color: rgba(244, 67, 54, .05);
    --mat-mdc-slider-focus-ripple-color: rgba(244, 67, 54, .2)
}

.mat-mdc-slider {
    --mdc-slider-label-label-text-font: Roboto, sans-serif;
    --mdc-slider-label-label-text-font-size: 14px;
    --mdc-slider-label-label-text-line-height: 22px;
    --mdc-slider-label-label-text-tracking: .0071428571em;
    --mdc-slider-label-label-text-weight: 500
}

.mat-mdc-menu-content {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle1-font-size, 16px);
    line-height: var(--mdc-typography-subtitle1-line-height, 28px);
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle1-text-transform, none);
    line-height: 24px
}

.mat-mdc-menu-content,
.mat-mdc-menu-content .mat-mdc-menu-item .mdc-list-item__primary-text {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body1-font-size, 16px);
    line-height: var(--mdc-typography-body1-line-height, 24px);
    font-weight: var(--mdc-typography-body1-font-weight, 400);
    letter-spacing: var(--mdc-typography-body1-letter-spacing, .03125em);
    -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-transform: var(--mdc-typography-body1-text-transform, none)
}

.mat-mdc-list-item-interactive:before {
    background: #000
}

.mat-mdc-list-option .mdc-list-item__start,
.mat-mdc-list-option .mdc-list-item__end {
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #3f51b5;
    --mdc-checkbox-selected-hover-icon-color: #3f51b5;
    --mdc-checkbox-selected-icon-color: #3f51b5;
    --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

.mat-mdc-list-option .mdc-list-item__start,
.mat-mdc-list-option .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #3f51b5;
    --mdc-radio-selected-hover-icon-color: #3f51b5;
    --mdc-radio-selected-icon-color: #3f51b5;
    --mdc-radio-selected-pressed-icon-color: #3f51b5;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #3f51b5
}

.mat-mdc-list-option.mat-accent .mdc-list-item__start,
.mat-mdc-list-option.mat-accent .mdc-list-item__end {
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #ff4081;
    --mdc-checkbox-selected-hover-icon-color: #ff4081;
    --mdc-checkbox-selected-icon-color: #ff4081;
    --mdc-checkbox-selected-pressed-icon-color: #ff4081;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

.mat-mdc-list-option.mat-accent .mdc-list-item__start,
.mat-mdc-list-option.mat-accent .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #ff4081;
    --mdc-radio-selected-hover-icon-color: #ff4081;
    --mdc-radio-selected-icon-color: #ff4081;
    --mdc-radio-selected-pressed-icon-color: #ff4081;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #ff4081
}

.mat-mdc-list-option.mat-warn .mdc-list-item__start,
.mat-mdc-list-option.mat-warn .mdc-list-item__end {
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #f44336;
    --mdc-checkbox-selected-hover-icon-color: #f44336;
    --mdc-checkbox-selected-icon-color: #f44336;
    --mdc-checkbox-selected-pressed-icon-color: #f44336;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

.mat-mdc-list-option.mat-warn .mdc-list-item__start,
.mat-mdc-list-option.mat-warn .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #f44336;
    --mdc-radio-selected-hover-icon-color: #f44336;
    --mdc-radio-selected-icon-color: #f44336;
    --mdc-radio-selected-pressed-icon-color: #f44336;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #f44336
}

.mdc-list {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle1-font-size, 16px);
    line-height: var(--mdc-typography-subtitle1-line-height, 28px);
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle1-text-transform, none);
    line-height: 24px
}

.mdc-list-item__primary-text {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle1-font-size, 16px);
    line-height: var(--mdc-typography-subtitle1-line-height, 28px);
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle1-text-transform, none)
}

.mdc-list-item__secondary-text {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body2-font-size, 14px);
    line-height: var(--mdc-typography-body2-line-height, 20px);
    font-weight: var(--mdc-typography-body2-font-weight, 400);
    letter-spacing: var(--mdc-typography-body2-letter-spacing, .0178571429em);
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: var(--mdc-typography-body2-text-transform, none)
}

.mdc-list-item__overline-text {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-overline-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-overline-font-size, 12px);
    line-height: var(--mdc-typography-overline-line-height, 32px);
    font-weight: var(--mdc-typography-overline-font-weight, 500);
    letter-spacing: var(--mdc-typography-overline-letter-spacing, .1666666667em);
    -webkit-text-decoration: var(--mdc-typography-overline-text-decoration, none);
    text-decoration: var(--mdc-typography-overline-text-decoration, none);
    text-transform: var(--mdc-typography-overline-text-transform, none)
}

.mdc-list-group__subheader {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle1-font-size, 16px);
    line-height: var(--mdc-typography-subtitle1-line-height, 28px);
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle1-text-transform, none)
}

.mdc-list-item--with-trailing-meta .mdc-list-item__end {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-caption-font-size, 12px);
    line-height: var(--mdc-typography-caption-line-height, 20px);
    font-weight: var(--mdc-typography-caption-font-weight, 400);
    letter-spacing: var(--mdc-typography-caption-letter-spacing, .0333333333em);
    -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-transform: var(--mdc-typography-caption-text-transform, none)
}

@media all and (-ms-high-contrast: none) {

    .mat-mdc-list-option .mdc-list-item__start .mdc-checkbox .mdc-checkbox__focus-ring,
    .mat-mdc-list-option .mdc-list-item__end .mdc-checkbox .mdc-checkbox__focus-ring {
        display: none
    }
}

.mat-mdc-list-item .mdc-list-item__primary-text {
    font: 400 16px/24px Roboto, sans-serif;
    letter-spacing: .03125em
}

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

.mat-mdc-paginator {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-caption-font-size, 12px);
    line-height: var(--mdc-typography-caption-line-height, 20px);
    font-weight: var(--mdc-typography-caption-font-weight, 400);
    letter-spacing: var(--mdc-typography-caption-letter-spacing, .0333333333em);
    -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-transform: var(--mdc-typography-caption-text-transform, none)
}

.mat-mdc-paginator .mat-mdc-select-value {
    font-size: 12px
}

.mat-mdc-tab,
.mat-mdc-tab-link {
    background-color: #0000
}

.mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,
.mat-mdc-tab-group.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,
.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,
.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
    color: #ff4081
}

.mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,
.mat-mdc-tab-group.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,
.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,
.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline {
    border-color: var(--mdc-tab-indicator-active-indicator-color, #ff4081)
}

.mat-mdc-tab-group.mat-accent .mdc-tab__ripple:before,
.mat-mdc-tab-group.mat-accent .mat-mdc-tab .mat-ripple-element,
.mat-mdc-tab-group.mat-accent .mat-mdc-tab-header-pagination .mat-ripple-element,
.mat-mdc-tab-group.mat-accent .mat-mdc-tab-link .mat-ripple-element,
.mat-mdc-tab-nav-bar.mat-accent .mdc-tab__ripple:before,
.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab .mat-ripple-element,
.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-header-pagination .mat-ripple-element,
.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link .mat-ripple-element {
    background-color: #ff4081
}

.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
    --mat-mdc-tab-header-with-background-background-color: #ff4081;
    --mat-mdc-tab-header-with-background-foreground-color: #fff
}

.mdc-tab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-button-font-size, 14px);
    line-height: var(--mdc-typography-button-line-height, 36px);
    font-weight: var(--mdc-typography-button-font-weight, 500);
    letter-spacing: var(--mdc-typography-button-letter-spacing, .0892857143em);
    -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-transform: var(--mdc-typography-button-text-transform, none)
}

.mat-mdc-checkbox.mat-primary {
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #3f51b5;
    --mdc-checkbox-selected-hover-icon-color: #3f51b5;
    --mdc-checkbox-selected-icon-color: #3f51b5;
    --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

.mat-mdc-checkbox.mat-accent {
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #ff4081;
    --mdc-checkbox-selected-hover-icon-color: #ff4081;
    --mdc-checkbox-selected-icon-color: #ff4081;
    --mdc-checkbox-selected-pressed-icon-color: #ff4081;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

.mat-mdc-checkbox.mat-accent .mdc-checkbox--selected~.mat-mdc-checkbox-ripple .mat-ripple-element {
    background-color: #ff40811a
}

.mat-mdc-checkbox.mat-accent .mdc-checkbox--selected~.mdc-checkbox__ripple {
    background: #ff4081
}

.mat-mdc-checkbox.mat-warn {
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #f44336;
    --mdc-checkbox-selected-hover-icon-color: #f44336;
    --mdc-checkbox-selected-icon-color: #f44336;
    --mdc-checkbox-selected-pressed-icon-color: #f44336;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

@media all and (-ms-high-contrast: none) {
    .mdc-checkbox .mdc-checkbox__focus-ring {
        display: none
    }
}

.mdc-form-field {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body2-font-size, 14px);
    line-height: var(--mdc-typography-body2-line-height, 20px);
    font-weight: var(--mdc-typography-body2-font-weight, 400);
    letter-spacing: var(--mdc-typography-body2-letter-spacing, .0178571429em);
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: var(--mdc-typography-body2-text-transform, none)
}

.mat-mdc-button.mat-unthemed {
    --mdc-text-button-label-text-color: #000
}

.mat-mdc-button.mat-primary {
    --mdc-text-button-label-text-color: #3f51b5
}

.mat-mdc-button.mat-accent {
    --mdc-text-button-label-text-color: #ff4081
}

.mat-mdc-button.mat-warn {
    --mdc-text-button-label-text-color: #f44336
}

.mat-mdc-button[disabled][disabled] {
    --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-text-button-label-text-color: rgba(0, 0, 0, .38)
}

.mat-mdc-unelevated-button.mat-unthemed {
    --mdc-filled-button-container-color: #fff;
    --mdc-filled-button-label-text-color: #000
}

.mat-mdc-unelevated-button.mat-primary {
    --mdc-filled-button-container-color: #3f51b5;
    --mdc-filled-button-label-text-color: #fff
}

.mat-mdc-unelevated-button.mat-accent {
    --mdc-filled-button-container-color: #ff4081;
    --mdc-filled-button-label-text-color: #fff
}

.mat-mdc-unelevated-button.mat-warn {
    --mdc-filled-button-container-color: #f44336;
    --mdc-filled-button-label-text-color: #fff
}

.mat-mdc-unelevated-button[disabled][disabled] {
    --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, .12);
    --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-filled-button-container-color: rgba(0, 0, 0, .12);
    --mdc-filled-button-label-text-color: rgba(0, 0, 0, .38)
}

.mat-mdc-raised-button.mat-unthemed {
    --mdc-protected-button-container-color: #fff;
    --mdc-protected-button-label-text-color: #000
}

.mat-mdc-raised-button.mat-primary {
    --mdc-protected-button-container-color: #3f51b5;
    --mdc-protected-button-label-text-color: #fff
}

.mat-mdc-raised-button.mat-accent {
    --mdc-protected-button-container-color: #ff4081;
    --mdc-protected-button-label-text-color: #fff
}

.mat-mdc-raised-button.mat-warn {
    --mdc-protected-button-container-color: #f44336;
    --mdc-protected-button-label-text-color: #fff
}

.mat-mdc-raised-button[disabled][disabled] {
    --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, .12);
    --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-protected-button-container-color: rgba(0, 0, 0, .12);
    --mdc-protected-button-label-text-color: rgba(0, 0, 0, .38);
    --mdc-protected-button-container-elevation: 0
}

.mat-mdc-outlined-button {
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, .12)
}

.mat-mdc-outlined-button.mat-unthemed {
    --mdc-outlined-button-label-text-color: #000
}

.mat-mdc-outlined-button.mat-primary {
    --mdc-outlined-button-label-text-color: #3f51b5
}

.mat-mdc-outlined-button.mat-accent {
    --mdc-outlined-button-label-text-color: #ff4081
}

.mat-mdc-outlined-button.mat-warn {
    --mdc-outlined-button-label-text-color: #f44336
}

.mat-mdc-outlined-button[disabled][disabled] {
    --mdc-outlined-button-label-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, .12);
    --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, .12)
}

.mat-mdc-button.mat-accent,
.mat-mdc-outlined-button.mat-accent {
    --mat-mdc-button-persistent-ripple-color: #ff4081;
    --mat-mdc-button-ripple-color: rgba(255, 64, 129, .1)
}

.mdc-button {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-button-font-size, 14px);
    line-height: var(--mdc-typography-button-line-height, 36px);
    font-weight: var(--mdc-typography-button-font-weight, 500);
    letter-spacing: var(--mdc-typography-button-letter-spacing, .0892857143em);
    -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-transform: var(--mdc-typography-button-text-transform, none)
}

.mat-mdc-icon-button.mat-accent {
    --mat-mdc-button-persistent-ripple-color: #ff4081;
    --mat-mdc-button-ripple-color: rgba(255, 64, 129, .1)
}

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

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

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

.mat-mdc-icon-button[disabled][disabled] {
    --mdc-icon-button-icon-color: rgba(0, 0, 0, .38);
    --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, .38)
}

.mat-mdc-fab.mat-unthemed,
.mat-mdc-mini-fab.mat-unthemed {
    --mdc-fab-container-color: #fff;
    --mdc-fab-icon-color: #000;
    --mat-mdc-fab-color: #000
}

.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
    --mdc-fab-container-color: #3f51b5;
    --mdc-fab-icon-color: #fff;
    --mat-mdc-fab-color: #fff
}

.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
    --mdc-fab-container-color: #ff4081;
    --mdc-fab-icon-color: #fff;
    --mat-mdc-fab-color: #fff
}

.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
    --mdc-fab-container-color: #f44336;
    --mdc-fab-icon-color: #fff;
    --mat-mdc-fab-color: #fff
}

.mat-mdc-fab[disabled][disabled],
.mat-mdc-mini-fab[disabled][disabled] {
    --mdc-fab-container-color: rgba(0, 0, 0, .12);
    --mdc-fab-icon-color: rgba(0, 0, 0, .38);
    --mat-mdc-fab-color: rgba(0, 0, 0, .38)
}

.mdc-fab--extended {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-button-font-size, 14px);
    line-height: var(--mdc-typography-button-line-height, 36px);
    font-weight: var(--mdc-typography-button-font-weight, 500);
    letter-spacing: var(--mdc-typography-button-letter-spacing, .0892857143em);
    -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-transform: var(--mdc-typography-button-text-transform, none)
}

.mat-mdc-snack-bar-container {
    --mat-mdc-snack-bar-button-color: #ff4081;
    --mdc-snackbar-container-color: #333333;
    --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, .87)
}

.mat-mdc-snack-bar-container {
    --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
    --mdc-snackbar-supporting-text-line-height: 20px;
    --mdc-snackbar-supporting-text-size: 14px;
    --mdc-snackbar-supporting-text-weight: 400
}

.mat-mdc-table {
    background: #fff
}

.mdc-data-table__content,
.mdc-data-table__cell {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body2-font-size, 14px);
    line-height: var(--mdc-typography-body2-line-height, 20px);
    font-weight: var(--mdc-typography-body2-font-weight, 400);
    letter-spacing: var(--mdc-typography-body2-letter-spacing, .0178571429em);
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: var(--mdc-typography-body2-text-transform, none)
}

.mdc-data-table__header-cell {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle2-font-size, 14px);
    line-height: var(--mdc-typography-subtitle2-line-height, 22px);
    font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
    letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);
    -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle2-text-transform, none)
}

.mat-mdc-progress-spinner {
    --mdc-circular-progress-active-indicator-color: #3f51b5
}

.mat-mdc-progress-spinner.mat-accent {
    --mdc-circular-progress-active-indicator-color: #ff4081
}

.mat-mdc-progress-spinner.mat-warn {
    --mdc-circular-progress-active-indicator-color: #f44336
}

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

.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-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-bottom-sheet-container {
    font: 400 14px/20px Roboto, sans-serif;
    letter-spacing: .0178571429em
}

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

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

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

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

.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-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-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 .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-toggle-active.mat-accent {
    color: #ff4081
}

.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-expansion-panel {
    background: #fff;
    color: #000000de
}

@media (hover: none) {
    .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
        background: #fff
    }
}

.mat-expansion-panel-header {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-expansion-panel-content {
    font: 400 14px/20px Roboto, sans-serif;
    letter-spacing: .0178571429em
}

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

.mat-icon.mat-accent {
    color: #ff4081
}

.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-step-icon-state-error {
    background-color: #0000;
    color: #f44336
}

.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: 16px
}

.mat-step-label-selected {
    font-size: 16px;
    font-weight: 400
}

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

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

.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, sans-serif;
    letter-spacing: .0125em;
    margin: 0
}

.mat-tree {
    background: #fff
}

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

.mat-tree-node,
.mat-nested-tree-node {
    font-weight: 400;
    font-size: 14px
}

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

.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
    font: 500 20px/32px Roboto, sans-serif;
    letter-spacing: .0125em;
    margin: 0 0 16px
}

.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
    font: 400 16px/28px Roboto, sans-serif;
    letter-spacing: .009375em;
    margin: 0 0 16px
}

.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
    font: 400 16px/24px Roboto, sans-serif;
    letter-spacing: .03125em;
    margin: 0 0 16px
}

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

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

.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
    font: 500 14px/22px Roboto, sans-serif;
    letter-spacing: .0071428571em
}

.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
    font: 400 14px/20px Roboto, sans-serif;
    letter-spacing: .0178571429em
}

.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 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, sans-serif;
    letter-spacing: .0333333333em
}

.mat-headline-1,
.mat-typography .mat-headline-1 {
    font: 300 96px/96px Roboto, sans-serif;
    letter-spacing: -.015625em;
    margin: 0 0 56px
}

.mat-headline-2,
.mat-typography .mat-headline-2 {
    font: 300 60px/60px Roboto, sans-serif;
    letter-spacing: -.0083333333em;
    margin: 0 0 64px
}

.mat-headline-3,
.mat-typography .mat-headline-3 {
    font: 400 48px/50px Roboto, sans-serif;
    letter-spacing: normal;
    margin: 0 0 64px
}

.mat-headline-4,
.mat-typography .mat-headline-4 {
    font: 400 34px/40px Roboto, sans-serif;
    letter-spacing: .0073529412em;
    margin: 0 0 64px
}

.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: transparent;
    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-mdc-option {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-option:hover:not(.mdc-list-item--disabled),
.mat-mdc-option:focus:not(.mdc-list-item--disabled),
.mat-mdc-option.mat-mdc-option-active,
.mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled) {
    background: rgba(0, 0, 0, .04)
}

.mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
    color: var(--mdc-theme-primary, #3f51b5)
}

.mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
    color: var(--mdc-theme-secondary, #e91e63)
}

.mat-warn .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
    color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-optgroup-label {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

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

.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,
.mat-mdc-elevation-specific.mat-elevation-z0 {
    box-shadow: 0 0 #0003, 0 0 #00000024, 0 0 #0000001f
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mat-elevation-z24,
.mat-mdc-elevation-specific.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-mdc-card {
    box-shadow: 0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f;
    --mdc-elevated-card-container-color: #fff
}

.mat-mdc-card-outlined {
    box-shadow: 0 0 #0003, 0 0 #00000024, 0 0 #0000001f;
    --mdc-outlined-card-outline-color: #e0e0e0
}

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

.mat-mdc-progress-bar {
    --mdc-linear-progress-active-indicator-color: #3f51b5
}

.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(63, 81, 181, 0.25)'/%3E%3C/svg%3E")
}

.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar {
    background-color: #3f51b540
}

.mat-mdc-progress-bar.mat-accent {
    --mdc-linear-progress-active-indicator-color: #e91e63
}

.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(233, 30, 99, 0.25)'/%3E%3C/svg%3E")
}

.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar {
    background-color: #e91e6340
}

.mat-mdc-progress-bar.mat-warn {
    --mdc-linear-progress-active-indicator-color: #f44336
}

.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(244, 67, 54, 0.25)'/%3E%3C/svg%3E")
}

.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar {
    background-color: #f4433640
}

.mat-mdc-tooltip {
    --mdc-plain-tooltip-container-color: #616161;
    --mdc-plain-tooltip-supporting-text-color: white
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #0009
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: #000000de
}

@media all {
    .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
        color: #0009
    }
}

@media all {
    .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
        color: #0009
    }
}

.mdc-text-field .mdc-text-field__input {
    caret-color: var(--mdc-theme-primary, #3f51b5)
}

.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text {
    color: #0009
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,
.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter {
    color: #0009
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading {
    color: #0000008a
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
    color: #0000008a
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix {
    color: #0009
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix {
    color: #0009
}

.mdc-text-field--filled .mdc-text-field__ripple:before,
.mdc-text-field--filled .mdc-text-field__ripple:after {
    background-color: var(--mdc-ripple-color, rgba(0, 0, 0, .87))
}

.mdc-text-field--filled:hover .mdc-text-field__ripple:before,
.mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple:before {
    opacity: var(--mdc-ripple-hover-opacity, .04)
}

.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple:before,
.mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple:before {
    opacity: var(--mdc-ripple-focus-opacity, .12)
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) {
    background-color: #f5f5f5
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:before {
    border-bottom-color: #0000006b
}

.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple:before {
    border-bottom-color: #000000de
}

.mdc-text-field--filled .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-primary, #3f51b5)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: #00000061
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #000000de
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-primary, #3f51b5)
}

.mdc-text-field--outlined .mdc-text-field__ripple:before,
.mdc-text-field--outlined .mdc-text-field__ripple:after {
    background-color: var(--mdc-ripple-color, transparent)
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #3f51b5de
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--invalid .mdc-text-field__input {
    caret-color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
    color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--disabled .mdc-text-field__input {
    color: #00000061
}

@media all {
    .mdc-text-field--disabled .mdc-text-field__input::placeholder {
        color: #00000061
    }
}

@media all {
    .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
        color: #00000061
    }
}

.mdc-text-field--disabled .mdc-floating-label {
    color: #00000061
}

.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text {
    color: #00000061
}

.mdc-text-field--disabled .mdc-text-field-character-counter,
.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter {
    color: #00000061
}

.mdc-text-field--disabled .mdc-text-field__icon--leading,
.mdc-text-field--disabled .mdc-text-field__icon--trailing {
    color: #0000004d
}

.mdc-text-field--disabled .mdc-text-field__affix--prefix,
.mdc-text-field--disabled .mdc-text-field__affix--suffix {
    color: #00000061
}

.mdc-text-field--disabled .mdc-line-ripple:before {
    border-bottom-color: #0000000f
}

.mdc-text-field--disabled .mdc-notched-outline__leading,
.mdc-text-field--disabled .mdc-notched-outline__notch,
.mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: #0000000f
}

@media screen and (forced-colors: active),
(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-text-field__input::placeholder {
        color: GrayText
    }
}

@media screen and (forced-colors: active),
(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
        color: GrayText
    }
}

@media screen and (forced-colors: active),
(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-floating-label {
        color: GrayText
    }
}

@media screen and (forced-colors: active),
(-ms-high-contrast: active) {
    .mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text {
        color: GrayText
    }
}

@media screen and (forced-colors: active),
(-ms-high-contrast: active) {

    .mdc-text-field--disabled .mdc-text-field-character-counter,
    .mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter {
        color: GrayText
    }
}

@media screen and (forced-colors: active),
(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-text-field__icon--leading {
        color: GrayText
    }
}

@media screen and (forced-colors: active),
(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-text-field__icon--trailing {
        color: GrayText
    }
}

@media screen and (forced-colors: active),
(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-text-field__affix--prefix {
        color: GrayText
    }
}

@media screen and (forced-colors: active),
(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-text-field__affix--suffix {
        color: GrayText
    }
}

@media screen and (forced-colors: active),
(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-line-ripple:before {
        border-bottom-color: GrayText
    }
}

@media screen and (forced-colors: active),
(-ms-high-contrast: active) {

    .mdc-text-field--disabled .mdc-notched-outline__leading,
    .mdc-text-field--disabled .mdc-notched-outline__notch,
    .mdc-text-field--disabled .mdc-notched-outline__trailing {
        border-color: GrayText
    }
}

.mdc-text-field--disabled.mdc-text-field--filled {
    background-color: #fafafa
}

.mat-mdc-form-field-error {
    color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field-focus-overlay {
    background-color: #000000de
}

.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay {
    opacity: .04
}

.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay {
    opacity: .12
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix:after {
    color: #0000008a
}

.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix:after {
    color: #3f51b5de
}

.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix:after {
    color: #e91e63de
}

.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix:after {
    color: #f44336de
}

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

.mat-mdc-form-field.mat-accent .mdc-text-field__input {
    caret-color: var(--mdc-theme-secondary, #e91e63)
}

.mat-mdc-form-field.mat-accent:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-secondary, #e91e63)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #e91e63de
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid .mdc-text-field__input {
    caret-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
    color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-secondary, #e91e63)
}

.mat-mdc-form-field.mat-warn .mdc-text-field__input {
    caret-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #f44336de
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid .mdc-text-field__input {
    caret-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
    color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
    border-left: 1px solid transparent
}

[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
    border-left: none;
    border-right: 1px solid transparent
}

.mat-mdc-form-field-infix {
    min-height: 56px
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    top: 28px
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    --mat-mdc-form-field-label-transform: translateY(-34.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));
    transform: var(--mat-mdc-form-field-label-transform)
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
    padding-top: 16px;
    padding-bottom: 16px
}

.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
    padding-top: 24px;
    padding-bottom: 8px
}

.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    padding-top: 16px;
    padding-bottom: 16px
}

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

.mat-mdc-select-placeholder {
    color: #0009
}

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

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

.mat-mdc-form-field.mat-focused.mat-primary .mat-mdc-select-arrow {
    color: #3f51b5de
}

.mat-mdc-form-field.mat-focused.mat-accent .mat-mdc-select-arrow {
    color: #e91e63de
}

.mat-mdc-form-field.mat-focused.mat-warn .mat-mdc-select-arrow,
.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-invalid .mat-mdc-select-arrow {
    color: #f44336de
}

.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-arrow {
    color: #00000061
}

.mat-mdc-dialog-container {
    --mdc-dialog-container-color: white;
    --mdc-dialog-with-divider-divider-color: rgba(0, 0, 0, .12);
    --mdc-dialog-subhead-color: rgba(0, 0, 0, .87);
    --mdc-dialog-supporting-text-color: rgba(0, 0, 0, .6)
}

.mat-mdc-standard-chip {
    --mdc-chip-elevated-container-color: #e0e0e0;
    --mdc-chip-elevated-disabled-container-color: #e0e0e0;
    --mdc-chip-label-text-color: #212121;
    --mdc-chip-disabled-label-text-color: #212121;
    --mdc-chip-with-icon-icon-color: #212121;
    --mdc-chip-with-icon-disabled-icon-color: #212121;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
    --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
    --mdc-chip-with-icon-selected-icon-color: #212121
}

.mat-mdc-standard-chip.mat-primary.mat-mdc-chip-selected,
.mat-mdc-standard-chip.mat-primary.mat-mdc-chip-highlighted {
    --mdc-chip-elevated-container-color: #3f51b5;
    --mdc-chip-elevated-disabled-container-color: #3f51b5;
    --mdc-chip-label-text-color: white;
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white
}

.mat-mdc-standard-chip.mat-accent.mat-mdc-chip-selected,
.mat-mdc-standard-chip.mat-accent.mat-mdc-chip-highlighted {
    --mdc-chip-elevated-container-color: #e91e63;
    --mdc-chip-elevated-disabled-container-color: #e91e63;
    --mdc-chip-label-text-color: white;
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white
}

.mat-mdc-standard-chip.mat-warn.mat-mdc-chip-selected,
.mat-mdc-standard-chip.mat-warn.mat-mdc-chip-highlighted {
    --mdc-chip-elevated-container-color: #f44336;
    --mdc-chip-elevated-disabled-container-color: #f44336;
    --mdc-chip-label-text-color: white;
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white
}

.mat-mdc-chip-focus-overlay {
    background: black
}

.mat-mdc-chip {
    height: 32px
}

.mat-mdc-slide-toggle {
    --mdc-switch-disabled-selected-handle-color: #424242;
    --mdc-switch-disabled-unselected-handle-color: #424242;
    --mdc-switch-disabled-selected-track-color: #424242;
    --mdc-switch-disabled-unselected-track-color: #424242;
    --mdc-switch-unselected-focus-state-layer-color: #424242;
    --mdc-switch-unselected-pressed-state-layer-color: #424242;
    --mdc-switch-unselected-hover-state-layer-color: #424242;
    --mdc-switch-unselected-focus-track-color: #e0e0e0;
    --mdc-switch-unselected-hover-track-color: #e0e0e0;
    --mdc-switch-unselected-pressed-track-color: #e0e0e0;
    --mdc-switch-unselected-track-color: #e0e0e0;
    --mdc-switch-unselected-focus-handle-color: #212121;
    --mdc-switch-unselected-hover-handle-color: #212121;
    --mdc-switch-unselected-pressed-handle-color: #212121;
    --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
    --mdc-switch-unselected-handle-color: #616161;
    --mdc-switch-selected-icon-color: #fff;
    --mdc-switch-disabled-selected-icon-color: #fff;
    --mdc-switch-disabled-unselected-icon-color: #fff;
    --mdc-switch-unselected-icon-color: #fff
}

.mat-mdc-slide-toggle .mdc-form-field {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-slide-toggle .mdc-switch--disabled+label {
    color: #00000061
}

.mat-mdc-slide-toggle.mat-primary {
    --mdc-switch-selected-focus-state-layer-color: #3949ab;
    --mdc-switch-selected-handle-color: #3949ab;
    --mdc-switch-selected-hover-state-layer-color: #3949ab;
    --mdc-switch-selected-pressed-state-layer-color: #3949ab;
    --mdc-switch-selected-focus-handle-color: #1a237e;
    --mdc-switch-selected-hover-handle-color: #1a237e;
    --mdc-switch-selected-pressed-handle-color: #1a237e;
    --mdc-switch-selected-focus-track-color: #7986cb;
    --mdc-switch-selected-hover-track-color: #7986cb;
    --mdc-switch-selected-pressed-track-color: #7986cb;
    --mdc-switch-selected-track-color: #7986cb
}

.mat-mdc-slide-toggle.mat-accent {
    --mdc-switch-selected-focus-state-layer-color: #d81b60;
    --mdc-switch-selected-handle-color: #d81b60;
    --mdc-switch-selected-hover-state-layer-color: #d81b60;
    --mdc-switch-selected-pressed-state-layer-color: #d81b60;
    --mdc-switch-selected-focus-handle-color: #880e4f;
    --mdc-switch-selected-hover-handle-color: #880e4f;
    --mdc-switch-selected-pressed-handle-color: #880e4f;
    --mdc-switch-selected-focus-track-color: #f06292;
    --mdc-switch-selected-hover-track-color: #f06292;
    --mdc-switch-selected-pressed-track-color: #f06292;
    --mdc-switch-selected-track-color: #f06292
}

.mat-mdc-slide-toggle.mat-warn {
    --mdc-switch-selected-focus-state-layer-color: #e53935;
    --mdc-switch-selected-handle-color: #e53935;
    --mdc-switch-selected-hover-state-layer-color: #e53935;
    --mdc-switch-selected-pressed-state-layer-color: #e53935;
    --mdc-switch-selected-focus-handle-color: #b71c1c;
    --mdc-switch-selected-hover-handle-color: #b71c1c;
    --mdc-switch-selected-pressed-handle-color: #b71c1c;
    --mdc-switch-selected-focus-track-color: #e57373;
    --mdc-switch-selected-hover-track-color: #e57373;
    --mdc-switch-selected-pressed-track-color: #e57373;
    --mdc-switch-selected-track-color: #e57373
}

.mat-mdc-slide-toggle {
    --mdc-switch-state-layer-size: 48px
}

.mat-mdc-radio-button .mdc-form-field {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-radio-button.mat-primary {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #3f51b5;
    --mdc-radio-selected-hover-icon-color: #3f51b5;
    --mdc-radio-selected-icon-color: #3f51b5;
    --mdc-radio-selected-pressed-icon-color: #3f51b5;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #3f51b5
}

.mat-mdc-radio-button.mat-primary .mdc-radio--disabled+label {
    color: #00000061
}

.mat-mdc-radio-button.mat-accent {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #e91e63;
    --mdc-radio-selected-hover-icon-color: #e91e63;
    --mdc-radio-selected-icon-color: #e91e63;
    --mdc-radio-selected-pressed-icon-color: #e91e63;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #e91e63
}

.mat-mdc-radio-button.mat-accent .mdc-radio--disabled+label {
    color: #00000061
}

.mat-mdc-radio-button.mat-warn {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #f44336;
    --mdc-radio-selected-hover-icon-color: #f44336;
    --mdc-radio-selected-icon-color: #f44336;
    --mdc-radio-selected-pressed-icon-color: #f44336;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #f44336
}

.mat-mdc-radio-button.mat-warn .mdc-radio--disabled+label {
    color: #00000061
}

.mat-mdc-radio-button .mdc-radio {
    padding: 10px
}

.mat-mdc-radio-button .mdc-radio .mdc-radio__background:before {
    top: -10px;
    left: -10px;
    width: 40px;
    height: 40px
}

.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control {
    top: 0;
    right: 0;
    left: 0;
    width: 40px;
    height: 40px
}

.mat-mdc-slider {
    --mdc-slider-label-container-color: black;
    --mdc-slider-label-label-text-color: white;
    --mdc-slider-disabled-handle-color: #000;
    --mdc-slider-disabled-active-track-color: #000;
    --mdc-slider-disabled-inactive-track-color: #000;
    --mdc-slider-with-tick-marks-disabled-container-color: #000;
    --mat-mdc-slider-value-indicator-opacity: .6
}

.mat-mdc-slider.mat-primary {
    --mdc-slider-handle-color: #3f51b5;
    --mdc-slider-focus-handle-color: #3f51b5;
    --mdc-slider-hover-handle-color: #3f51b5;
    --mdc-slider-active-track-color: #3f51b5;
    --mdc-slider-inactive-track-color: #3f51b5;
    --mdc-slider-with-tick-marks-active-container-color: #fff;
    --mdc-slider-with-tick-marks-inactive-container-color: #3f51b5;
    --mat-mdc-slider-ripple-color: #3f51b5;
    --mat-mdc-slider-hover-ripple-color: rgba(63, 81, 181, .05);
    --mat-mdc-slider-focus-ripple-color: rgba(63, 81, 181, .2)
}

.mat-mdc-slider.mat-accent {
    --mdc-slider-handle-color: #e91e63;
    --mdc-slider-focus-handle-color: #e91e63;
    --mdc-slider-hover-handle-color: #e91e63;
    --mdc-slider-active-track-color: #e91e63;
    --mdc-slider-inactive-track-color: #e91e63;
    --mdc-slider-with-tick-marks-active-container-color: #fff;
    --mdc-slider-with-tick-marks-inactive-container-color: #e91e63;
    --mat-mdc-slider-ripple-color: #e91e63;
    --mat-mdc-slider-hover-ripple-color: rgba(233, 30, 99, .05);
    --mat-mdc-slider-focus-ripple-color: rgba(233, 30, 99, .2)
}

.mat-mdc-slider.mat-warn {
    --mdc-slider-handle-color: #f44336;
    --mdc-slider-focus-handle-color: #f44336;
    --mdc-slider-hover-handle-color: #f44336;
    --mdc-slider-active-track-color: #f44336;
    --mdc-slider-inactive-track-color: #f44336;
    --mdc-slider-with-tick-marks-active-container-color: #fff;
    --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
    --mat-mdc-slider-ripple-color: #f44336;
    --mat-mdc-slider-hover-ripple-color: rgba(244, 67, 54, .05);
    --mat-mdc-slider-focus-ripple-color: rgba(244, 67, 54, .2)
}

.mdc-menu-surface {
    box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f;
    background-color: var(--mdc-theme-surface, #fff);
    color: var(--mdc-theme-on-surface, #000)
}

.mat-mdc-menu-item[disabled],
.mat-mdc-menu-item[disabled] .mat-mdc-menu-submenu-icon,
.mat-mdc-menu-item[disabled] .mat-icon-no-color {
    color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, .38))
}

.mat-mdc-menu-item .mat-icon-no-color,
.mat-mdc-menu-submenu-icon {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-menu-item:hover:not([disabled]),
.mat-mdc-menu-item.cdk-program-focused:not([disabled]),
.mat-mdc-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-mdc-menu-item-highlighted:not([disabled]) {
    background: rgba(0, 0, 0, .04)
}

.mat-mdc-list-item-interactive:before {
    background: black
}

.mat-mdc-list-item-interactive:not(:focus):not(.mdc-list-item--disabled):hover:before {
    opacity: .04
}

.mat-mdc-list-item-interactive:focus:before {
    opacity: .12
}

.mat-mdc-list-item-interactive.mdc-list-item--selected:before {
    background: #3f51b5;
    opacity: .08
}

.mat-mdc-list-item-interactive.mdc-list-item--selected:not(:focus):not(.mdc-list-item--disabled):hover:before {
    opacity: .12
}

.mdc-list-item__primary-text {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mdc-list-item__secondary-text {
    color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, .54))
}

.mdc-list-item__overline-text {
    color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, .38))
}

.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mdc-list-item--with-trailing-icon .mdc-list-item__end {
    background-color: transparent
}

.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mdc-list-item--with-trailing-icon .mdc-list-item__end {
    color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, .38))
}

.mdc-list-item__end {
    color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, .38))
}

.mdc-list-item--disabled .mdc-list-item__start,
.mdc-list-item--disabled .mdc-list-item__content,
.mdc-list-item--disabled .mdc-list-item__end {
    opacity: .38
}

.mdc-list-item--disabled .mdc-list-item__primary-text,
.mdc-list-item--disabled .mdc-list-item__secondary-text,
.mdc-list-item--disabled .mdc-list-item__overline-text,
.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end,
.mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end {
    color: var(--mdc-theme-on-surface, #000)
}

.mdc-list-item--selected .mdc-list-item__primary-text,
.mdc-list-item--activated .mdc-list-item__primary-text,
.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
    color: var(--mdc-theme-primary, #3f51b5)
}

.mdc-deprecated-list-group__subheader {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mdc-list-divider:after {
    border-bottom-color: #fff
}

.mdc-list-divider {
    background-color: #0000001f
}

.mat-mdc-list-option .mdc-list-item__start,
.mat-mdc-list-option .mdc-list-item__end {
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #3f51b5;
    --mdc-checkbox-selected-hover-icon-color: #3f51b5;
    --mdc-checkbox-selected-icon-color: #3f51b5;
    --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

.mat-mdc-list-option .mdc-list-item__start,
.mat-mdc-list-option .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #3f51b5;
    --mdc-radio-selected-hover-icon-color: #3f51b5;
    --mdc-radio-selected-icon-color: #3f51b5;
    --mdc-radio-selected-pressed-icon-color: #3f51b5;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #3f51b5
}

.mat-mdc-list-option .mdc-list-item__start .mdc-radio--disabled+label,
.mat-mdc-list-option .mdc-list-item__end .mdc-radio--disabled+label {
    color: #00000061
}

.mat-mdc-list-option.mat-accent .mdc-list-item__start,
.mat-mdc-list-option.mat-accent .mdc-list-item__end {
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #e91e63;
    --mdc-checkbox-selected-hover-icon-color: #e91e63;
    --mdc-checkbox-selected-icon-color: #e91e63;
    --mdc-checkbox-selected-pressed-icon-color: #e91e63;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

.mat-mdc-list-option.mat-accent .mdc-list-item__start,
.mat-mdc-list-option.mat-accent .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #e91e63;
    --mdc-radio-selected-hover-icon-color: #e91e63;
    --mdc-radio-selected-icon-color: #e91e63;
    --mdc-radio-selected-pressed-icon-color: #e91e63;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #e91e63
}

.mat-mdc-list-option.mat-accent .mdc-list-item__start .mdc-radio--disabled+label,
.mat-mdc-list-option.mat-accent .mdc-list-item__end .mdc-radio--disabled+label {
    color: #00000061
}

.mat-mdc-list-option.mat-warn .mdc-list-item__start,
.mat-mdc-list-option.mat-warn .mdc-list-item__end {
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #f44336;
    --mdc-checkbox-selected-hover-icon-color: #f44336;
    --mdc-checkbox-selected-icon-color: #f44336;
    --mdc-checkbox-selected-pressed-icon-color: #f44336;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

.mat-mdc-list-option.mat-warn .mdc-list-item__start,
.mat-mdc-list-option.mat-warn .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #f44336;
    --mdc-radio-selected-hover-icon-color: #f44336;
    --mdc-radio-selected-icon-color: #f44336;
    --mdc-radio-selected-pressed-icon-color: #f44336;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #f44336
}

.mat-mdc-list-option.mat-warn .mdc-list-item__start .mdc-radio--disabled+label,
.mat-mdc-list-option.mat-warn .mdc-list-item__end .mdc-radio--disabled+label {
    color: #00000061
}

.mat-mdc-list-item.mdc-list-item--with-one-line {
    height: 48px
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-radio.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-switch.mdc-list-item--with-one-line {
    height: 56px
}

.mat-mdc-list-item.mdc-list-item--with-leading-image.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-video.mdc-list-item--with-one-line {
    height: 72px
}

.mat-mdc-list-item.mdc-list-item--with-two-lines {
    height: 64px
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines {
    height: 72px
}

.mat-mdc-list-item.mdc-list-item--with-three-lines {
    height: 88px
}

.mat-mdc-list-option-with-trailing-avatar.mdc-list-item--with-one-line {
    height: 56px
}

.mat-mdc-list-option-with-trailing-avatar.mdc-list-item--with-two-lines {
    height: 72px
}

.mat-mdc-paginator {
    background: white;
    color: #000000de
}

.mat-mdc-paginator-icon {
    fill: #0000008a
}

.mat-mdc-paginator-decrement,
.mat-mdc-paginator-increment {
    border-top: 2px solid rgba(0, 0, 0, .54);
    border-right: 2px solid rgba(0, 0, 0, .54)
}

.mat-mdc-paginator-first,
.mat-mdc-paginator-last {
    border-top: 2px solid rgba(0, 0, 0, .54)
}

.mat-mdc-icon-button[disabled] .mat-mdc-paginator-decrement,
.mat-mdc-icon-button[disabled] .mat-mdc-paginator-increment,
.mat-mdc-icon-button[disabled] .mat-mdc-paginator-first,
.mat-mdc-icon-button[disabled] .mat-mdc-paginator-last {
    border-color: #0000001f
}

.mat-mdc-icon-button[disabled] .mat-mdc-paginator-icon {
    fill: #0000001f
}

.mat-mdc-paginator .mat-mdc-form-field-infix {
    min-height: 40px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    top: 20px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    --mat-mdc-form-field-label-transform: translateY(-26.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));
    transform: var(--mat-mdc-form-field-label-transform)
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
    display: none
}

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

.mat-mdc-tab,
.mat-mdc-tab-link {
    background-color: transparent
}

.mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab__text-label,
.mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab__text-label {
    color: #0009
}

.mat-mdc-tab.mat-mdc-tab-disabled .mdc-tab__ripple:before,
.mat-mdc-tab.mat-mdc-tab-disabled .mat-ripple-element,
.mat-mdc-tab-link.mat-mdc-tab-disabled .mdc-tab__ripple:before,
.mat-mdc-tab-link.mat-mdc-tab-disabled .mat-ripple-element {
    background-color: #00000061
}

.mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,
.mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
    color: #3f51b5
}

.mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,
.mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline {
    border-color: var(--mdc-tab-indicator-active-indicator-color, #3f51b5)
}

.mdc-tab__ripple:before,
.mat-mdc-tab .mat-ripple-element,
.mat-mdc-tab-header-pagination .mat-ripple-element,
.mat-mdc-tab-link .mat-ripple-element {
    background-color: #3f51b5
}

.mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,
.mat-mdc-tab-group.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,
.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,
.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
    color: #e91e63
}

.mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,
.mat-mdc-tab-group.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,
.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,
.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline {
    border-color: var(--mdc-tab-indicator-active-indicator-color, #e91e63)
}

.mat-mdc-tab-group.mat-accent .mdc-tab__ripple:before,
.mat-mdc-tab-group.mat-accent .mat-mdc-tab .mat-ripple-element,
.mat-mdc-tab-group.mat-accent .mat-mdc-tab-header-pagination .mat-ripple-element,
.mat-mdc-tab-group.mat-accent .mat-mdc-tab-link .mat-ripple-element,
.mat-mdc-tab-nav-bar.mat-accent .mdc-tab__ripple:before,
.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab .mat-ripple-element,
.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-header-pagination .mat-ripple-element,
.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link .mat-ripple-element {
    background-color: #e91e63
}

.mat-mdc-tab-group.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,
.mat-mdc-tab-group.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,
.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,
.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
    color: #f44336
}

.mat-mdc-tab-group.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,
.mat-mdc-tab-group.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,
.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,
.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline {
    border-color: var(--mdc-tab-indicator-active-indicator-color, #f44336)
}

.mat-mdc-tab-group.mat-warn .mdc-tab__ripple:before,
.mat-mdc-tab-group.mat-warn .mat-mdc-tab .mat-ripple-element,
.mat-mdc-tab-group.mat-warn .mat-mdc-tab-header-pagination .mat-ripple-element,
.mat-mdc-tab-group.mat-warn .mat-mdc-tab-link .mat-ripple-element,
.mat-mdc-tab-nav-bar.mat-warn .mdc-tab__ripple:before,
.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab .mat-ripple-element,
.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-header-pagination .mat-ripple-element,
.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link .mat-ripple-element {
    background-color: #f44336
}

.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
    --mat-mdc-tab-header-with-background-background-color: #3f51b5;
    --mat-mdc-tab-header-with-background-foreground-color: #fff
}

.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
    --mat-mdc-tab-header-with-background-background-color: #e91e63;
    --mat-mdc-tab-header-with-background-foreground-color: #fff
}

.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
    --mat-mdc-tab-header-with-background-background-color: #f44336;
    --mat-mdc-tab-header-with-background-foreground-color: #fff
}

.mat-mdc-tab-header-pagination-chevron {
    border-color: var(--mdc-theme-on-surface, #000)
}

.mat-mdc-tab-header .mdc-tab {
    height: 48px
}

.mat-mdc-checkbox .mdc-form-field {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

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

.mat-mdc-checkbox .mdc-checkbox__ripple {
    background: #000
}

.mat-mdc-checkbox.mat-primary {
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #3f51b5;
    --mdc-checkbox-selected-hover-icon-color: #3f51b5;
    --mdc-checkbox-selected-icon-color: #3f51b5;
    --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

.mat-mdc-checkbox.mat-primary .mdc-checkbox--selected~.mat-mdc-checkbox-ripple .mat-ripple-element {
    background-color: #3f51b51a
}

.mat-mdc-checkbox.mat-primary .mdc-checkbox--selected~.mdc-checkbox__ripple {
    background: #3f51b5
}

.mat-mdc-checkbox.mat-accent {
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #e91e63;
    --mdc-checkbox-selected-hover-icon-color: #e91e63;
    --mdc-checkbox-selected-icon-color: #e91e63;
    --mdc-checkbox-selected-pressed-icon-color: #e91e63;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

.mat-mdc-checkbox.mat-accent .mdc-checkbox--selected~.mat-mdc-checkbox-ripple .mat-ripple-element {
    background-color: #e91e631a
}

.mat-mdc-checkbox.mat-accent .mdc-checkbox--selected~.mdc-checkbox__ripple {
    background: #e91e63
}

.mat-mdc-checkbox.mat-warn {
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #f44336;
    --mdc-checkbox-selected-hover-icon-color: #f44336;
    --mdc-checkbox-selected-icon-color: #f44336;
    --mdc-checkbox-selected-pressed-icon-color: #f44336;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

.mat-mdc-checkbox.mat-warn .mdc-checkbox--selected~.mat-mdc-checkbox-ripple .mat-ripple-element {
    background-color: #f443361a
}

.mat-mdc-checkbox.mat-warn .mdc-checkbox--selected~.mdc-checkbox__ripple {
    background: #f44336
}

.mat-mdc-checkbox-disabled label {
    color: #00000061
}

.mat-mdc-checkbox .mdc-checkbox {
    padding: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);
    margin: calc((var(--mdc-checkbox-touch-target-size, 40px) - 40px) / 2)
}

.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__background {
    top: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);
    left: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2)
}

.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control {
    top: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
    right: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
    left: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
    width: var(--mdc-checkbox-touch-target-size, 40px);
    height: var(--mdc-checkbox-touch-target-size, 40px)
}

.mat-mdc-button.mat-unthemed {
    --mdc-text-button-label-text-color: #000
}

.mat-mdc-button.mat-primary {
    --mdc-text-button-label-text-color: #3f51b5
}

.mat-mdc-button.mat-accent {
    --mdc-text-button-label-text-color: #e91e63
}

.mat-mdc-button.mat-warn {
    --mdc-text-button-label-text-color: #f44336
}

.mat-mdc-button[disabled][disabled] {
    --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-text-button-label-text-color: rgba(0, 0, 0, .38)
}

.mat-mdc-unelevated-button.mat-unthemed {
    --mdc-filled-button-container-color: #fff;
    --mdc-filled-button-label-text-color: #000
}

.mat-mdc-unelevated-button.mat-primary {
    --mdc-filled-button-container-color: #3f51b5;
    --mdc-filled-button-label-text-color: #fff
}

.mat-mdc-unelevated-button.mat-accent {
    --mdc-filled-button-container-color: #e91e63;
    --mdc-filled-button-label-text-color: #fff
}

.mat-mdc-unelevated-button.mat-warn {
    --mdc-filled-button-container-color: #f44336;
    --mdc-filled-button-label-text-color: #fff
}

.mat-mdc-unelevated-button[disabled][disabled] {
    --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, .12);
    --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-filled-button-container-color: rgba(0, 0, 0, .12);
    --mdc-filled-button-label-text-color: rgba(0, 0, 0, .38)
}

.mat-mdc-raised-button.mat-unthemed {
    --mdc-protected-button-container-color: #fff;
    --mdc-protected-button-label-text-color: #000
}

.mat-mdc-raised-button.mat-primary {
    --mdc-protected-button-container-color: #3f51b5;
    --mdc-protected-button-label-text-color: #fff
}

.mat-mdc-raised-button.mat-accent {
    --mdc-protected-button-container-color: #e91e63;
    --mdc-protected-button-label-text-color: #fff
}

.mat-mdc-raised-button.mat-warn {
    --mdc-protected-button-container-color: #f44336;
    --mdc-protected-button-label-text-color: #fff
}

.mat-mdc-raised-button[disabled][disabled] {
    --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, .12);
    --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-protected-button-container-color: rgba(0, 0, 0, .12);
    --mdc-protected-button-label-text-color: rgba(0, 0, 0, .38);
    --mdc-protected-button-container-elevation: 0
}

.mat-mdc-outlined-button {
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, .12)
}

.mat-mdc-outlined-button.mat-unthemed {
    --mdc-outlined-button-label-text-color: #000
}

.mat-mdc-outlined-button.mat-primary {
    --mdc-outlined-button-label-text-color: #3f51b5
}

.mat-mdc-outlined-button.mat-accent {
    --mdc-outlined-button-label-text-color: #e91e63
}

.mat-mdc-outlined-button.mat-warn {
    --mdc-outlined-button-label-text-color: #f44336
}

.mat-mdc-outlined-button[disabled][disabled] {
    --mdc-outlined-button-label-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, .12);
    --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, .12)
}

.mat-mdc-button,
.mat-mdc-outlined-button {
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
}

.mat-mdc-button:hover .mat-mdc-button-persistent-ripple:before,
.mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple:before {
    opacity: .04
}

.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,
.mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,
.mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,
.mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-button:active .mat-mdc-button-persistent-ripple:before,
.mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-button.mat-primary,
.mat-mdc-outlined-button.mat-primary {
    --mat-mdc-button-persistent-ripple-color: #3f51b5;
    --mat-mdc-button-ripple-color: rgba(63, 81, 181, .1)
}

.mat-mdc-button.mat-accent,
.mat-mdc-outlined-button.mat-accent {
    --mat-mdc-button-persistent-ripple-color: #e91e63;
    --mat-mdc-button-ripple-color: rgba(233, 30, 99, .1)
}

.mat-mdc-button.mat-warn,
.mat-mdc-outlined-button.mat-warn {
    --mat-mdc-button-persistent-ripple-color: #f44336;
    --mat-mdc-button-ripple-color: rgba(244, 67, 54, .1)
}

.mat-mdc-raised-button,
.mat-mdc-unelevated-button {
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
}

.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple:before,
.mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple:before {
    opacity: .04
}

.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,
.mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,
.mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,
.mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple:before,
.mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-raised-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn {
    --mat-mdc-button-persistent-ripple-color: #fff;
    --mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-button.mat-mdc-button-base,
.mat-mdc-raised-button.mat-mdc-button-base,
.mat-mdc-unelevated-button.mat-mdc-button-base,
.mat-mdc-outlined-button.mat-mdc-button-base {
    height: 36px
}

.mat-mdc-icon-button {
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
}

.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple:before {
    opacity: .04
}

.mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,
.mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-icon-button.mat-primary {
    --mat-mdc-button-persistent-ripple-color: #3f51b5;
    --mat-mdc-button-ripple-color: rgba(63, 81, 181, .1)
}

.mat-mdc-icon-button.mat-accent {
    --mat-mdc-button-persistent-ripple-color: #e91e63;
    --mat-mdc-button-ripple-color: rgba(233, 30, 99, .1)
}

.mat-mdc-icon-button.mat-warn {
    --mat-mdc-button-persistent-ripple-color: #f44336;
    --mat-mdc-button-ripple-color: rgba(244, 67, 54, .1)
}

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

.mat-mdc-icon-button.mat-accent {
    --mdc-icon-button-icon-color: #e91e63
}

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

.mat-mdc-icon-button[disabled][disabled] {
    --mdc-icon-button-icon-color: rgba(0, 0, 0, .38);
    --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, .38)
}

.mat-mdc-icon-button.mat-mdc-button-base {
    width: 48px;
    height: 48px;
    padding: 12px
}

.mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__focus-ring {
    max-height: 48px;
    max-width: 48px
}

.mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__ripple {
    width: 40px;
    height: 40px;
    margin: 4px
}

.mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__focus-ring {
    max-height: 40px;
    max-width: 40px
}

.mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__touch {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 50%;
    width: 48px;
    transform: translate(-50%, -50%)
}

.mat-mdc-fab,
.mat-mdc-mini-fab {
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
}

.mat-mdc-fab:hover .mat-mdc-button-persistent-ripple:before,
.mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple:before {
    opacity: .04
}

.mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple:before,
.mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,
.mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple:before,
.mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-fab:active .mat-mdc-button-persistent-ripple:before,
.mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary,
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent,
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
    --mat-mdc-button-persistent-ripple-color: #fff;
    --mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-fab.mat-unthemed,
.mat-mdc-mini-fab.mat-unthemed {
    --mdc-fab-container-color: #fff;
    --mdc-fab-icon-color: #000;
    --mat-mdc-fab-color: #000
}

.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
    --mdc-fab-container-color: #3f51b5;
    --mdc-fab-icon-color: #fff;
    --mat-mdc-fab-color: #fff
}

.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
    --mdc-fab-container-color: #e91e63;
    --mdc-fab-icon-color: #fff;
    --mat-mdc-fab-color: #fff
}

.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
    --mdc-fab-container-color: #f44336;
    --mdc-fab-icon-color: #fff;
    --mat-mdc-fab-color: #fff
}

.mat-mdc-fab[disabled][disabled],
.mat-mdc-mini-fab[disabled][disabled] {
    --mdc-fab-container-color: rgba(0, 0, 0, .12);
    --mdc-fab-icon-color: rgba(0, 0, 0, .38);
    --mat-mdc-fab-color: rgba(0, 0, 0, .38)
}

.mat-mdc-snack-bar-container {
    --mat-mdc-snack-bar-button-color: #e91e63;
    --mdc-snackbar-container-color: #333333;
    --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, .87)
}

.mdc-data-table {
    background-color: var(--mdc-theme-surface, #fff);
    border-color: #0000001f
}

.mdc-data-table__row {
    background-color: inherit
}

.mdc-data-table__header-cell {
    background-color: var(--mdc-theme-surface, #fff)
}

.mdc-data-table__row--selected {
    background-color: #3f51b50a
}

.mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
.mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
.mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
    border-color: #0000001f
}

.mdc-data-table__cell,
.mdc-data-table__header-cell {
    border-bottom-color: #0000001f
}

.mdc-data-table__pagination {
    border-top-color: #0000001f
}

.mdc-data-table__row:not(.mdc-data-table__row--selected):hover {
    background-color: #0000000a
}

.mdc-data-table__header-cell,
.mdc-data-table__pagination-total,
.mdc-data-table__pagination-rows-per-page-label,
.mdc-data-table__cell {
    color: #000000de
}

.mat-mdc-table {
    background: white
}

.mat-mdc-table .mdc-data-table__row {
    height: 52px
}

.mat-mdc-table .mdc-data-table__pagination {
    min-height: 52px
}

.mat-mdc-table .mdc-data-table__header-row {
    height: 56px
}

.mat-mdc-progress-spinner {
    --mdc-circular-progress-active-indicator-color: #3f51b5
}

.mat-mdc-progress-spinner.mat-accent {
    --mdc-circular-progress-active-indicator-color: #e91e63
}

.mat-mdc-progress-spinner.mat-warn {
    --mdc-circular-progress-active-indicator-color: #f44336
}

.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: #e91e63;
    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: white;
    color: #000000de
}

.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-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(233, 30, 99, .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(233, 30, 99, .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(233, 30, 99, .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: #e91e63;
    color: #fff
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: #e91e6366
}

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

@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: #e91e634d
    }
}

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

.mat-datepicker-toggle-active.mat-warn {
    color: #f44336
}

.mat-date-range-input-inner[disabled] {
    color: #00000061
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
    width: 40px;
    height: 40px;
    padding: 8px
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__focus-ring {
    max-height: 40px;
    max-width: 40px
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__ripple {
    width: 40px;
    height: 40px;
    margin: 0
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__focus-ring {
    max-height: 40px;
    max-width: 40px
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__touch {
    position: absolute;
    top: 50%;
    height: 40px;
    left: 50%;
    width: 40px;
    transform: translate(-50%, -50%)
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
    display: none
}

.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-icon.mat-primary {
    color: #3f51b5
}

.mat-icon.mat-accent {
    color: #e91e63
}

.mat-icon.mat-warn {
    color: #f44336
}

.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-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: #e91e63;
    color: #fff
}

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

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

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

.mat-step-header .mat-step-label.mat-step-label-active {
    color: #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-toolbar {
    background: whitesmoke;
    color: #000000de
}

.mat-toolbar.mat-primary {
    background: #3f51b5;
    color: #fff
}

.mat-toolbar.mat-accent {
    background: #e91e63;
    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-tree {
    background: white
}

.mat-tree-node,
.mat-nested-tree-node {
    color: #000000de
}

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

html {
    --mat-focus-indicator-border-color: #3f51b5
}

html {
    --mat-mdc-focus-indicator-border-color: #3f51b5
}

.toast-center-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

.toast-title {
    font-weight: 700
}

.toast-message {
    word-wrap: break-word
}

.toast-message a,
.toast-message label {
    color: #fff
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 0 #ffffff
}

.toast-close-button:hover,
.toast-close-button:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0
}

.toast-container {
    pointer-events: none;
    position: fixed;
    z-index: 999999
}

.toast-container * {
    box-sizing: border-box
}

.toast-container .ngx-toastr {
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 24px;
    box-shadow: 0 0 12px #999;
    color: #fff
}

.toast-container .ngx-toastr:hover {
    box-shadow: 0 0 12px #000;
    opacity: 1;
    cursor: pointer
}

.toast-info {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+)
}

.toast-error {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+)
}

.toast-success {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==)
}

.toast-warning {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==)
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

.ngx-toastr {
    background-color: #030303;
    pointer-events: auto
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4
}

@media all and (max-width: 240px) {
    .toast-container .ngx-toastr.div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    .toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    .toast-container .ngx-toastr.div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    .toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    .toast-container .ngx-toastr.div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
navMain ul,
navMain li,
fieldset,
form,
label,
legend,
caption,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
navMain,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
navMain,
section {
    display: block
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: ""
}

a {
    text-decoration: none
}

.txt-rt {
    text-align: right
}

.txt-lt {
    text-align: left
}

.txt-center {
    text-align: center
}

.float-rt {
    float: right
}

.float-lt {
    float: left
}

.clear {
    clear: both
}

.pos-relative {
    position: relative
}

.pos-absolute {
    position: absolute
}

.vertical-base {
    vertical-align: baseline
}

.vertical-top {
    vertical-align: top
}

navMain.vertical ul li {
    display: block
}

navMain.horizontal ul li {
    display: inline-block
}

img {
    max-width: 100%
}

body {
    font-family: Arial, Helvetica, sans-serif;
    background: #E9E9E9
}

.wrap {
    width: 95%;
    margin: 5 auto
}

.header {
    margin-top: 1em
}

.header-left {
    float: none;
    width: 100%
}

.header_middle {
    float: none;
    margin: 0;
    width: 100%
}

.header-right {
    float: left;
    width: 100%
}

.top-left-grid {
    background: #2da5da
}

.header-left-bottom {
    margin-top: 10px
}

.navigation {
    float: left;
    margin: 8px 5px 6px
}

.menu {
    background: transparent
}

.navMain li a {
    display: block;
    font-size: .8em;
    padding: 8px 10px;
    border-top: 1px solid #0c07a5;
    text-transform: uppercase;
    color: #24476c
}

.navMain li:first-child a {
    border-top: none
}

.navMain li a:hover,
.navMain li.active a {
    border: 1px solid #2F5C94;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
    color: #fff;
    font-weight: 700;
    background: #52b5e1
}

.navMain li a:hover,
.navMain li.activeRate a {
    border: 1px solid #000;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
    color: #fff;
    font-weight: 700;
    background: #87bb33
}

.price-btn {
    color: #fff;
    display: block;
    padding: .5em 0;
    font-size: 1em;
    background: #00FFFF;
    border: 1px solid #000
}

.price-btn:hover {
    color: #59b7e6
}

.FontText {
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    line-height: 20px;
    font-weight: 700
}

.FontTextBlue {
    color: #000;
    border: none;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    font-weight: 700
}

.FontTextWhite {
    color: #fff;
    border: none;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    font-weight: 700
}

.FontTextWhite10px {
    color: #fff;
    border: none;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-weight: 700;
    horiz-align: center;
    vertical-align: middle
}

.FontTextWhite10px {
    color: #fff;
    border: none;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-weight: 700;
    vertical-align: middle
}

.FontTextBlack10px {
    color: #000;
    border: none;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-weight: 700;
    vertical-align: middle
}

.ButtonL,
.ButtonNRun {
    background-repeat: no-repeat;
    background-position: 3px 3px;
    background-color: transparent;
    border: 0px solid;
    color: red;
    border-color: #696 #363 #363 #696;
    height: 30px;
    width: 60px;
    text-align: center;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700
}

.ButtonNRate {
    background-color: transparent;
    border: 0px solid;
    color: red;
    height: 15px;
    width: 40px;
    text-align: center !important;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700
}

.ButtonYRun {
    background-repeat: no-repeat;
    background-position: 3px 3px;
    background-color: transparent;
    border: 0px solid;
    color: #009;
    border-color: #696 #363 #363 #696;
    height: 30px;
    width: 60px;
    text-align: center;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700
}

.ButtonYRate {
    background-repeat: no-repeat;
    background-position: 3px 3px;
    background-color: transparent;
    border: 0px solid;
    color: #009;
    border-color: #696 #363 #363 #696;
    height: 15px;
    width: 40px;
    text-align: center;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700
}

.profile-details {
    float: left;
    width: 100%;
    margin-right: 3%;
    background: #FFF
}

.TeamName {
    background: #FF0266;
    padding: .3em 0;
    border-top: 1px solid #FC3;
    text-align: center;
    border-radius: 7px 7px 0 0;
    font-weight: 700;
    font-size: 1.1em
}

.TeamName a {
    font-size: .85em;
    color: #fff;
    text-transform: uppercase;
    display: inline-block
}

.GameList {
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: .8em;
    line-height: 22px;
    font-weight: 700
}

.toast-container .ngx-toastr {
    border-radius: 16px;
    border: 1px solid rgba(132, 205, 255, .42);
    box-shadow: 0 18px 42px #08162d47;
    font-family: inherit;
    padding: 16px 18px 16px 64px;
    background-image: none !important;
    color: #eef7ff
}

.toast-container .toast-info {
    background: linear-gradient(135deg, #2e5ea8 0%, #329bd0 100%)
}

.toast-container .toast-message {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    color: #f7fbff;
    margin: 0
}

.toast-container .toast-close-button {
    color: #ffffffeb;
    opacity: 1
}

.toast-container .toast-info:before {
    content: "i";
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, .95);
    color: #2f73b7;
    font-size: 19px;
    font-weight: 800;
    font-family: Georgia, serif
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-container .market-toast {
    width: 360px;
    max-width: calc(100vw - 24px);
    min-height: 0;
    display: flex;
    align-items: center
}

button.btn-red {
    background-color: #e91e63 !important;
}

.checkBoxClass {
    -webkit-tap-highlight-color: transparent;
    align-items: self-start;
    margin-top: -15px;
    margin-bottom: 10px;
    margin-left: -8px;
    display: flex;
}

.theme-banner-tile--1ex247 img {
    width: 80%;
}

:root {
    --header-bg: linear-gradient(90deg, #214fa0 0%, #2f8fcb 100%);
    --header-height: 70px;
    --header-text: #ffffff;
    --marquee-bg: linear-gradient(90deg, #0f2c4f 0%, #173b63 100%);
    --marquee-text: #ffffff;
}



.one {
    body {
        background-color: #e9e9e9;
        font-family: Arial, Helvetica, sans-serif
    }

    .modal {
        display: none;
        position: fixed;
        z-index: 9999;
        inset: 0;
        padding: 18px 10px;
        overflow: auto;
        background-color: #071b346b;
        align-items: flex-start;
        justify-content: center
    }

    .modal-content {
        position: relative;
        background: linear-gradient(180deg, #ffffff 0%, #f5f9fe 100%);
        margin: 72px auto 0;
        padding: 0;
        border: 1px solid rgba(113, 189, 241, .42);
        width: min(520px, 100% - 20px);
        border-radius: 18px;
        overflow: hidden;
        box-shadow: 0 18px 44px #0a203d3d
    }

    .close {
        position: absolute;
        top: 12px;
        right: 12px;
        width: 38px;
        height: 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        border: 1px solid rgba(255, 255, 255, .24);
        border-radius: 999px;
        background: rgba(255, 255, 255, .14);
        color: #fff;
        font-size: 28px;
        font-weight: 700;
        line-height: 1;
        transition: background .2s ease, transform .2s ease
    }

    .close:hover,
    .close:focus {
        color: #fff;
        background: rgba(255, 255, 255, .24);
        cursor: pointer;
        transform: scale(1.02)
    }

    .modal-header {
        padding: 40px 20px 28px;
        background: linear-gradient(90deg, #285aa8 0%, #3897cd 100%);
        color: #fff;
        text-align: center
    }

    .modal-header__eyebrow {
        margin-bottom: 12px;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 1.7rem;
        font-weight: 700
    }

    .modal-header__title {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 2.3rem;
        font-weight: 800;
        letter-spacing: .02em
    }

    .modal-body {
        padding: 22px 20px;
        background: #fff
    }

    .modal-body__message {
        color: #183454;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 1.05rem;
        font-weight: 700;
        line-height: 1.5
    }

    .modal-footer {
        padding: 18px 20px 20px;
        background: linear-gradient(90deg, #285aa8 0%, #3897cd 100%);
        color: #fff
    }

    .modal-footer__text {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 1rem;
        font-weight: 700
    }

    .tc-page {
        min-height: 100vh;
        padding: 16px 10px 24px;
        background: #e9e9e9
    }

    .tc-page__content {
        max-width: 860px;
        margin: 0 auto
    }

    .tc-card {
        background: rgba(255, 255, 255, .88);
        border: 1px solid rgba(113, 189, 241, .42);
        border-radius: 18px;
        overflow: hidden;
        box-shadow: 0 14px 28px #163f7014;
        margin-bottom: 6px
    }

    .tc-card__heading {
        padding: 12px 16px;
        text-align: center;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 1.08rem;
        font-weight: 700;
        color: #fff;
        background: linear-gradient(90deg, #285aa8 0%, #3897cd 100%)
    }

    .tc-card__body {
        padding: 18px 16px 14px;
        background: #fff
    }

    .tc-list {
        display: grid;
        gap: 12px
    }

    .tc-item {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 10px;
        padding: 12px 14px;
        background: #f8fbff;
        border: 1px solid rgba(211, 225, 237, .95);
        border-radius: 14px
    }

    .tc-item__index {
        font-weight: 700;
        color: #285aa8
    }

    .tc-item__text {
        color: #0b2140;
        font-family: Verdana, Geneva, sans-serif;
        font-size: .92rem;
        line-height: 1.45
    }

    .tc-page__continue {
        margin: 2px auto 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 42px;
        max-width: 220px;
        text-decoration: none;
        font-weight: 700;
        color: #fff;
        background: linear-gradient(90deg, #285aa8 0%, #3897cd 100%);
        border: 1px solid rgba(24, 71, 131, .75);
        border-radius: 999px;
        box-shadow: 0 8px 18px #1f58972e
    }

    .tc-page__continue--bottom {
        margin-top: 10px
    }

    .tc-page__copyright {
        margin: 0 auto;
        width: -moz-fit-content;
        width: fit-content;
        padding: 8px 14px 10px;
        text-align: center;
        color: #203a5c;
        font-family: Verdana, Geneva, sans-serif;
        font-size: .84rem;
        font-weight: 700;
        letter-spacing: .01em;
        background: rgba(255, 255, 255, .86);
        border: 1px solid rgba(113, 189, 241, .28);
        border-radius: 999px;
        box-shadow: 0 8px 18px #163f7014
    }

    @media screen and (max-width: 600px) {
        .modal-content {
            width: 100%;
            margin-top: 56px
        }

        .modal-header {
            padding: 34px 16px 22px
        }

        .modal-header__eyebrow {
            margin-bottom: 10px;
            font-size: 1.45rem
        }

        .modal-header__title {
            font-size: 2rem
        }

        .modal-body {
            padding: 18px 16px
        }

        .modal-body__message {
            font-size: .95rem
        }

        .modal-footer {
            padding: 14px 16px 18px
        }

        .tc-page {
            padding: 12px 8px 14px
        }

        .tc-card__body {
            padding: 14px 12px 10px
        }

        .tc-page__continue {
            margin-top: 0;
            margin-bottom: 4px
        }

        .tc-page__continue--bottom {
            margin-top: 8px
        }

        .tc-page__copyright {
            padding: 7px 12px 9px;
            font-size: .78rem
        }
    }

    @media screen and (max-width: 600px) {
        .modal-header {
            padding: 34px 16px 22px;
            display: inline;
        }
    }

    .modal-header__eyebrow {
        margin-bottom: -3px;
        font-size: 1.45rem;
        margin-top: 19px;
    }
}

.one-x247-body {
    :root {
        --header-bg: linear-gradient(90deg, #214fa0 0%, #2f8fcb 100%);
        --header-height: 70px;
        --header-text: #ffffff;
        --marquee-bg: linear-gradient(90deg, #0f2c4f 0%, #173b63 100%);
        --marquee-text: #ffffff
    }


    .client-main-header {
        width: 100%;
        background: var(--header-bg);
        color: var(--header-text);
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 6px 10px;
        min-height: 58px;
        box-shadow: inset 0 -1px #ffffff14
    }

    .client-header-left {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 0;
        flex-shrink: 0;
        min-height: 44px
    }

    .client-headerlogo {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        overflow: hidden;
        background: rgba(255, 255, 255, .14);
        border: 1px solid rgba(255, 255, 255, .18);
        flex-shrink: 0;
        cursor: pointer
    }

    .client-headerlogo-img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .client-header-identity {
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 2px
    }

    .client-identity-label {
        font-size: 10px;
        line-height: 1;
        letter-spacing: .08em;
        text-transform: uppercase;
        color: #ffffffb8
    }

    .client-identity-name {
        font-size: 15px;
        line-height: 1.15;
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 180px
    }

    .down-icon {
        font-size: 12px;
        transition: transform .25s ease
    }

    .down-icon.open {
        transform: rotate(180deg)
    }

    .client-top-nav {
        display: flex;
        gap: 6px;
        flex: 0 1 auto;
        margin-left: auto;
        justify-content: flex-end;
        align-items: center;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 0;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .client-top-nav::-webkit-scrollbar {
        display: none
    }

    .user-stat {
        flex: 0 0 110px;
        min-width: 110px;
        border-radius: 10px;
        min-height: 52px;
        padding: 5px 8px;
        background: rgba(255, 255, 255, .1);
        border: 1px solid rgba(255, 255, 255, .1);
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 2px
    }

    .stat-label {
        font-size: 10px;
        line-height: 1;
        text-transform: uppercase;
        letter-spacing: .05em;
        color: #ffffffb8
    }

    .stat-value {
        font-size: 15px;
        line-height: 1.1;
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .exposure {
        background: linear-gradient(180deg, #f7fbff 0%, #dff1ff 100%);
        color: #12355c;
        cursor: pointer;
        border-color: #7bcbfff2;
        box-shadow: inset 0 1px #ffffffb3, 0 4px 12px #0a203b2e;
        transition: transform .15s ease, box-shadow .15s ease, background .15s ease
    }

    .exposure .stat-label {
        color: #12355c9e
    }

    .exposure:hover {
        background: linear-gradient(180deg, #ffffff 0%, #e8f6ff 100%);
        box-shadow: inset 0 1px #ffffffd9, 0 6px 14px #0a203b38;
        transform: translateY(-1px)
    }

    .account-stat {
        position: relative;
        cursor: pointer;
        padding-right: 28px;
        align-items: center;
        justify-content: center
    }

    .menu-fab {
        width: 44px;
        min-width: 44px;
        height: 44px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .12);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
        cursor: pointer;
        flex-shrink: 0
    }

    .menu-fab-avatar {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        object-fit: cover
    }

    .account-value {
        font-size: 15px;
        line-height: 1.1;
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: flex;
        align-items: center;
        min-height: 100%;
        margin-left: -8px;
    }

    .account-stat .down-icon {
        position: absolute;
        right: 5px;
        top: 50%;
        bottom: auto;
        transform: translateY(-50%)
    }

    .menu-fab .down-icon {
        position: static;
        font-size: 10px
    }

    .profile-dropdown {
        position: fixed;
        top: calc(var(--header-height) + 6px);
        right: 12px;
        width: 220px;
        background: linear-gradient(180deg, #153356 0%, #0f2744 100%);
        color: #f2f8ff;
        border-radius: 12px;
        border: 1px solid rgba(115, 186, 231, .22);
        box-shadow: 0 14px 28px #07162747;
        z-index: 1000;
        padding: 0;
        animation: dropIn .18s ease;
        overflow: hidden
    }

    @keyframes dropIn {
        0% {
            opacity: 0;
            transform: translateY(-6px)
        }

        to {
            opacity: 1;
            transform: translateY(0)
        }
    }

    .profile-name {
        font-size: 15px;
        font-weight: 600;
        color: #f2f8ff;
        min-width: 0;
        flex: 0 1 auto;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .profile-row {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        padding: 12px 10px;
        cursor: pointer;
        border-bottom: 1px solid rgba(115, 186, 231, .14);
        min-width: 0
    }

    .profile-row i {
        color: #b9ddf7;
        width: 20px;
        min-width: 20px;
        flex: 0 0 20px;
        text-align: center;
        font-size: 18px
    }

    .profile-row:hover {
        background: linear-gradient(90deg, #214fa0 0%, #2f8fcb 100%)
    }

    .profile-row:hover i,
    .profile-row:hover .profile-name {
        color: #fff
    }

    .marquee-container {
        width: 100%;
        overflow: hidden;
        background: linear-gradient(90deg, #17365b 0%, #1d4776 45%, #13365e 100%);
        color: var(--marquee-text);
        min-height: 34px;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 0 12px;
        border-top: 1px solid rgba(255, 255, 255, .08);
        border-bottom: 1px solid rgba(255, 214, 102, .28);
        box-shadow: inset 0 -1px #ffffff0d, 0 4px 14px #0715282e
    }

    .marquee-badge_ {
        flex: 0 0 auto;
        min-width: 52px;
        height: 22px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 10px;
        border-radius: 999px;
        background: linear-gradient(90deg, #ffd54f 0%, #ffb300 100%);
        color: #112d4d;
        font-size: 11px;
        font-weight: 800;
        letter-spacing: .08em;
        text-transform: uppercase;
        box-shadow: 0 4px 12px #ffc10747
    }

    .marquee-track_ {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden
    }

    .marquee-text {
        white-space: nowrap;
        display: inline-block;
        padding-left: 100%;
        animation: marqueeMove 30s linear infinite;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: .02em;
        color: #fff7d6;
        text-shadow: 0 0 10px rgba(255, 214, 102, .18)
    }

    .main-page {
        min-height: 100vh;
        background: #e9e9e9
    }

    .main-page__content {
        padding: 18px 14px 28px
    }

    .main-page__grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 16px;
        padding: 18px 14px 22px;
        background: rgba(255, 255, 255, .82);
        border: 1px solid rgba(120, 196, 244, .5);
        border-radius: 18px;
        box-shadow: 0 12px 28px #143c6e14
    }

    .main-page__card {
        min-height: 168px;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 14px;
        text-decoration: none;
        color: #0b2140;
        background: linear-gradient(180deg, #ffffff 0%, #f3f8fe 100%);
        border: 1px solid rgba(112, 189, 241, .45);
        border-radius: 18px;
        box-shadow: 0 10px 22px #2765a814;
        transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease
    }

    .main-page__card:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 28px #2765a81f;
        border-color: #3f95d899
    }

    .main-page__card img {
        width: 104px;
        height: 104px;
        object-fit: contain
    }

    .main-page__icon--game {
        width: 104px !important;
        height: 104px !important;
        border-radius: 14px;
        object-fit: cover !important;
        box-shadow: 0 6px 14px #182a441f
    }

    .GameList {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 1.08rem;
        font-weight: 700;
        color: #091d38;
        text-align: center
    }

    @media (max-width: 640px) {
        .main-page__content {
            padding: 12px 10px 18px
        }

        .main-page__grid {
            gap: 14px 12px;
            padding: 14px 10px 18px;
            border-radius: 14px
        }

        .main-page__card {
            min-height: 144px;
            gap: 10px
        }

        .main-page__card img {
            width: 90px;
            height: 90px
        }

        .main-page__icon--game {
            width: 90px !important;
            height: 90px !important;
            border-radius: 12px
        }

        .GameList {
            font-size: .98rem
        }
    }

    @keyframes marqueeMove {
        0% {
            transform: translate(0)
        }

        to {
            transform: translate(-100%)
        }
    }

    @media (max-width: 768px) {
        .marquee-container {
            min-height: 30px;
            gap: 8px;
            padding: 0 8px
        }

        .marquee-badge_ {
            min-width: 46px;
            height: 20px;
            font-size: 10px
        }

        .marquee-text {
            font-size: 12px;
            animation-duration: 26s
        }
    }

    @media (min-width: 901px) {
        .client-main-header {
            padding: 8px 18px;
            min-height: 60px
        }

        .user-stat {
            min-width: 118px;
            min-height: 50px;
            padding: 5px 10px
        }

        .stat-value,
        .account-value {
            font-size: 15px
        }

        .profile-dropdown {
            right: 18px
        }
    }

    @media (min-width: 769px) and (max-width: 1400px) {
        .client-main-header {
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            padding: 7px 12px
        }

        .client-header-left {
            width: auto
        }

        .client-top-nav {
            width: auto;
            flex: 0 1 auto;
            margin-left: auto;
            justify-content: flex-end;
            overflow: visible;
            padding-bottom: 0
        }

        .user-stat {
            flex: 0 0 106px;
            min-width: 106px;
            min-height: 48px;
            padding: 5px 8px
        }

        .stat-label {
            font-size: 9px
        }

        .stat-value,
        .account-value {
            font-size: 13px
        }

        .account-stat {
            padding-right: 24px
        }

        .account-stat .down-icon {
            right: 8px
        }
    }

    @media (max-width: 768px) {
        .client-main-header {
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            gap: 6px;
            padding: 6px 8px;
            min-height: 50px
        }

        .client-header-left {
            width: auto;
            flex: 0 0 auto
        }

        .client-top-nav {
            width: auto;
            flex: 0 1 auto;
            margin-left: auto;
            justify-content: flex-start;
            gap: 5px;
            padding-bottom: 0
        }

        .client-headerlogo {
            width: 34px;
            height: 34px
        }

        .client-identity-name {
            max-width: 76px;
            font-size: 12px;
            line-height: 1.05
        }

        .client-identity-label {
            display: none
        }

        .user-stat {
            flex: 0 0 75px;
            min-width: 76px;
            min-height: 41px;
            padding: 5px 6px;
            border-radius: 9px;
        }

        .menu-fab {
            width: 36px;
            min-width: 36px;
            height: 36px
        }

        .stat-label {
            font-size: 8px
        }

        .stat-value,
        .account-value {
            font-size: 12px
        }

        .profile-dropdown {
            top: 54px;
            left: auto;
            right: 8px;
            width: min(230px, 100vw - 16px);
            border-radius: 10px
        }

        .profile-row {
            padding: 11px 10px;
            gap: 9px
        }

        .profile-name {
            font-size: 14px
        }

        .profile-row--identity {
            align-items: flex-start
        }

        .profile-row--identity .profile-name {
            white-space: normal;
            overflow: visible;
            text-overflow: initial;
            line-height: 1.2
        }
    }

    .profile-row--identity .profile-name {
        font-weight: 700
    }

    @media (min-width: 769px) {
        .profile-dropdown {
            width: 320px
        }
    }

    @media (max-width: 420px) {
        .client-main-header {
            padding: 6px
        }

        .client-identity-name {
            max-width: 64px;
            font-size: 10px
        }

        .user-stat {
            flex: 0 0 76px;
            min-width: 76px
        }

        .menu-fab {
            width: 32px;
            min-width: 32px;
            height: 32px
        }

        .stat-value,
        .account-value {
            font-size: 11px
        }

        .account-stat {
            padding-right: 24px
        }

        .account-stat .down-icon {
            right: 8px;
            bottom: 8px;
            font-size: 10px
        }

        .profile-dropdown {
            top: 52px;
            right: 6px;
            width: min(220px, 100vw - 12px)
        }

        .profile-row {
            padding: 10px 9px
        }

        .profile-name {
            font-size: 13px
        }

        .profile-row--identity .profile-name {
            font-size: 12px;
            line-height: 1.2
        }
    }

    @media (max-width: 420px) {
        .profile-dropdown {
            top: 52px;
            right: 6px;
            width: min(220px, 100vw - 12px);
        }
    }

    .client-main-header {
        width: 100%;
        background: linear-gradient(90deg, #214fa0 0%, #2f8fcb 100%) !important;
        color: var(--header-text);
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 6px 10px;
        min-height: 58px;
        box-shadow: inset 0 -1px #ffffff14;
    }




    .container-old {
        font-family: Arial, Helvetica, sans-serif;
        min-height: 100vh;
        background: #e9e9e9;
        padding-bottom: 20px
    }

    .TeamName {
        padding: 12px 16px 8px;
        font-weight: 700;
        background: linear-gradient(90deg, #285aa8 0%, #3897cd 100%);
        border-radius: 16px 16px 0 0
    }

    .TeamName--live {
        box-shadow: inset 0 -2px #ffd70052
    }

    .TeamName--starting-soon {
        box-shadow: inset 0 -2px #ffffff2e
    }

    .TeamName a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        text-decoration: none;
        color: #fff;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 1.08rem;
        letter-spacing: .01em
    }

    .TeamName__main {
        min-width: 0;
        flex: 1
    }

    .TeamName__title {
        flex: 1
    }

    .TeamName__badges {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        flex-wrap: wrap;
        justify-content: flex-end
    }

    .TeamName__badge {
        display: inline-flex;
        align-items: center;
        min-height: 24px;
        padding: 0 10px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .16);
        border: 1px solid rgba(255, 255, 255, .22);
        color: #fff;
        font-size: .72rem;
        font-weight: 700;
        line-height: 1
    }

    .TeamName__badge--status {
        border-width: 2px
    }

    .TeamName__badge--live {
        gap: 6px;
        background: rgba(255, 77, 79, .2);
        border-color: #ff6d6d66;
        color: #fff
    }

    .TeamName__badge--starting-soon {
        background: rgba(255, 193, 7, .18);
        border-color: #ffd65c57;
        color: #fff
    }

    .TeamName__badge--upcoming {
        background: rgba(255, 255, 255, .16);
        border-color: #ffffff38;
        color: #fff
    }

    .TeamName__pulse {
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: #fff;
        box-shadow: 0 0 #fff9;
        animation: team-pulse 1.4s infinite
    }

    .match-wrapper {
        margin: 0 10px 16px;
        border-radius: 18px;
        overflow: hidden;
        background: linear-gradient(180deg, #ffffff 0%, #f5f9fe 100%);
        border: 1px solid rgba(113, 189, 241, .45);
        box-shadow: 0 12px 26px #163f7014
    }

    .TeamName--live+.profile-details .table-box {
        background: linear-gradient(180deg, rgba(255, 251, 240, .9) 0%, #f5f9fe 100%)
    }

    .TeamName--starting-soon+.profile-details .table-box {
        background: linear-gradient(180deg, rgba(255, 248, 232, .9) 0%, #f5f9fe 100%)
    }

    .profile-details {
        padding: 0
    }

    .table-box {
        display: block;
        text-align: center;
        padding: 12px 14px 14px;
        background: transparent;
        text-decoration: none;
        color: #0b2140
    }

    .GameBody {
        display: grid;
        grid-template-columns: 64px 1fr 64px;
        align-items: center;
        gap: 12px
    }

    .GameBody__center {
        min-width: 0
    }

    .GameTimeBlock {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .GameTimeBlock__label {
        margin-bottom: 3px;
        font-size: .68rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .08em;
        color: #6b7f98
    }

    .GameBody__logoSlot {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 72px
    }

    .GameBody__logo {
        width: 54px;
        height: 54px;
        object-fit: cover;
        border-radius: 999px;
        background: rgba(255, 255, 255, .96);
        border: 2px solid rgba(113, 189, 241, .32);
        box-shadow: 0 8px 18px #163f701f
    }

    .GameMetaRow {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 8px;
        padding: 7px 12px;
        border-radius: 999px;
        background: rgba(40, 90, 168, .05);
        border: 1px solid rgba(198, 217, 236, .72)
    }

    .GameMetaRow--live {
        background: rgba(40, 90, 168, .08);
        border-color: #5990d761
    }

    .GameMetaRow__item {
        display: inline-flex;
        align-items: baseline;
        gap: 6px
    }

    .GameMetaRow__label {
        font-size: .72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .04em;
        color: #5d7898
    }

    .GameMetaRow__value {
        font-size: .9rem;
        font-weight: 700;
        color: #285aa8
    }

    .GameMetaRow--live .GameMetaRow__value {
        color: #1f63b2
    }

    .GameList {
        padding: 6px 0;
        font-size: 13px;
        font-weight: 600
    }

    .GameList--primary {
        font-size: 14px
    }

    .GameList:last-child {
        border-bottom: none
    }

    .GameList span {
        font-weight: 700;
        /* color: #285aa8 */
    }

    .menu {
        text-align: center;
        padding: 12px 10px 10px
    }

    .navMain {
        list-style: none;
        padding: 0;
        margin: 0
    }

    .navMain li a {
        text-decoration: none;
        font-weight: 700;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        padding: 0 20px;
        color: #fff;
        background: linear-gradient(90deg, #285aa8 0%, #3897cd 100%);
        border: 1px solid rgba(24, 71, 131, .75);
        border-radius: 999px;
        box-shadow: 0 8px 18px #1f58972e
    }

    @keyframes team-pulse {
        0% {
            transform: scale(.95);
            box-shadow: 0 0 #ffffff80
        }

        70% {
            transform: scale(1);
            box-shadow: 0 0 0 8px #fff0
        }

        to {
            transform: scale(.95);
            box-shadow: 0 0 #fff0
        }
    }

    @media (max-width: 640px) {
        .menu {
            padding: 10px 8px 8px
        }

        .TeamName {
            padding: 10px 12px 8px
        }

        .TeamName a {
            font-size: .98rem;
            flex-direction: column;
            align-items: flex-start
        }

        .match-wrapper {
            margin: 0 8px 14px;
            border-radius: 15px
        }

        .table-box {
            padding: 10px 12px 12px
        }

        .GameBody {
            grid-template-columns: 48px 1fr 48px;
            gap: 10px
        }

        .GameBody__logoSlot {
            min-height: 56px
        }

        .GameBody__logo {
            width: 40px;
            height: 40px;
            border-radius: 999px
        }

        .GameMetaRow {
            gap: 6px;
            padding: 6px 10px
        }

        .GameMetaRow__label {
            font-size: .66rem
        }

        .GameMetaRow__value {
            font-size: .84rem
        }

        .TeamName__badges {
            justify-content: flex-start
        }

        .TeamName__badge {
            min-height: 22px;
            padding: 0 8px;
            font-size: .68rem
        }
    }


    table {
        all: revert;
        width: 100%
    }

    th {
        text-align: center
    }

    body {
        background-color: #e9e9e9
    }

    .center {
        text-align: center
    }

    .pagination {
        display: inline-block
    }

    .loading-spinner {
        width: 20px;
        height: 20px;
        border: 2px solid #ccc;
        border-top: 2px solid #333;
        border-radius: 50%;
        animation: spin 1s linear infinite
    }

    @keyframes spin {
        0% {
            transform: rotate(0)
        }

        to {
            transform: rotate(360deg)
        }
    }

    @media (max-width: 767px) {
        .teamNameForOdds {
            font-size: x-small
        }
    }

    @media (min-width: 1024px) {
        .teamNameForOdds {
            font-size: small
        }
    }

    .ScoreCard {
        background: #FFF;
        padding: .2em
    }

    .ScoreCard p {
        font-size: .6em;
        color: #000;
        padding: 2px;
        text-align: center;
        line-height: 20px;
        text-transform: uppercase;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: 700
    }

    .ButtonSess {
        background-repeat: no-repeat;
        background-color: transparent;
        border: 0px solid;
        color: #000;
        border-color: #696 #363 #363 #696;
        height: 15px;
        width: 150px;
        text-align: center;
        font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: 700
    }

    .MatchAmount {
        background: #FFF;
        color: #000;
        border: none;
        text-align: center;
        width: 120px;
        font-weight: 700;
        font-size: 16px;
        font-family: Verdana, Geneva, sans-serif
    }

    .AmountTime {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 24px;
        text-align: center;
        color: red;
        width: 35px;
        font-weight: bolder;
        background-color: transparent;
        border: none
    }

    .AmountTime {
        background: #2486B2;
        color: #fff;
        font-weight: 700;
        font-size: 18px;
        font-family: Verdana, Geneva, sans-serif
    }

    .ledgericon {
        width: 18px;
        height: 18px;
        object-fit: contain;
        cursor: pointer
    }

    .td-flex {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .left-content {
        width: 90%;
        text-align: center
    }

    .right-icon {
        width: 10%;
        text-align: right;
        padding-right: 5px
    }

    .market {
        width: 100%;
        background-color: #e9e9e9;
        padding: 7px
    }

    .market__container {
        width: 100%
    }

    .market__upcomingticker {
        display: block;
        margin-bottom: 8px;
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #86c2e5;
        box-shadow: 0 8px 18px #2486b20f;
        background: linear-gradient(90deg, #214e97 0%, #2f95cb 100%)
    }

    .market__upcomingticker-trackwrap {
        width: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
        background: linear-gradient(90deg, #183b6f 0%, #245d93 100%);
        min-height: 52px
    }

    .market__upcomingticker-track {
        display: inline-flex;
        align-items: center;
        min-width: max-content;
        white-space: nowrap;
        animation: marketTicker 24s linear infinite
    }

    .market__upcomingticker-track--paused {
        animation-play-state: paused
    }

    .market__upcomingticker-item {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 2px;
        padding: 0 22px;
        border: none;
        min-height: 52px;
        color: #fff;
        border-right: 1px solid rgba(255, 255, 255, .15);
        cursor: pointer;
        background: transparent;
        text-align: left;
        touch-action: manipulation;
        -webkit-tap-highlight-color: rgba(255, 255, 255, .15)
    }

    .market__upcomingticker-item:hover {
        background: rgba(255, 255, 255, .08)
    }

    .market__upcomingticker-item--live {
        background: transparent;
        box-shadow: none
    }

    .market__upcomingticker-topline {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        min-width: 0;
        width: 100%
    }

    .market__upcomingticker-name {
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 15px;
        font-weight: 700;
        color: #fff;
        line-height: 1.05;
        min-width: 0
    }

    .market__upcomingticker-time {
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 10px;
        font-weight: 700;
        color: #cdeaff;
        line-height: 1.1
    }

    .market__upcomingticker-status {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 24px;
        padding: 0 12px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .12);
        border: 1px solid rgba(255, 255, 255, .22);
        color: #fff;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: .72rem;
        font-weight: 700;
        line-height: 1;
        text-transform: none;
        letter-spacing: 0;
        flex: 0 0 auto;
        position: relative;
        white-space: nowrap
    }

    .market__upcomingticker-status--live {
        gap: 6px;
        min-height: 24px;
        padding: 0 10px 0 11px;
        border-radius: 999px;
        background: rgba(255, 96, 109, .18);
        border: 2px solid rgba(255, 125, 136, .62);
        color: #fff;
        box-shadow: 0 4px 12px #c52c402e, inset 0 1px #ffffff14
    }

    .market__upcomingticker-status--live:before {
        content: "";
        display: inline-block;
        flex: 0 0 auto;
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: #ffffff;
        box-shadow: 0 0 #ffffffb3;
        animation: marketLiveDotPulse 1.4s infinite
    }

    @keyframes marketLiveDotPulse {
        0% {
            box-shadow: 0 0 #fff9
        }

        70% {
            box-shadow: 0 0 0 6px #fff0
        }

        to {
            box-shadow: 0 0 #fff0
        }
    }

    @keyframes marketTicker {
        0% {
            transform: translate(0)
        }

        to {
            transform: translate(-50%)
        }
    }

    .market__tvstream-container {
        width: 100%;
        height: 250px
    }

    .market__stream-iframe {
        width: 100%;
        height: 100%;
        min-height: 250px
    }

    .market__scoreiframe-container {
        width: 100%;
        height: 150px;
        border-radius: 12px;
        overflow: hidden
    }

    .market__scoreiframe {
        width: 100%;
        height: 100%
    }

    .market__scorecard {
        margin-top: 8px;
        background: linear-gradient(180deg, #eef7ff 0%, #e5f2fd 100%);
        border: 1px solid #67b5de;
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 8px 16px #2486b21f
    }

    .market__scorecard-header {
        background: linear-gradient(90deg, #2150a0 0%, #3194c1 100%);
        padding: 10px 14px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px
    }

    .market__scorecard-title {
        font-family: Barlow Condensed, Trebuchet MS, Arial, sans-serif;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .11em;
        color: #fff;
        text-align: center;
        line-height: 1.15;
        flex: 1;
        text-wrap: balance;
        word-break: normal
    }

    .market__headeraction {
        flex: 0 0 auto;
        color: #fff;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        width: 24px;
        height: 24px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: rgba(255, 255, 255, .16);
        border: 1px solid rgba(255, 255, 255, .35);
        font-size: 18px;
        font-weight: 700;
        line-height: 1;
        cursor: pointer
    }

    .market__headercontrols {
        display: flex;
        align-items: center;
        gap: 10px;
        flex: 0 0 auto
    }

    .market__headericon {
        width: 26px;
        height: 26px;
        padding: 4px;
        border-radius: 50%;
        background: rgba(255, 255, 255, .16);
        border: 1px solid rgba(255, 255, 255, .35);
        object-fit: contain;
        cursor: pointer;
        opacity: .9;
        transition: transform .15s ease, opacity .15s ease
    }

    .market__headericon--active {
        opacity: 1;
        transform: scale(1.05)
    }

    .market__collapsible {
        max-height: 10000px;
        overflow: visible;
        opacity: 1;
        transition: max-height .28s ease, opacity .2s ease, transform .2s ease;
        transform: translateY(0)
    }

    .market__collapsible--closed {
        max-height: 0;
        opacity: 0;
        transform: translateY(-6px)
    }

    .market__scorepanel {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(0, .95fr);
        align-items: stretch;
        gap: 12px;
        padding: 14px 16px
    }

    .market__scorepanel--compact {
        grid-template-columns: 1fr
    }

    .market__scorepanel-column {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 10px;
        min-width: 0;
        padding: 0
    }

    .market__scorepanel-column--right {
        align-items: flex-end;
        text-align: right
    }

    .market__scorepanel-column--full {
        align-items: center;
        text-align: center
    }

    .market__scorepanel-column--full .market__recentballs {
        justify-content: center
    }

    .market__scoreline {
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 15px;
        font-weight: 700;
        color: #143863;
        line-height: 1.14;
        word-break: break-word;
        letter-spacing: 0;
        text-shadow: 0 1px 0 rgba(255, 255, 255, .12)
    }

    .market__scoreline--highlight {
        color: #1d6f99;
        font-weight: 800
    }

    .market__recentballs {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-end;
        gap: 5px;
        margin-top: 2px;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden
    }

    .market__recentball {
        font-family: Barlow Condensed, Trebuchet MS, Arial, sans-serif;
        width: 30px;
        height: 30px;
        flex: 0 0 30px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #1b76bb 0%, #2f8fd1 100%);
        color: #fff;
        font-size: 14px;
        font-weight: 900;
        box-shadow: 0 6px 10px #2068b32e
    }

    .market__recentball--wide {
        width: auto;
        min-width: 30px;
        padding: 0 8px;
        border-radius: 999px;
        flex: 0 0 auto
    }

    .market__recentball--four {
        background: linear-gradient(135deg, #118d2b 0%, #22b33f 100%);
        box-shadow: 0 6px 10px #118d2b2e
    }

    .market__recentball--six {
        background: linear-gradient(135deg, #8f34b8 0%, #b255d8 100%);
        box-shadow: 0 6px 10px #8f34b82e
    }

    .market__recentball--wicket {
        background: linear-gradient(135deg, #cf3434 0%, #ef5656 100%);
        box-shadow: 0 6px 10px #cf34342e
    }

    .market__scorehint {
        margin-top: 4px;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 11px;
        font-weight: 700;
        color: #5f7894;
        line-height: 1.1
    }

    .market__oddstablewrapper {
        width: 100%
    }

    .market__markethead {
        margin-top: 8px;
        padding: 7px 0;
        background: linear-gradient(90deg, #2150a0 0%, #2a84b8 100%);
        display: grid;
        grid-template-columns: minmax(0, 60%) minmax(0, 20%) minmax(0, 20%);
        align-items: center;
        gap: 0;
        border-radius: 14px 14px 0 0;
        box-shadow: 0 6px 14px #2486b21f;
        border: 1px solid #67b5de;
        border-bottom: none
    }

    .market__marketlead {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
        min-height: 34px;
        padding: 0 10px;
        border-right: 1px solid rgba(255, 255, 255, .28);
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .market__marketcolumnlabel {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 6px;
        color: #fffffff5;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 12px;
        font-weight: 700;
        white-space: nowrap;
        min-height: 30px;
        border-right: 1px solid rgba(255, 255, 255, .28)
    }

    .market__marketcolumnlabel--last {
        border-right: none
    }

    .market__marketmetainline {
        color: #ffffffeb;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 10px;
        font-weight: 700;
        white-space: nowrap
    }

    .market__marketinfo {
        position: relative;
        width: 20px;
        height: 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: rgba(255, 255, 255, .18);
        border: 1px solid rgba(255, 255, 255, .42);
        color: #fff;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        cursor: pointer;
        outline: none;
        flex: 0 0 auto
    }

    .market__markettooltip {
        position: absolute;
        right: 0;
        top: calc(100% + 8px);
        padding: 6px 10px;
        border-radius: 8px;
        background: rgba(10, 18, 34, .96);
        color: #fff;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 10px;
        font-weight: 700;
        white-space: nowrap;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-4px);
        transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
        z-index: 3;
        box-shadow: 0 8px 18px #00000038
    }

    .market__markettooltip:before {
        content: "";
        position: absolute;
        top: -5px;
        right: 8px;
        width: 10px;
        height: 10px;
        background: rgba(10, 18, 34, .96);
        transform: rotate(45deg)
    }

    .market__marketinfo:hover .market__markettooltip,
    .market__marketinfo:focus .market__markettooltip {
        opacity: 1;
        visibility: visible;
    }

    .market__markettitle,
    .market__sessiontitlemain {
        color: #fff;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 13px;
        font-weight: 800;
        text-transform: uppercase;
        white-space: nowrap
    }

    .cashout-btn {
        border: 1px solid rgba(255, 255, 255, .5);
        border-radius: 6px;
        background: rgba(255, 255, 255, .16);
        color: #fff;
        font-size: 11px;
        font-weight: 700;
        padding: 4px 8px
    }

    .market__tvbutton {
        border: 0;
        background: transparent;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center
    }

    .market__bookmaker-board,
    .market__sessionboard {
        overflow: hidden;
        border: 1px solid #d7e5ee;
        border-top: none;
        background: #fff;
        box-shadow: 0 8px 18px #2486b20f
    }

    .market__bookmaker-boardrow,
    .market__sessionboard-row {
        display: grid;
        grid-template-columns: minmax(0, 60%) minmax(0, 20%) minmax(0, 20%);
        min-height: 48px;
        border-bottom: 1px solid #e4edf4
    }

    .market__bookmaker-boardrow:last-child,
    .market__sessionboard-row:last-child {
        border-bottom: 0
    }

    .market__bookmaker-boardteam,
    .market__sessionboard-namecell {
        min-width: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 3px;
        padding: 7px 10px;
        background: #fff
    }

    .market__bookmaker-teamlabel,
    .market__sessionboard-name {
        color: #111827;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        overflow-wrap: anywhere
    }

    .market__bookmaker-position {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 11px;
        font-weight: 800
    }

    .market__bookmaker-boardodds,
    .market__sessionboard-oddscell {
        border: 0;
        border-left: 1px solid #e4edf4;
        min-width: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        cursor: pointer
    }

    .market__bookmaker-boardodds--back,
    .market__sessionboard-oddscell--yes {
        background: #72bbef
    }

    .market__bookmaker-boardodds--lay,
    .market__sessionboard-oddscell--no {
        background: #faa9ba
    }

    .market__bookmaker-boardodds--disabled,
    .market__sessionboard-oddscell--disabled {
        opacity: .65;
        cursor: not-allowed
    }

    .market__bookmaker-odds,
    .market__sessionboard-run {
        color: #0f172a;
        font-size: 17px;
        font-weight: 900;
        line-height: 1.05
    }

    .market__sessionboard-price {
        color: #0f172a;
        font-size: 11px;
        font-weight: 700;
        line-height: 1.2
    }

    .market__sessionhead {
        margin-top: 8px;
        padding: 7px 0;
        background: linear-gradient(90deg, #2150a0 0%, #2a84b8 100%);
        display: grid;
        grid-template-columns: minmax(0, 60%) minmax(0, 20%) minmax(0, 20%);
        align-items: center;
        border-radius: 14px 14px 0 0;
        box-shadow: 0 6px 14px #2486b21f;
        border: 1px solid #67b5de;
        border-bottom: none
    }

    .market__sessionlead {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
        min-height: 34px;
        padding: 0 10px;
        border-right: 1px solid rgba(255, 255, 255, .28)
    }

    .market__sessioncolumnlabel {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fffffff5;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 12px;
        font-weight: 700;
        min-height: 30px;
        border-right: 1px solid rgba(255, 255, 255, .28)
    }

    .market__sessioncolumnlabel--last {
        border-right: none
    }

    .market__sessionboard-meta {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap
    }

    .market__sessionboard-limit {
        color: #526170;
        font-size: 10px;
        font-weight: 700
    }

    .market__remark,
    .market__emptyrow {
        padding: 7px 10px;
        background: #fff;
        color: #d00000;
        font-size: 11px;
        font-weight: 700;
        text-align: center;
        border-bottom: 1px solid #e4edf4
    }

    .market__emptyrow {
        color: #526170
    }

    .market__betbar {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 130px 48px 78px;
        gap: 8px;
        align-items: center;
        margin-top: 8px;
        padding: 8px;
        background: #00ffff;
        border: 1px solid #52b5e1;
        border-radius: 8px
    }

    .market__betbar-title {
        min-width: 0;
        color: #004b70;
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        overflow-wrap: anywhere
    }

    .market__donebutton {
        min-height: 34px;
        border: 1px solid #2486b2;
        border-radius: 6px;
        background: #fff;
        color: #004b70;
        font-weight: 800
    }

    .market__bets {
        display: grid;
        gap: 10px;
        margin-top: 12px
    }

    .market__bets th {
        background: #52b5e1;
        color: #fff;
        font-size: 11px;
        padding: 6px
    }

    .market__bets td {
        background: #fff;
        font-size: 11px;
        padding: 5px
    }

    .market__backaction {
        display: block;
        margin: 14px auto 0;
        padding: 9px 12px;
        max-width: 260px;
        border-radius: 8px;
        background: #2150a0;
        color: #fff;
        text-align: center;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 12px;
        font-weight: 800;
        text-decoration: none
    }

    @media (max-width: 575px) {
        .market__betbar {
            grid-template-columns: 1fr 95px 42px 64px
        }

        .market__marketlead,
        .market__sessionlead {
            gap: 5px;
            padding: 0 6px
        }

        .cashout-btn {
            display: none
        }
    }

    table {
        all: revert;
        width: 100%
    }

    th {
        text-align: center
    }

    body {
        background-color: #e9e9e9
    }

    .center {
        text-align: center
    }

    .pagination {
        display: inline-block
    }

    .loading-spinner {
        width: 20px;
        height: 20px;
        border: 2px solid #ccc;
        border-top: 2px solid #333;
        border-radius: 50%;
        animation: spin 1s linear infinite
    }

    @keyframes spin {
        0% {
            transform: rotate(0)
        }

        to {
            transform: rotate(360deg)
        }
    }

    @media (max-width: 767px) {
        .teamNameForOdds {
            font-size: x-small
        }
    }

    @media (min-width: 1024px) {
        .teamNameForOdds {
            font-size: small
        }
    }

    .ScoreCard {
        background: #FFF;
        padding: .2em
    }

    .ScoreCard p {
        font-size: .6em;
        color: #000;
        padding: 2px;
        text-align: center;
        line-height: 20px;
        text-transform: uppercase;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: 700
    }

    .ButtonSess {
        background-repeat: no-repeat;
        background-color: transparent;
        border: 0px solid;
        color: #000;
        border-color: #696 #363 #363 #696;
        height: 15px;
        width: 150px;
        text-align: center;
        font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: 700
    }

    .MatchAmount {
        background: #FFF;
        color: #000;
        border: none;
        text-align: center;
        width: 120px;
        font-weight: 700;
        font-size: 16px;
        font-family: Verdana, Geneva, sans-serif
    }

    .AmountTime {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 24px;
        text-align: center;
        color: red;
        width: 35px;
        font-weight: bolder;
        background-color: transparent;
        border: none
    }

    .AmountTime {
        background: #2486B2;
        color: #fff;
        font-weight: 700;
        font-size: 18px;
        font-family: Verdana, Geneva, sans-serif
    }

    .ledgericon {
        width: 18px;
        height: 18px;
        object-fit: contain;
        cursor: pointer
    }

    .td-flex {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .left-content {
        width: 90%;
        text-align: center
    }

    .right-icon {
        width: 10%;
        text-align: right;
        padding-right: 5px
    }

    .market {
        width: 100%;
        background-color: #e9e9e9;
        padding: 7px
    }

    .market__container {
        width: 100%
    }

    .market__upcomingticker {
        display: block;
        margin-bottom: 8px;
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #86c2e5;
        box-shadow: 0 8px 18px #2486b20f;
        background: linear-gradient(90deg, #214e97 0%, #2f95cb 100%)
    }

    .market__upcomingticker-trackwrap {
        width: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
        background: linear-gradient(90deg, #183b6f 0%, #245d93 100%);
        min-height: 52px
    }

    .market__upcomingticker-track {
        display: inline-flex;
        align-items: center;
        min-width: max-content;
        white-space: nowrap;
        animation: marketTicker 24s linear infinite
    }

    .market__upcomingticker-track--paused {
        animation-play-state: paused
    }

    .market__upcomingticker-item {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 2px;
        padding: 0 22px;
        border: none;
        min-height: 52px;
        color: #fff;
        border-right: 1px solid rgba(255, 255, 255, .15);
        cursor: pointer;
        background: transparent;
        text-align: left;
        touch-action: manipulation;
        -webkit-tap-highlight-color: rgba(255, 255, 255, .15)
    }

    .market__upcomingticker-item:hover {
        background: rgba(255, 255, 255, .08)
    }

    .market__upcomingticker-item--live {
        background: transparent;
        box-shadow: none
    }

    .market__upcomingticker-topline {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        min-width: 0;
        width: 100%
    }

    .market__upcomingticker-name {
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 15px;
        font-weight: 700;
        color: #fff;
        line-height: 1.05;
        min-width: 0
    }

    .market__upcomingticker-time {
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 10px;
        font-weight: 700;
        color: #cdeaff;
        line-height: 1.1
    }

    .market__upcomingticker-status {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 24px;
        padding: 0 12px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .12);
        border: 1px solid rgba(255, 255, 255, .22);
        color: #fff;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: .72rem;
        font-weight: 700;
        line-height: 1;
        text-transform: none;
        letter-spacing: 0;
        flex: 0 0 auto;
        position: relative;
        white-space: nowrap
    }

    .market__upcomingticker-status--live {
        gap: 6px;
        min-height: 24px;
        padding: 0 10px 0 11px;
        border-radius: 999px;
        background: rgba(255, 96, 109, .18);
        border: 2px solid rgba(255, 125, 136, .62);
        color: #fff;
        box-shadow: 0 4px 12px #c52c402e, inset 0 1px #ffffff14
    }

    .market__upcomingticker-status--live:before {
        content: "";
        display: inline-block;
        flex: 0 0 auto;
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: #ffffff;
        box-shadow: 0 0 #ffffffb3;
        animation: marketLiveDotPulse 1.4s infinite
    }

    @keyframes marketLiveDotPulse {
        0% {
            box-shadow: 0 0 #fff9
        }

        70% {
            box-shadow: 0 0 0 6px #fff0
        }

        to {
            box-shadow: 0 0 #fff0
        }
    }

    @keyframes marketTicker {
        0% {
            transform: translate(0)
        }

        to {
            transform: translate(-50%)
        }
    }

    .market__tvstream-container {
        width: 100%;
        height: 250px
    }

    .market__stream-iframe {
        width: 100%;
        height: 100%;
        min-height: 250px
    }

    .market__scoreiframe-container {
        width: 100%;
        height: 150px;
        border-radius: 12px;
        overflow: hidden
    }

    .market__scoreiframe {
        width: 100%;
        height: 100%
    }

    .market__scorecard {
        margin-top: 8px;
        background: linear-gradient(180deg, #eef7ff 0%, #e5f2fd 100%);
        border: 1px solid #67b5de;
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 8px 16px #2486b21f
    }

    .market__scorecard-header {
        background: linear-gradient(90deg, #2150a0 0%, #3194c1 100%);
        padding: 10px 14px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px
    }

    .market__scorecard-title {
        font-family: Barlow Condensed, Trebuchet MS, Arial, sans-serif;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .11em;
        color: #fff;
        text-align: center;
        line-height: 1.15;
        flex: 1;
        text-wrap: balance;
        word-break: normal
    }

    .market__headeraction {
        flex: 0 0 auto;
        color: #fff;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        width: 24px;
        height: 24px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: rgba(255, 255, 255, .16);
        border: 1px solid rgba(255, 255, 255, .35);
        font-size: 18px;
        font-weight: 700;
        line-height: 1;
        cursor: pointer
    }

    .market__headercontrols {
        display: flex;
        align-items: center;
        gap: 10px;
        flex: 0 0 auto
    }

    .market__headericon {
        width: 26px;
        height: 26px;
        padding: 4px;
        border-radius: 50%;
        background: rgba(255, 255, 255, .16);
        border: 1px solid rgba(255, 255, 255, .35);
        object-fit: contain;
        cursor: pointer;
        opacity: .9;
        transition: transform .15s ease, opacity .15s ease
    }

    .market__headericon--active {
        opacity: 1;
        transform: scale(1.05)
    }

    .market__collapsible {
        max-height: 10000px;
        overflow: visible;
        opacity: 1;
        transition: max-height .28s ease, opacity .2s ease, transform .2s ease;
        transform: translateY(0)
    }

    .market__collapsible--closed {
        max-height: 0;
        opacity: 0;
        transform: translateY(-6px)
    }

    .market__scorepanel {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(0, .95fr);
        align-items: stretch;
        gap: 12px;
        padding: 14px 16px
    }

    .market__scorepanel--compact {
        grid-template-columns: 1fr
    }

    .market__scorepanel-column {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 10px;
        min-width: 0;
        padding: 0
    }

    .market__scorepanel-column--right {
        align-items: flex-end;
        text-align: right
    }

    .market__scorepanel-column--full {
        align-items: center;
        text-align: center
    }

    .market__scorepanel-column--full .market__recentballs {
        justify-content: center
    }

    .market__scoreline {
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 15px;
        font-weight: 700;
        color: #143863;
        line-height: 1.14;
        word-break: break-word;
        letter-spacing: 0;
        text-shadow: 0 1px 0 rgba(255, 255, 255, .12)
    }

    .market__scoreline--highlight {
        color: #1d6f99;
        font-weight: 800
    }

    .market__recentballs {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-end;
        gap: 5px;
        margin-top: 2px;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden
    }

    .market__recentball {
        font-family: Barlow Condensed, Trebuchet MS, Arial, sans-serif;
        width: 30px;
        height: 30px;
        flex: 0 0 30px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #1b76bb 0%, #2f8fd1 100%);
        color: #fff;
        font-size: 14px;
        font-weight: 900;
        box-shadow: 0 6px 10px #2068b32e
    }

    .market__recentball--wide {
        width: auto;
        min-width: 30px;
        padding: 0 8px;
        border-radius: 999px;
        flex: 0 0 auto
    }

    .market__recentball--four {
        background: linear-gradient(135deg, #118d2b 0%, #22b33f 100%);
        box-shadow: 0 6px 10px #118d2b2e
    }

    .market__recentball--six {
        background: linear-gradient(135deg, #8f34b8 0%, #b255d8 100%);
        box-shadow: 0 6px 10px #8f34b82e
    }

    .market__recentball--wicket {
        background: linear-gradient(135deg, #cf3434 0%, #ef5656 100%);
        box-shadow: 0 6px 10px #cf34342e
    }

    .market__scorehint {
        margin-top: 4px;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 11px;
        font-weight: 700;
        color: #5f7894;
        line-height: 1.1
    }

    .market__oddstablewrapper {
        width: 100%
    }

    .market__markethead {
        margin-top: 8px;
        padding: 7px 0;
        background: linear-gradient(90deg, #2150a0 0%, #2a84b8 100%);
        display: grid;
        grid-template-columns: minmax(0, 60%) minmax(0, 20%) minmax(0, 20%);
        align-items: center;
        gap: 0;
        border-radius: 14px 14px 0 0;
        box-shadow: 0 6px 14px #2486b21f;
        border: 1px solid #67b5de;
        border-bottom: none
    }

    .market__marketlead {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
        min-height: 34px;
        padding: 0 10px;
        border-right: 1px solid rgba(255, 255, 255, .28);
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .market__marketcolumnlabel {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 6px;
        color: #fffffff5;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 12px;
        font-weight: 700;
        white-space: nowrap;
        min-height: 30px;
        border-right: 1px solid rgba(255, 255, 255, .28)
    }

    .market__marketcolumnlabel--last {
        border-right: none
    }

    .market__marketmetainline {
        color: #ffffffeb;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 10px;
        font-weight: 700;
        white-space: nowrap
    }

    .market__marketinfo {
        position: relative;
        width: 20px;
        height: 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: rgba(255, 255, 255, .18);
        border: 1px solid rgba(255, 255, 255, .42);
        color: #fff;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        cursor: pointer;
        outline: none;
        flex: 0 0 auto
    }

    .market__markettooltip {
        position: absolute;
        right: 0;
        top: calc(100% + 8px);
        padding: 6px 10px;
        border-radius: 8px;
        background: rgba(10, 18, 34, .96);
        color: #fff;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 10px;
        font-weight: 700;
        white-space: nowrap;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-4px);
        transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
        z-index: 3;
        box-shadow: 0 8px 18px #00000038
    }

    .market__markettooltip:before {
        content: "";
        position: absolute;
        top: -5px;
        right: 8px;
        width: 10px;
        height: 10px;
        background: rgba(10, 18, 34, .96);
        transform: rotate(45deg)
    }

    .market__marketinfo:hover .market__markettooltip,
    .market__marketinfo:focus .market__markettooltip {
        opacity: 1;
        visibility: visible;
    }

    @media (max-width: 768px) {
        .market__upcomingticker-track {
            animation: marketTicker 26s linear infinite;
        }
    }

    .market__upcomingticker-track {
        display: inline-flex;
        align-items: center;
        min-width: max-content;
        white-space: nowrap;
        animation: marketTicker 24s linear infinite;
    }


    table {
        all: revert;
        width: 100%
    }

    th {
        text-align: center
    }

    body {
        background-color: #e9e9e9
    }

    .center {
        text-align: center
    }

    .pagination {
        display: inline-block
    }

    .loading-spinner {
        width: 20px;
        height: 20px;
        border: 2px solid #ccc;
        border-top: 2px solid #333;
        border-radius: 50%;
        animation: spin 1s linear infinite
    }

    @keyframes spin {
        0% {
            transform: rotate(0)
        }

        to {
            transform: rotate(360deg)
        }
    }

    @media (max-width: 767px) {
        .teamNameForOdds {
            font-size: x-small
        }
    }

    @media (min-width: 1024px) {
        .teamNameForOdds {
            font-size: small
        }
    }

    .ScoreCard {
        background: #FFF;
        padding: .2em
    }

    .ScoreCard p {
        font-size: .6em;
        color: #000;
        padding: 2px;
        text-align: center;
        line-height: 20px;
        text-transform: uppercase;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: 700
    }

    .ButtonSess {
        background-repeat: no-repeat;
        background-color: transparent;
        border: 0px solid;
        color: #000;
        border-color: #696 #363 #363 #696;
        height: 15px;
        width: 150px;
        text-align: center;
        font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: 700
    }

    .MatchAmount {
        background: #FFF;
        color: #000;
        border: none;
        text-align: center;
        width: 120px;
        font-weight: 700;
        font-size: 16px;
        font-family: Verdana, Geneva, sans-serif
    }

    .AmountTime {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 24px;
        text-align: center;
        color: red;
        width: 35px;
        font-weight: bolder;
        background-color: transparent;
        border: none
    }

    .AmountTime {
        background: #2486B2;
        color: #fff;
        font-weight: 700;
        font-size: 18px;
        font-family: Verdana, Geneva, sans-serif
    }

    .ledgericon {
        width: 18px;
        height: 18px;
        object-fit: contain;
        cursor: pointer
    }

    .td-flex {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .left-content {
        width: 90%;
        text-align: center
    }

    .right-icon {
        width: 10%;
        text-align: right;
        padding-right: 5px
    }

    .market {
        width: 100%;
        background-color: #e9e9e9;
        padding: 7px
    }

    .market__container {
        width: 100%
    }

    .market__upcomingticker {
        display: block;
        margin-bottom: 8px;
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #86c2e5;
        box-shadow: 0 8px 18px #2486b20f;
        background: linear-gradient(90deg, #214e97 0%, #2f95cb 100%)
    }

    .market__upcomingticker-trackwrap {
        width: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
        background: linear-gradient(90deg, #183b6f 0%, #245d93 100%);
        min-height: 52px
    }

    .market__upcomingticker-track {
        display: inline-flex;
        align-items: center;
        min-width: max-content;
        white-space: nowrap;
        animation: marketTicker 24s linear infinite
    }

    .market__upcomingticker-track--paused {
        animation-play-state: paused
    }

    .market__upcomingticker-item {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 2px;
        padding: 0 22px;
        border: none;
        min-height: 52px;
        color: #fff;
        border-right: 1px solid rgba(255, 255, 255, .15);
        cursor: pointer;
        background: transparent;
        text-align: left;
        touch-action: manipulation;
        -webkit-tap-highlight-color: rgba(255, 255, 255, .15)
    }

    .market__upcomingticker-item:hover {
        background: rgba(255, 255, 255, .08)
    }

    .market__upcomingticker-item--live {
        background: transparent;
        box-shadow: none
    }

    .market__upcomingticker-topline {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        min-width: 0;
        width: 100%
    }

    .market__upcomingticker-name {
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 15px;
        font-weight: 700;
        color: #fff;
        line-height: 1.05;
        min-width: 0
    }

    .market__upcomingticker-time {
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 10px;
        font-weight: 700;
        color: #cdeaff;
        line-height: 1.1
    }

    .market__upcomingticker-status {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 24px;
        padding: 0 12px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .12);
        border: 1px solid rgba(255, 255, 255, .22);
        color: #fff;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: .72rem;
        font-weight: 700;
        line-height: 1;
        text-transform: none;
        letter-spacing: 0;
        flex: 0 0 auto;
        position: relative;
        white-space: nowrap
    }

    .market__upcomingticker-status--live {
        gap: 6px;
        min-height: 24px;
        padding: 0 10px 0 11px;
        border-radius: 999px;
        background: rgba(255, 96, 109, .18);
        border: 2px solid rgba(255, 125, 136, .62);
        color: #fff;
        box-shadow: 0 4px 12px #c52c402e, inset 0 1px #ffffff14
    }

    .market__upcomingticker-status--live:before {
        content: "";
        display: inline-block;
        flex: 0 0 auto;
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: #ffffff;
        box-shadow: 0 0 #ffffffb3;
        animation: marketLiveDotPulse 1.4s infinite
    }

    @keyframes marketLiveDotPulse {
        0% {
            box-shadow: 0 0 #fff9
        }

        70% {
            box-shadow: 0 0 0 6px #fff0
        }

        to {
            box-shadow: 0 0 #fff0
        }
    }

    @keyframes marketTicker {
        0% {
            transform: translate(0)
        }

        to {
            transform: translate(-50%)
        }
    }

    .market__tvstream-container {
        width: 100%;
        height: 250px
    }

    .market__stream-iframe {
        width: 100%;
        height: 100%;
        min-height: 250px
    }

    .market__scoreiframe-container {
        width: 100%;
        height: 150px;
        border-radius: 12px;
        overflow: hidden
    }

    .market__scoreiframe {
        width: 100%;
        height: 100%
    }

    .market__scorecard {
        margin-top: 8px;
        background: linear-gradient(180deg, #eef7ff 0%, #e5f2fd 100%);
        border: 1px solid #67b5de;
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 8px 16px #2486b21f
    }

    .market__scorecard-header {
        background: linear-gradient(90deg, #2150a0 0%, #3194c1 100%);
        padding: 10px 14px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px
    }

    .market__scorecard-title {
        font-family: Barlow Condensed, Trebuchet MS, Arial, sans-serif;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .11em;
        color: #fff;
        text-align: center;
        line-height: 1.15;
        flex: 1;
        text-wrap: balance;
        word-break: normal
    }

    .market__headeraction {
        flex: 0 0 auto;
        color: #fff;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        width: 24px;
        height: 24px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: rgba(255, 255, 255, .16);
        border: 1px solid rgba(255, 255, 255, .35);
        font-size: 18px;
        font-weight: 700;
        line-height: 1;
        cursor: pointer
    }

    .market__headercontrols {
        display: flex;
        align-items: center;
        gap: 10px;
        flex: 0 0 auto
    }

    .market__headericon {
        width: 26px;
        height: 26px;
        padding: 4px;
        border-radius: 50%;
        background: rgba(255, 255, 255, .16);
        border: 1px solid rgba(255, 255, 255, .35);
        object-fit: contain;
        cursor: pointer;
        opacity: .9;
        transition: transform .15s ease, opacity .15s ease
    }

    .market__headericon--active {
        opacity: 1;
        transform: scale(1.05)
    }

    .market__collapsible {
        max-height: 10000px;
        overflow: visible;
        opacity: 1;
        transition: max-height .28s ease, opacity .2s ease, transform .2s ease;
        transform: translateY(0)
    }

    .market__collapsible--closed {
        max-height: 0;
        opacity: 0;
        transform: translateY(-6px)
    }

    .market__scorepanel {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(0, .95fr);
        align-items: stretch;
        gap: 12px;
        padding: 14px 16px
    }

    .market__scorepanel--compact {
        grid-template-columns: 1fr
    }

    .market__scorepanel-column {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 10px;
        min-width: 0;
        padding: 0
    }

    .market__scorepanel-column--right {
        align-items: flex-end;
        text-align: right
    }

    .market__scorepanel-column--full {
        align-items: center;
        text-align: center
    }

    .market__scorepanel-column--full .market__recentballs {
        justify-content: center
    }

    .market__scoreline {
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 15px;
        font-weight: 700;
        color: #143863;
        line-height: 1.14;
        word-break: break-word;
        letter-spacing: 0;
        text-shadow: 0 1px 0 rgba(255, 255, 255, .12)
    }

    .market__scoreline--highlight {
        color: #1d6f99;
        font-weight: 800
    }

    .market__recentballs {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-end;
        gap: 5px;
        margin-top: 2px;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden
    }

    .market__recentball {
        font-family: Barlow Condensed, Trebuchet MS, Arial, sans-serif;
        width: 30px;
        height: 30px;
        flex: 0 0 30px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #1b76bb 0%, #2f8fd1 100%);
        color: #fff;
        font-size: 14px;
        font-weight: 900;
        box-shadow: 0 6px 10px #2068b32e
    }

    .market__recentball--wide {
        width: auto;
        min-width: 30px;
        padding: 0 8px;
        border-radius: 999px;
        flex: 0 0 auto
    }

    .market__recentball--four {
        background: linear-gradient(135deg, #118d2b 0%, #22b33f 100%);
        box-shadow: 0 6px 10px #118d2b2e
    }

    .market__recentball--six {
        background: linear-gradient(135deg, #8f34b8 0%, #b255d8 100%);
        box-shadow: 0 6px 10px #8f34b82e
    }

    .market__recentball--wicket {
        background: linear-gradient(135deg, #cf3434 0%, #ef5656 100%);
        box-shadow: 0 6px 10px #cf34342e
    }

    .market__scorehint {
        margin-top: 4px;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 11px;
        font-weight: 700;
        color: #5f7894;
        line-height: 1.1
    }

    .market__oddstablewrapper {
        width: 100%
    }

    .market__markethead {
        margin-top: 8px;
        padding: 7px 0;
        background: linear-gradient(90deg, #2150a0 0%, #2a84b8 100%);
        display: grid;
        grid-template-columns: minmax(0, 60%) minmax(0, 20%) minmax(0, 20%);
        align-items: center;
        gap: 0;
        border-radius: 14px 14px 0 0;
        box-shadow: 0 6px 14px #2486b21f;
        border: 1px solid #67b5de;
        border-bottom: none
    }

    .market__marketlead {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
        min-height: 34px;
        padding: 0 10px;
        border-right: 1px solid rgba(255, 255, 255, .28);
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .market__marketcolumnlabel {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 6px;
        color: #fffffff5;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 12px;
        font-weight: 700;
        white-space: nowrap;
        min-height: 30px;
        border-right: 1px solid rgba(255, 255, 255, .28)
    }

    .market__marketcolumnlabel--last {
        border-right: none
    }

    .market__marketmetainline {
        color: #ffffffeb;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 10px;
        font-weight: 700;
        white-space: nowrap
    }

    .market__marketinfo {
        position: relative;
        width: 20px;
        height: 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: rgba(255, 255, 255, .18);
        border: 1px solid rgba(255, 255, 255, .42);
        color: #fff;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        cursor: pointer;
        outline: none;
        flex: 0 0 auto
    }

    .market__markettooltip {
        position: absolute;
        right: 0;
        top: calc(100% + 8px);
        padding: 6px 10px;
        border-radius: 8px;
        background: rgba(10, 18, 34, .96);
        color: #fff;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 10px;
        font-weight: 700;
        white-space: nowrap;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-4px);
        transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
        z-index: 3;
        box-shadow: 0 8px 18px #00000038
    }

    .market__markettooltip:before {
        content: "";
        position: absolute;
        top: -5px;
        right: 8px;
        width: 10px;
        height: 10px;
        background: rgba(10, 18, 34, .96);
        transform: rotate(45deg)
    }

    .market__sessionboard-oddscell--disabled {
        cursor: default;
        pointer-events: none;
        opacity: .45;
        box-shadow: none;
    }

    table {
        all: revert;
        width: 100%
    }

    th {
        text-align: center
    }

    body {
        background-color: #e9e9e9
    }

    .center {
        text-align: center
    }

    .pagination {
        display: inline-block
    }

    .loading-spinner {
        width: 20px;
        height: 20px;
        border: 2px solid #ccc;
        border-top: 2px solid #333;
        border-radius: 50%;
        animation: spin 1s linear infinite
    }

    @keyframes spin {
        0% {
            transform: rotate(0)
        }

        to {
            transform: rotate(360deg)
        }
    }

    @media (max-width: 767px) {
        .teamNameForOdds {
            font-size: x-small
        }
    }

    @media (min-width: 1024px) {
        .teamNameForOdds {
            font-size: small
        }
    }

    .ScoreCard {
        background: #FFF;
        padding: .2em
    }

    .ScoreCard p {
        font-size: .6em;
        color: #000;
        padding: 2px;
        text-align: center;
        line-height: 20px;
        text-transform: uppercase;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: 700
    }

    .ButtonSess {
        background-repeat: no-repeat;
        background-color: transparent;
        border: 0px solid;
        color: #000;
        border-color: #696 #363 #363 #696;
        height: 15px;
        width: 150px;
        text-align: center;
        font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: 700
    }

    .MatchAmount {
        background: #FFF;
        color: #000;
        border: none;
        text-align: center;
        width: 120px;
        font-weight: 700;
        font-size: 16px;
        font-family: Verdana, Geneva, sans-serif
    }

    .AmountTime {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 24px;
        text-align: center;
        color: red;
        width: 35px;
        font-weight: bolder;
        background-color: transparent;
        border: none
    }

    .AmountTime {
        background: #2486B2;
        color: #fff;
        font-weight: 700;
        font-size: 18px;
        font-family: Verdana, Geneva, sans-serif
    }

    .ledgericon {
        width: 18px;
        height: 18px;
        object-fit: contain;
        cursor: pointer
    }

    .td-flex {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .left-content {
        width: 90%;
        text-align: center
    }

    .right-icon {
        width: 10%;
        text-align: right;
        padding-right: 5px
    }

    .market {
        width: 100%;
        background-color: #e9e9e9;
        padding: 7px
    }

    .market__container {
        width: 100%
    }

    .market__upcomingticker {
        display: block;
        margin-bottom: 8px;
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #86c2e5;
        box-shadow: 0 8px 18px #2486b20f;
        background: linear-gradient(90deg, #214e97 0%, #2f95cb 100%)
    }

    .market__upcomingticker-trackwrap {
        width: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
        background: linear-gradient(90deg, #183b6f 0%, #245d93 100%);
        min-height: 52px
    }

    .market__upcomingticker-track {
        display: inline-flex;
        align-items: center;
        min-width: max-content;
        white-space: nowrap;
        animation: marketTicker 24s linear infinite
    }

    .market__upcomingticker-track--paused {
        animation-play-state: paused
    }

    .market__upcomingticker-item {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 2px;
        padding: 0 22px;
        border: none;
        min-height: 52px;
        color: #fff;
        border-right: 1px solid rgba(255, 255, 255, .15);
        cursor: pointer;
        background: transparent;
        text-align: left;
        touch-action: manipulation;
        -webkit-tap-highlight-color: rgba(255, 255, 255, .15)
    }

    .market__upcomingticker-item:hover {
        background: rgba(255, 255, 255, .08)
    }

    .market__upcomingticker-item--live {
        background: transparent;
        box-shadow: none
    }

    .market__upcomingticker-topline {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        min-width: 0;
        width: 100%
    }

    .market__upcomingticker-name {
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 15px;
        font-weight: 700;
        color: #fff;
        line-height: 1.05;
        min-width: 0
    }

    .market__upcomingticker-time {
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 10px;
        font-weight: 700;
        color: #cdeaff;
        line-height: 1.1
    }

    .market__upcomingticker-status {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 24px;
        padding: 0 12px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .12);
        border: 1px solid rgba(255, 255, 255, .22);
        color: #fff;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: .72rem;
        font-weight: 700;
        line-height: 1;
        text-transform: none;
        letter-spacing: 0;
        flex: 0 0 auto;
        position: relative;
        white-space: nowrap
    }

    .market__upcomingticker-status--live {
        gap: 6px;
        min-height: 24px;
        padding: 0 10px 0 11px;
        border-radius: 999px;
        background: rgba(255, 96, 109, .18);
        border: 2px solid rgba(255, 125, 136, .62);
        color: #fff;
        box-shadow: 0 4px 12px #c52c402e, inset 0 1px #ffffff14
    }

    .market__upcomingticker-status--live:before {
        content: "";
        display: inline-block;
        flex: 0 0 auto;
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: #ffffff;
        box-shadow: 0 0 #ffffffb3;
        animation: marketLiveDotPulse 1.4s infinite
    }

    @keyframes marketLiveDotPulse {
        0% {
            box-shadow: 0 0 #fff9
        }

        70% {
            box-shadow: 0 0 0 6px #fff0
        }

        to {
            box-shadow: 0 0 #fff0
        }
    }

    @keyframes marketTicker {
        0% {
            transform: translate(0)
        }

        to {
            transform: translate(-50%)
        }
    }

    .market__tvstream-container {
        width: 100%;
        height: 250px
    }

    .market__stream-iframe {
        width: 100%;
        height: 100%;
        min-height: 250px
    }

    .market__scoreiframe-container {
        width: 100%;
        height: 150px;
        border-radius: 12px;
        overflow: hidden
    }

    .market__scoreiframe {
        width: 100%;
        height: 100%
    }

    .market__scorecard {
        margin-top: 8px;
        background: linear-gradient(180deg, #eef7ff 0%, #e5f2fd 100%);
        border: 1px solid #67b5de;
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 8px 16px #2486b21f
    }

    .market__scorecard-header {
        background: linear-gradient(90deg, #2150a0 0%, #3194c1 100%);
        padding: 10px 14px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px
    }

    .market__scorecard-title {
        font-family: Barlow Condensed, Trebuchet MS, Arial, sans-serif;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .11em;
        color: #fff;
        text-align: center;
        line-height: 1.15;
        flex: 1;
        text-wrap: balance;
        word-break: normal
    }

    .market__headeraction {
        flex: 0 0 auto;
        color: #fff;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        width: 24px;
        height: 24px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: rgba(255, 255, 255, .16);
        border: 1px solid rgba(255, 255, 255, .35);
        font-size: 18px;
        font-weight: 700;
        line-height: 1;
        cursor: pointer
    }

    .market__headercontrols {
        display: flex;
        align-items: center;
        gap: 10px;
        flex: 0 0 auto
    }

    .market__headericon {
        width: 26px;
        height: 26px;
        padding: 4px;
        border-radius: 50%;
        background: rgba(255, 255, 255, .16);
        border: 1px solid rgba(255, 255, 255, .35);
        object-fit: contain;
        cursor: pointer;
        opacity: .9;
        transition: transform .15s ease, opacity .15s ease
    }

    .market__headericon--active {
        opacity: 1;
        transform: scale(1.05)
    }

    .market__collapsible {
        max-height: 10000px;
        overflow: visible;
        opacity: 1;
        transition: max-height .28s ease, opacity .2s ease, transform .2s ease;
        transform: translateY(0)
    }

    .market__collapsible--closed {
        max-height: 0;
        opacity: 0;
        transform: translateY(-6px)
    }

    .market__scorepanel {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(0, .95fr);
        align-items: stretch;
        gap: 12px;
        padding: 14px 16px
    }

    .market__scorepanel--compact {
        grid-template-columns: 1fr
    }

    .market__scorepanel-column {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 10px;
        min-width: 0;
        padding: 0
    }

    .market__scorepanel-column--right {
        align-items: flex-end;
        text-align: right
    }

    .market__scorepanel-column--full {
        align-items: center;
        text-align: center
    }

    .market__scorepanel-column--full .market__recentballs {
        justify-content: center
    }

    .market__scoreline {
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 15px;
        font-weight: 700;
        color: #143863;
        line-height: 1.14;
        word-break: break-word;
        letter-spacing: 0;
        text-shadow: 0 1px 0 rgba(255, 255, 255, .12)
    }

    .market__scoreline--highlight {
        color: #1d6f99;
        font-weight: 800
    }

    .market__recentballs {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-end;
        gap: 5px;
        margin-top: 2px;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden
    }

    .market__recentball {
        font-family: Barlow Condensed, Trebuchet MS, Arial, sans-serif;
        width: 30px;
        height: 30px;
        flex: 0 0 30px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #1b76bb 0%, #2f8fd1 100%);
        color: #fff;
        font-size: 14px;
        font-weight: 900;
        box-shadow: 0 6px 10px #2068b32e
    }

    .market__recentball--wide {
        width: auto;
        min-width: 30px;
        padding: 0 8px;
        border-radius: 999px;
        flex: 0 0 auto
    }

    .market__recentball--four {
        background: linear-gradient(135deg, #118d2b 0%, #22b33f 100%);
        box-shadow: 0 6px 10px #118d2b2e
    }

    .market__recentball--six {
        background: linear-gradient(135deg, #8f34b8 0%, #b255d8 100%);
        box-shadow: 0 6px 10px #8f34b82e
    }

    .market__recentball--wicket {
        background: linear-gradient(135deg, #cf3434 0%, #ef5656 100%);
        box-shadow: 0 6px 10px #cf34342e
    }

    .market__scorehint {
        margin-top: 4px;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 11px;
        font-weight: 700;
        color: #5f7894;
        line-height: 1.1
    }

    .market__oddstablewrapper {
        width: 100%
    }

    .market__markethead {
        margin-top: 8px;
        padding: 7px 0;
        background: linear-gradient(90deg, #2150a0 0%, #2a84b8 100%);
        display: grid;
        grid-template-columns: minmax(0, 60%) minmax(0, 20%) minmax(0, 20%);
        align-items: center;
        gap: 0;
        border-radius: 14px 14px 0 0;
        box-shadow: 0 6px 14px #2486b21f;
        border: 1px solid #67b5de;
        border-bottom: none
    }

    .market__marketlead {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
        min-height: 34px;
        padding: 0 10px;
        border-right: 1px solid rgba(255, 255, 255, .28);
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .market__marketcolumnlabel {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 6px;
        color: #fffffff5;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 12px;
        font-weight: 700;
        white-space: nowrap;
        min-height: 30px;
        border-right: 1px solid rgba(255, 255, 255, .28)
    }

    .market__marketcolumnlabel--last {
        border-right: none
    }

    .market__marketmetainline {
        color: #ffffffeb;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 10px;
        font-weight: 700;
        white-space: nowrap
    }

    .market__marketinfo {
        position: relative;
        width: 20px;
        height: 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: rgba(255, 255, 255, .18);
        border: 1px solid rgba(255, 255, 255, .42);
        color: #fff;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        cursor: pointer;
        outline: none;
        flex: 0 0 auto
    }

    .market__markettooltip {
        position: absolute;
        right: 0;
        top: calc(100% + 8px);
        padding: 6px 10px;
        border-radius: 8px;
        background: rgba(10, 18, 34, .96);
        color: #fff;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 10px;
        font-weight: 700;
        white-space: nowrap;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-4px);
        transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
        z-index: 3;
        box-shadow: 0 8px 18px #00000038
    }

    .market__markettooltip:before {
        content: "";
        position: absolute;
        top: -5px;
        right: 8px;
        width: 10px;
        height: 10px;
        background: rgba(10, 18, 34, .96);
        transform: rotate(45deg)
    }

    .market__sessionboard-name {
        color: #111827;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        overflow-wrap: anywhere;
        text-align: start;
    }

    .market__bookmaker-boardodds {
        cursor: pointer;
        position: relative;
        background: #fff;
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
    }


    .market__bookmaker-boardteam,
    .market__bookmaker-boardodds {
        min-height: 50px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 5px 6px;
        text-align: center;
        border-right: 1px solid #c6dff1;
    }

    .market__bookmaker-boardodds--back .market__bookmaker-odds {
        color: #0c18c9;
    }


    @media (max-width: 768px) {
        .market__bookmaker-odds {
            font-size: 15px;
        }
    }

    .market__bookmaker-odds {
        font-family: Barlow Condensed, Trebuchet MS, Arial, sans-serif;
        font-size: 18px;
        font-weight: 800;
        line-height: 1;
        letter-spacing: .01em;
        transition: transform .15s ease, opacity .15s ease;
    }

    .market__bookmaker-boardodds--disabled .market__bookmaker-odds {
        transform: none;
    }

    .market__bookmaker-boardteam {
        align-items: start;
    }

    .ScoreCard p {
        font-size: 10px !important;
        color: #000;
        padding: 2px;
        text-align: center;
        line-height: 20px;
        text-transform: uppercase;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: 700;
    }

    .market__bookmaker-boardrow:first-child {
        border-top: 1px solid #c6dff1;
    }

    .market__bookmaker-boardrow,
    .market__sessionboard-row {
        display: grid;
        grid-template-columns: minmax(0, 60%) minmax(0, 20%) minmax(0, 20%);
        min-height: 48px;
        border-bottom: 2px solid #e4edf4;
    }

    .market__bookmaker-boardodds--lay .market__bookmaker-odds {
        color: #ff1010;
    }

    @media (max-width: 768px) {
        .market__bookmaker-odds {
            font-size: 15px;
        }
    }

    .market__bookmaker-odds {
        font-family: Barlow Condensed, Trebuchet MS, Arial, sans-serif;
        font-size: 18px;
        font-weight: 800;
        line-height: 1;
        letter-spacing: .01em;
        transition: transform .15s ease, opacity .15s ease;
    }

    .footer-row .place-btn .liability {
        font-size: 11px;
        font-weight: 500;
        color: #ffffffd1;
        letter-spacing: .5px;
        text-transform: none;
        margin-top: 2px;
    }

    .bet-modal-backdrop {
        position: fixed;
        inset: 0;
        z-index: 9;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 16px;
        background: rgba(7, 16, 32, .64)
    }

    .bet-modal-backdrop .bet-modal {
        width: min(430px, 100%);
        overflow: hidden;
        border-radius: 10px;
        background: #fff;
        box-shadow: 0 20px 50px rgba(0, 0, 0, .32);
        font-family: Trebuchet MS, Verdana, Arial, sans-serif
    }

    .bet-modal-backdrop .modal-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 12px;
        background: linear-gradient(90deg, #2150a0 0%, #2a84b8 100%);
        color: #fff
    }

    .bet-modal-backdrop .modal-header-heading {
        font-size: 15px;
        font-weight: 800
    }

    .bet-modal-backdrop .timer {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 26px;
        min-height: 26px;
        margin-left: 4px;
        border-radius: 50%;
        background: #fff;
        color: #e11d48;
        font-weight: 900
    }

    .bet-modal-backdrop .close-x {
        width: 30px;
        height: 30px;
        border: 1px solid rgba(255, 255, 255, .5);
        border-radius: 50%;
        background: rgba(255, 255, 255, .16);
        color: #fff;
        font-size: 18px;
        font-weight: 900;
        line-height: 1;
        cursor: pointer
    }

    .bet-modal-backdrop .modal-body {
        position: relative;
        padding: 12px;
        background: #f4f7fb
    }

    .bet-modal-backdrop .bet-modal-loading {
        margin-bottom: 8px;
        padding: 7px;
        border-radius: 6px;
        background: #fff7ed;
        color: #9a3412;
        text-align: center;
        font-size: 12px;
        font-weight: 800
    }

    .bet-modal-backdrop .betfor {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 8px;
        align-items: center;
        padding: 8px 10px;
        border-radius: 8px;
        background: #fff;
        border: 1px solid #dde8f2
    }

    .bet-modal-backdrop .lebel {
        color: #5b6774;
        font-size: 12px;
        font-weight: 800
    }

    .bet-modal-backdrop .betfortem {
        min-width: 0;
        color: #111827;
        font-size: 13px;
        font-weight: 900;
        text-transform: uppercase;
        overflow-wrap: anywhere
    }

    .bet-modal-backdrop .betfor__mode {
        padding: 4px 8px;
        border-radius: 999px;
        background: #faa9ba;
        color: #111827;
        font-size: 11px;
        font-weight: 900
    }

    .bet-modal-backdrop .top-row {
        display: grid;
        grid-template-columns: 34% minmax(0, 1fr);
        gap: 10px;
        margin-top: 10px
    }

    .bet-modal-backdrop .bet-field label {
        display: block;
        margin-bottom: 5px;
        color: #354253;
        font-size: 12px;
        font-weight: 900
    }

    .counter-1 {
        display: flex;
        align-items: stretch;
        height: 44px;
        background: #ffffff;
        border: 1px solid #d4e6f3;
        border-radius: 10px;
        overflow: hidden;
    }

    .footer-row .place-btn {
        position: relative;
        flex: 1.6;
        padding: 12px;
        border-radius: 10px;
        border: none;
        background: linear-gradient(90deg, #285aa8 0%, #38a4db 100%);
        color: #fff;
        font-weight: 700;
        font-family: Barlow Condensed, Arial, sans-serif;
        font-size: 14px;
        cursor: pointer;
        transition: all .2s;
        letter-spacing: 1px;
        text-transform: uppercase;
        line-height: 1.4;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .bet-modal-backdrop .counter-1 {
        display: grid;
        grid-template-columns: auto auto minmax(0, 1fr) auto auto;
        align-items: center;
        min-height: 40px;
        border: 1px solid #cddce8;
        border-radius: 8px;
        background: #fff;
        overflow: hidden
    }

    .bet-modal-backdrop .bet-field:first-child .counter-1 {
        grid-template-columns: minmax(0, 1fr)
    }

    .bet-modal-backdrop .counter-1 input {
        width: 100%;
        min-width: 0;
        height: 40px;
        border: 0;
        background: transparent;
        color: #111827;
        font-size: 15px;
        font-weight: 900;
        text-align: center;
        outline: none
    }

    .modal-body {
        padding: 18px;
        position: relative;
        background: linear-gradient(180deg, #f7fbff 0%, #eef7ff 100%) !important;
    }

    .info-strip {
        background: linear-gradient(180deg, #f9fcff 0%, #eef6fd 100%);
        border: 1px solid #d7e8f6;
        border-radius: 8px;
        padding: 8px 12px;
        display: flex;
        justify-content: space-between;
        margin-bottom: 14px;
    }

    .bet-modal-backdrop .cbtn {
        width: 40px;
        height: 43px;
        border: 0;
        background: #eaf2fa;
        color: #1f4f91;
        font-size: 20px;
        font-weight: 900;
        cursor: pointer
    }

    .bet-modal-backdrop .bet-helper {
        margin-top: 5px;
        color: #64748b;
        font-size: 11px;
        font-weight: 700
    }

    .bet-modal-backdrop .quick-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
        margin-top: 12px
    }

    .bet-modal-backdrop .qbtn,
    .bet-modal-backdrop .abtn,
    .bet-modal-backdrop .cancel-btn,
    .bet-modal-backdrop .place-btn {
        border: 0;
        border-radius: 7px;
        font-weight: 900;
        cursor: pointer
    }

    .bet-modal-backdrop .qbtn {
        min-height: 36px;
        /* background: #fff; */
        border: 1px solid #cddce8;
        color: #1f4f91;
        font-size: 13px
    }

    .betfor .lebel {
        color: #627996;
        font-weight: 600;
        font-size: 11px;
        letter-spacing: .8px;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .betfor .betfortem {
        font-size: 13px;
        font-weight: 700;
        color: #294d7f;
        line-height: 1.4;
        word-break: break-word;
    }

    .action-row .abtn.min-max {
        background: linear-gradient(180deg, #f7fbff 0%, #edf6fd 100%);
        border: 1px solid #a8cae8;
        color: #2a68a7;
    }

    .action-row .abtn {
        flex: 1;
        padding: 9px 0;
        border-radius: 8px;
        font-size: 11px;
        font-weight: 700;
        font-family: Barlow Condensed, Arial, sans-serif;
        letter-spacing: 1px;
        cursor: pointer;
        text-transform: uppercase;
        transition: all .15s;
    }

    .betfor {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        gap: 6px;
        margin-bottom: 14px;
        padding: 10px 12px;
        background: linear-gradient(180deg, #ffffff 0%, #f4f9fe 100%);
        border: 1px solid #d7e8f6;
        border-radius: 10px;
    }

    .bet-modal-backdrop .action-row {
        display: grid;
        grid-template-columns: 1fr 1fr .8fr;
        gap: 8px;
        margin-top: 10px
    }

    .bet-modal-backdrop .abtn {
        min-height: 34px;
        background: #eaf2fa;
        color: #234b80;
        font-size: 12px
    }

    .bet-modal-backdrop .abtn.clear {
        background: #fee2e2;
        color: #b91c1c
    }

    .bet-modal-backdrop .info-strip {
        display: flex;
        justify-content: space-between;
        gap: 8px;
        margin-top: 10px;
        padding: 8px 10px;
        border-radius: 7px;
        background: #fff;
        color: #334155;
        font-size: 12px
    }

    .bet-modal-backdrop .footer-row {
        display: grid;
        grid-template-columns: .8fr 1.4fr;
        gap: 10px;
        margin-top: 12px
    }

    .bet-modal-backdrop .cancel-btn,
    .bet-modal-backdrop .place-btn {
        min-height: 42px;
        color: #fff;
        font-size: 14px
    }

    .bet-modal-backdrop .cancel-btn {
        background: #64748b
    }

    .footer-row .cancel-btn {
        position: relative;
        flex: 1;
        padding: 12px;
        border-radius: 10px;
        border: 1px solid #cfdfef;
        background: linear-gradient(180deg, #ffffff 0%, #f2f8fe 100%) !important;
        color: #607793;
        font-weight: 600;
        font-family: Barlow, Arial, sans-serif;
        font-size: 13px;
        cursor: pointer;
        transition: all .2s;
        letter-spacing: .5px;
    }

    .bet-modal-backdrop .liability {
        display: block;
        margin-top: 2px;
        font-size: 11px;
        font-weight: 800;
        opacity: .92
    }

    .bet-modal-backdrop button:disabled,
    .bet-modal-backdrop input:disabled {
        opacity: .6;
        cursor: not-allowed
    }

    .counter-1 .divider {
        width: 1px;
        background: #d8e8f4;
        flex-shrink: 0;
    }









    .market__sessionboard-oddscell {
        cursor: pointer;
        align-items: center;
        text-align: center;
        background: #fff;
        transition: box-shadow .15s ease, transform .15s ease;
    }

    .market__sessionboard-oddscell:last-child {
        border-right: none;
    }



    @media (max-width: 768px) {

        .market__sessionboard-namecell,
        .market__sessionboard-oddscell {
            min-height: 48px;
            padding: 4px;
        }
    }

    .market__sessionboard-oddscell--no .market__sessionboard-run,
    .market__sessionboard-oddscell--no .market__sessionboard-price {
        color: #ff1010;
    }

    .market__sessionboard-oddscell--no .market__sessionboard-run,
    .market__sessionboard-oddscell--no .market__sessionboard-price {
        color: #ff1010;
    }

    .market__sessionboard-oddscell--yes .market__sessionboard-run,
    .market__sessionboard-oddscell--yes .market__sessionboard-price {
        color: #0c18c9;
    }

    .market__sessionboard-oddscell--yes .market__sessionboard-run,
    .market__sessionboard-oddscell--yes .market__sessionboard-price {
        color: #0c18c9;
    }

    .market__sessionboard-namecell,
    .market__sessionboard-oddscell {
        min-height: 54px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 5px 6px;
        text-align: center;
        border-right: 1px solid #c6dff1;
    }

    .market__sessionboard-price {
        margin-top: 2px;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 10px;
        font-weight: 700;
        line-height: 1;
    }

    @media (max-width: 768px) {
        .market__sessionboard-run {
            font-size: 15px;
        }
    }

    .market__sessionboard-price {
        margin-top: 2px;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 10px;
        font-weight: 700;
        line-height: 1;
    }

    .market__sessionboard-oddscell {
        cursor: pointer;
        align-items: center;
        text-align: center;
        background: #fff;
        transition: box-shadow .15s ease, transform .15s ease;
    }

    .market__historyhead {
        margin-top: 8px;
        padding: 7px 10px;
        background: linear-gradient(90deg, #2150a0 0%, #2a84b8 100%);
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        border-radius: 14px 14px 0 0;
        border: 1px solid #67b5de;
        border-bottom: none;
        box-shadow: 0 6px 14px #2486b21f;
    }

    @media (max-width: 768px) {
        .market__historytitlemain {
            font-size: 11px;
        }
    }

    @media (max-width: 768px) {
        .market__headeraction {
            width: 22px;
            height: 22px;
            font-size: 16px;
        }
    }

    @media (max-width: 768px) {
        .market__bethistory {
            padding: 6px;
            border-radius: 0 0 10px 10px;
        }
    }

    @media (max-width: 768px) {
        .market__history-table {
            border-radius: 8px;
        }
    }


    .market__history-table {
        width: 100%;
        background: #fff;
        border: 1px solid #b9d8ec;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 4px 10px #2486b214;
        margin-bottom: 8px;
    }

    @media (max-width: 768px) {
        .market__history-subtitle {
            padding: 7px 10px 5px;
            font-size: 12px;
        }
    }


    .market__history-subtitle {
        padding: 8px 12px 6px;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .03em;
        text-transform: uppercase;
        color: #2c5a98;
        background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%);
        border-bottom: 1px solid #d9e8f4;
    }

    @media (max-width: 768px) {
        .market__history-table thead tr th {
            font-size: 11px;
            padding: 7px 5px;
        }
    }


    .market__history-table thead tr th {
        color: #fff;
        border: none;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 10px;
        font-weight: 700;
        vertical-align: middle;
        letter-spacing: .02em;
        padding: 6px 4px;
        border-right: 1px solid rgba(255, 255, 255, .24);
    }

    .market__history-table:last-child {
        margin-bottom: 0;
    }


    @media (max-width: 768px) {
        .market__history-table {
            border-radius: 8px;
        }
    }

    .market__history-empty {
        padding: 12px;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 12px;
        font-weight: 700;
        color: #5f7894;
        text-align: center;
    }

    .market__history-table thead {
        width: 100%;
        background: linear-gradient(90deg, #2b5fa8 0%, #50b3df 100%);
        height: 28px;
    }

    @media (max-width: 768px) {
        .market__modebadge {
            min-width: 30px;
            min-height: 24px;
            padding: 0 8px;
            font-size: 11px;
        }
    }

    .market__modebadge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 32px;
        min-height: 26px;
        padding: 0 9px;
        border-radius: 999px;
        background: rgba(40, 90, 168, .08);
        border: 1px solid #c9def0;
        color: #285aa8;
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
    }

    .market__history-table {
        width: 100%;
        background: #fff;
        border: 1px solid #b9d8ec;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 4px 10px #2486b214;
        margin-bottom: 8px;
    }

    .market__bethistory {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-top: 10px;
        max-height: 2000px;
        overflow: hidden;
        opacity: 1;
        transition: max-height .28s ease, opacity .2s ease, transform .2s ease;
        transform: translateY(0);
        background: linear-gradient(180deg, #f7fbff 0%, #eef7ff 100%);
        border: 1px solid #86c2e5;
        border-top: none;
        border-radius: 0 0 14px 14px;
        padding: 8px;
        box-shadow: 0 8px 18px #2486b20f;
    }

    .market__headeraction {
        flex: 0 0 auto;
        color: #fff;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        width: 24px;
        height: 24px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: rgba(255, 255, 255, .16);
        border: 1px solid rgba(255, 255, 255, .35);
        font-size: 18px;
        font-weight: 700;
        line-height: 1;
        cursor: pointer;
    }

    .market__historytitlemain {
        color: #fff;
        font-family: Trebuchet MS, Verdana, Arial, sans-serif;
        font-size: 12px;
        font-weight: 700;
        white-space: nowrap;
    }

    .profile-page {
        min-height: 100vh;
        background: #e9e9e9
    }

    .profile-page__content {
        padding: 12px 10px 20px
    }

    .menu {
        text-align: center;
        padding: 12px 10px 10px
    }

    .navMain {
        list-style: none;
        padding: 0;
        margin: 0
    }

    .navMain li a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        padding: 0 20px;
        text-decoration: none;
        font-weight: 700;
        color: #fff;
        background: linear-gradient(90deg, #285aa8 0%, #3897cd 100%);
        border: 1px solid rgba(24, 71, 131, .75);
        border-radius: 999px;
        box-shadow: 0 8px 18px #1f58972e
    }

    .profile-card {
        margin-bottom: 16px;
        background: rgba(255, 255, 255, .88);
        border: 1px solid rgba(113, 189, 241, .42);
        border-radius: 18px;
        overflow: hidden;
        box-shadow: 0 14px 28px #163f7014
    }

    .profile-card__heading {
        padding: 12px 16px;
        text-align: center;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 1.04rem;
        font-weight: 700;
        color: #fff;
        background: linear-gradient(90deg, #285aa8 0%, #3897cd 100%)
    }

    .profile-card__body {
        padding: 8px 0
    }

    .profile-card__body--inline {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 14px 16px
    }

    .profile-meta {
        display: grid;
        gap: 8px;
        flex: 1
    }

    .profile-meta__label,
    .profile-row__label {
        font-family: Verdana, Geneva, sans-serif;
        font-size: .95rem;
        font-weight: 700;
        color: #173b63
    }

    .profile-meta select {
        min-height: 40px;
        max-width: 220px;
        border: 1px solid rgba(121, 175, 224, .8);
        border-radius: 10px;
        background: #f8fbff;
        color: #0b2140;
        padding: 0 12px
    }

    .profile-card__action {
        min-width: 120px;
        min-height: 40px;
        border: 1px solid rgba(24, 71, 131, .75);
        border-radius: 999px;
        background: linear-gradient(90deg, #285aa8 0%, #3897cd 100%);
        color: #fff;
        font-weight: 700;
        cursor: pointer;
        box-shadow: 0 8px 18px #1f58972e
    }

    .profile-row {
        display: flex;
        /* justify-content: space-between; */
        align-items: center;
        gap: 16px;
        padding: 12px 16px;
        border-bottom: 1px solid rgba(211, 225, 237, .95)
    }

    .profile-row:last-child {
        border-bottom: none
    }

    .profile-row__value {
        text-align: right;
        font-family: Verdana, Geneva, sans-serif;
        font-size: .95rem;
        font-weight: 600;
        color: #0b2140
    }

    .profile-row__value--uppercase {
        text-transform: uppercase
    }

    .profile-page__bottom-menu {
        margin-top: 4px
    }

    @media (max-width: 640px) {
        .profile-page__content {
            padding: 8px 6px 12px
        }

        .menu {
            padding: 10px 8px 8px
        }

        .navMain li a {
            min-height: 36px;
            padding: 0 16px;
            font-size: .85rem
        }

        .profile-card {
            margin-bottom: 12px;
            border-radius: 16px
        }

        .profile-card__heading {
            padding: 10px 12px;
            font-size: .96rem
        }

        .profile-card__body--inline {
            gap: 12px;
            padding: 12px
        }

        .profile-meta {
            gap: 6px
        }

        .profile-meta__label,
        .profile-row__label {
            font-size: .82rem
        }

        .profile-meta select {
            min-height: 36px;
            width: 100%;
            max-width: none;
            font-size: .92rem
        }

        .profile-card__action {
            width: auto;
            min-width: 112px;
            min-height: 36px;
            padding: 0 18px;
            font-size: .92rem;
            justify-self: start
        }

        /* .profile-row {
            display: grid;
            grid-template-columns: minmax(108px, 42%) 1fr;
            gap: 8px 12px;
            padding: 10px 12px
        } */

        .profile-row__value {
            text-align: right;
            font-size: .88rem;
            word-break: break-word
        }
    }



    .ledger-page {
        min-height: 100vh;
        background: #e9e9e9
    }

    .ledger-page__content {
        padding: 12px 10px 20px
    }

    .menu {
        text-align: center;
        padding: 12px 10px 10px
    }

    .navMain {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .navMain li a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        padding: 0 20px;
        text-decoration: none;
        font-weight: 700;
        color: #fff;
        background: linear-gradient(90deg, #285aa8 0%, #3897cd 100%);
        border: 1px solid rgba(24, 71, 131, .75);
        border-radius: 999px;
        box-shadow: 0 8px 18px #1f58972e
    }

    .ledger-card {
        background: rgba(255, 255, 255, .88);
        border: 1px solid rgba(113, 189, 241, .42);
        border-radius: 18px;
        overflow: hidden;
        box-shadow: 0 14px 28px #163f7014
    }

    .ledger-card__heading {
        padding: 12px 16px;
        text-align: center;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 1.04rem;
        font-weight: 700;
        color: #fff;
        background: linear-gradient(90deg, #285aa8 0%, #3897cd 100%)
    }

    .ledger-table-wrap {
        overflow-x: auto
    }

    .ledger-table {
        width: 100%;
        border-collapse: collapse;
        background: #fff
    }

    .ledger-table thead th {
        padding: 10px 8px;
        text-align: center;
        color: #fff;
        font-family: Verdana, Geneva, sans-serif;
        font-size: .9rem;
        font-weight: 700;
        background: linear-gradient(90deg, #285aa8 0%, #3897cd 100%);
        border-right: 2px solid #ffffff
    }

    .ledger-table thead th:last-child {
        border-right: none
    }

    .ledger-table tbody td {
        padding: 10px 8px;
        font-family: Verdana, Geneva, sans-serif;
        font-size: .9rem;
        font-weight: 600;
        color: #0b2140;
        border-top: 1px solid rgba(211, 225, 237, .95)
    }

    .ledger-table__match {
        font-weight: 700;
        cursor: pointer
    }

    .ledger-table__numeric {
        text-align: right
    }

    .mat-mdc-paginator {
        background: rgba(255, 255, 255, .82);
        border-radius: 14px;
        margin: 12px 0 0
    }

    .ledger-page__bottom-menu {
        margin-top: 14px
    }

    @media (max-width: 640px) {
        .ledger-page__content {
            padding: 8px 6px 12px
        }

        .menu {
            padding: 10px 8px 8px
        }

        .navMain li a {
            min-height: 36px;
            padding: 0 16px;
            font-size: .85rem
        }

        .ledger-card {
            border-radius: 16px
        }

        .ledger-card__heading {
            padding: 10px 12px;
            font-size: .96rem
        }

        .ledger-table thead th,
        .ledger-table tbody td {
            padding: 7px 6px;
            font-size: .8rem
        }
    }



    .mat-mdc-paginator {
        display: block
    }

    .mat-mdc-paginator .mat-mdc-form-field-subscript-wrapper {
        display: none
    }

    .mat-mdc-paginator .mat-mdc-select {
        line-height: 1.5
    }

    .mat-mdc-paginator-outer-container {
        display: flex
    }

    .mat-mdc-paginator-container {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 0 8px;
        flex-wrap: wrap-reverse;
        width: 100%
    }

    .mat-mdc-paginator-page-size {
        display: flex;
        align-items: baseline;
        margin-right: 8px
    }

    [dir=rtl] .mat-mdc-paginator-page-size {
        margin-right: 0;
        margin-left: 8px
    }

    .mat-mdc-paginator-page-size-label {
        margin: 0 4px
    }

    .mat-mdc-paginator-page-size-select {
        margin: 0 4px;
        width: 84px
    }

    .mat-mdc-paginator-range-label {
        margin: 0 32px 0 24px
    }

    .mat-mdc-paginator-range-actions {
        display: flex;
        align-items: center
    }

    .mat-mdc-paginator-icon {
        display: inline-block;
        width: 28px
    }

    [dir=rtl] .mat-mdc-paginator-icon {
        transform: rotate(180deg)
    }

    .cdk-high-contrast-active .mat-mdc-icon-button[disabled] .mat-mdc-paginator-icon,
    .cdk-high-contrast-active .mat-mdc-paginator-icon {
        fill: currentColor;
        fill: CanvasText
    }

    .cdk-high-contrast-active .mat-mdc-paginator-range-actions .mat-mdc-icon-button {
        outline: solid 1px
    }

    .change-password-page {
        min-height: 100vh;
        background: #e9e9e9
    }

    .change-password-page__content {
        padding: 12px 10px 20px
    }

    .menu {
        text-align: center;
        padding: 12px 10px 10px
    }

    .navMain {
        list-style: none;
        padding: 0;
        margin: 0
    }

    .navMain li a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        padding: 0 20px;
        text-decoration: none;
        font-weight: 700;
        color: #fff;
        background: linear-gradient(90deg, #285aa8 0%, #3897cd 100%);
        border: 1px solid rgba(24, 71, 131, .75);
        border-radius: 999px;
        box-shadow: 0 8px 18px #1f58972e
    }

    .password-card {
        max-width: 640px;
        margin: 0 auto;
        background: rgba(255, 255, 255, .88);
        border: 1px solid rgba(113, 189, 241, .42);
        border-radius: 18px;
        overflow: hidden;
        box-shadow: 0 14px 28px #163f7014
    }

    .password-card__heading {
        padding: 12px 16px;
        text-align: center;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 1.04rem;
        font-weight: 700;
        color: #fff;
        background: linear-gradient(90deg, #285aa8 0%, #3897cd 100%)
    }

    .password-card__body {
        display: grid;
        gap: 16px;
        padding: 18px 16px 20px
    }

    .password-field {
        display: grid;
        gap: 8px
    }

    .password-field__label {
        font-family: Verdana, Geneva, sans-serif;
        font-size: .95rem;
        font-weight: 700;
        color: #173b63
    }

    .input-style {
        width: 100%;
        min-height: 44px;
        padding: 9px 12px;
        box-sizing: border-box;
        border: 1px solid rgba(121, 175, 224, .8);
        border-radius: 10px;
        background: #f8fbff;
        color: #0b2140
    }

    .password-card__actions {
        display: flex;
        justify-content: center;
        padding-top: 4px
    }

    .btn-style {
        background: linear-gradient(90deg, #285aa8 0%, #3897cd 100%);
        color: #fff;
        padding: 10px 18px;
        border: 1px solid rgba(24, 71, 131, .75);
        border-radius: 999px;
        cursor: pointer;
        box-shadow: 0 8px 18px #1f58972e;
        min-width: 180px;
        font-weight: 700
    }

    .change-password-page__bottom-menu {
        margin-top: 14px
    }

    @media (max-width: 640px) {
        .change-password-page__content {
            padding: 8px 6px 12px
        }

        .menu {
            padding: 10px 8px 8px
        }

        .navMain li a {
            min-height: 36px;
            padding: 0 16px;
            font-size: .85rem
        }

        .password-card {
            border-radius: 16px
        }

        .password-card__heading {
            padding: 10px 12px;
            font-size: .96rem
        }

        .password-card__body {
            gap: 12px;
            padding: 14px 12px 16px
        }

        .password-field__label {
            font-size: .84rem
        }

        .input-style {
            min-height: 40px;
            font-size: .92rem
        }

        .btn-style {
            min-width: 0;
            width: 100%;
            min-height: 38px;
            font-size: .92rem
        }
    }



    .game-page {
        font-family: Arial, Helvetica, sans-serif;
        background: #e9e9e9;
        min-height: 100vh
    }

    .game-page__content {
        padding: 12px 10px 20px
    }

    .game-page .menu {
        text-align: center;
        padding: 12px 10px 10px
    }

    .game-page__pagination {
        margin-top: 20px;
        background: rgba(255, 255, 255, .78);
        border-radius: 14px
    }

    .navMain {
        list-style: none;
        padding: 0;
        margin: 0
    }

    .navMain li a {
        text-decoration: none;
        font-weight: 700;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        padding: 0 20px;
        color: #fff;
        background: linear-gradient(90deg, #285aa8 0%, #3897cd 100%);
        border: 1px solid rgba(24, 71, 131, .75);
        border-radius: 999px;
        box-shadow: 0 8px 18px #1f58972e;
        font-size: 13px
    }

    .navMain li a:visited,
    .navMain li a:focus,
    .navMain li a:active {
        color: #fff;
        background: linear-gradient(90deg, #285aa8 0%, #3897cd 100%);
        border: 1px solid rgba(24, 71, 131, .75)
    }

    .navMain li.active a,
    .navMain li.activeRate a {
        border: 1px solid #000;
        color: #fff;
        background: #87bb33
    }

    @media (hover: hover) and (pointer: fine) {
        .navMain li a:hover {
            border: 1px solid #000;
            color: #fff;
            background: #87bb33
        }
    }

    .TeamName {
        padding: 12px 16px 8px;
        font-weight: 700;
        background: linear-gradient(90deg, #285aa8 0%, #3897cd 100%);
        border-radius: 16px 16px 0 0
    }

    .TeamName a {
        text-decoration: none;
        color: #fff;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 1.08rem;
        letter-spacing: .01em
    }

    .game-card {
        margin-bottom: 18px;
        border-radius: 18px;
        overflow: hidden;
        box-shadow: 0 14px 30px #163f7014;
        border: 1px solid rgba(113, 189, 241, .42)
    }

    .game-card__link {
        text-decoration: none;
        color: inherit
    }

    .profile-details {
        padding: 0
    }

    .table-box {
        display: block;
        text-align: center;
        padding: 12px 14px 14px;
        background: linear-gradient(180deg, #ffffff 0%, #f5f9fe 100%);
        text-decoration: none;
        color: #0b2140
    }

    .table-box__summary {
        width: 100%;
        max-width: 420px;
        margin: 0 auto
    }

    .GameList {
        padding: 6px 0;
        font-size: 13px;
        font-weight: 600;
        text-align: center
    }

    .GameList span {
        font-weight: 700
    }

    .GameList--win {
        color: #0d57c4
    }

    .GameList--loss {
        color: #ff2e45
    }

    .GameList--win span,
    .GameList--loss span {
        color: inherit
    }

    @media (max-width: 640px) {
        .game-page__content {
            padding: 10px 8px 16px
        }

        .game-page .menu {
            padding: 10px 8px 8px
        }

        .navMain li a {
            min-height: 36px;
            padding: 0 16px;
            font-size: .85rem
        }

        .TeamName {
            padding: 10px 12px 8px
        }

        .TeamName a {
            font-size: .98rem
        }

        .game-card {
            margin-bottom: 14px;
            border-radius: 16px
        }

        .table-box {
            padding: 10px 12px 12px
        }
    }


    table {
        width: 100%;
        border-collapse: collapse
    }

    .container-old {
        min-height: 100vh;
        background: #e9e9e9
    }

    .result-page__content {
        padding: 12px 10px 20px
    }

    .menu {
        text-align: center;
        padding: 12px 10px 10px
    }

    .navMain {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .navMain li a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        padding: 0 20px;
        text-decoration: none;
        font-weight: 700;
        color: #fff;
        background: linear-gradient(90deg, #285aa8 0%, #3897cd 100%);
        border: 1px solid rgba(24, 71, 131, .75);
        border-radius: 999px;
        box-shadow: 0 8px 18px #1f58972e
    }

    .result-page__hero {
        margin: 16px 0 18px;
        padding: 14px 16px;
        text-align: center;
        color: #fff;
        background: linear-gradient(90deg, #285aa8 0%, #3897cd 100%);
        border: 1px solid rgba(113, 189, 241, .42);
        border-radius: 18px;
        box-shadow: 0 14px 28px #163f701a
    }

    .result-page__hero-code {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 44px;
        min-height: 28px;
        margin-bottom: 8px;
        padding: 0 10px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .16);
        border: 1px solid rgba(255, 255, 255, .22);
        font-family: Verdana, Geneva, sans-serif;
        font-size: .86rem;
        font-weight: 700;
        letter-spacing: .03em
    }

    .result-page__hero-title {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 1.18rem;
        font-weight: 700;
        line-height: 1.25
    }

    .result-page__hero-subtitle {
        margin-top: 6px;
        font-family: Verdana, Geneva, sans-serif;
        font-size: .95rem;
        font-weight: 700;
        opacity: .96
    }

    .result-card {
        margin-bottom: 18px;
        background: rgba(255, 255, 255, .88);
        border: 1px solid rgba(113, 189, 241, .42);
        border-radius: 18px;
        overflow: hidden;
        box-shadow: 0 14px 28px #163f7014
    }

    .result-card__heading {
        padding: 12px 14px;
        text-align: center;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 1.05rem;
        font-weight: 700;
        color: #fff;
        background: linear-gradient(90deg, #285aa8 0%, #3897cd 100%)
    }

    .result-card__body {
        padding: 0;
        background: #fff
    }

    .result-table thead th {
        padding: 10px 8px;
        text-align: center;
        color: #fff;
        font-family: Verdana, Geneva, sans-serif;
        font-size: .92rem;
        font-weight: 700;
        background: linear-gradient(90deg, #285aa8 0%, #3897cd 100%);
        border-right: 2px solid #ffffff
    }

    .result-table thead th:first-child,
    .result-table tbody td:first-child {
        width: 38%
    }

    .result-table thead th:last-child {
        border-right: none
    }

    .result-table tbody td {
        padding: 10px 8px;
        text-align: center;
        font-family: Verdana, Geneva, sans-serif;
        font-size: .93rem;
        font-weight: 600;
        color: #0b2140;
        border-top: 1px solid rgba(215, 228, 241, .9)
    }

    .result-table tbody td:first-child {
        text-align: left
    }

    .result-table__summary td {
        font-weight: 700;
        text-align: center !important;
        background: #fff
    }

    .result-card--compact .result-card__metric {
        padding: 13px 12px;
        text-align: center;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 1rem;
        font-weight: 700;
        background: #fff
    }

    .result-summary-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-width: 132px;
        padding: 8px 14px;
        border-radius: 999px;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: 700;
        border: 1px solid transparent
    }

    .result-summary-badge__label {
        font-size: .82rem;
        text-transform: uppercase;
        letter-spacing: .04em;
        opacity: .9
    }

    .result-summary-badge__value {
        font-size: 1rem;
        line-height: 1
    }

    .result-summary-badge--win {
        color: #0d57c4;
        background: rgba(13, 87, 196, .08);
        border-color: #0d57c429
    }

    .result-summary-badge--loss {
        color: #e53935;
        background: rgba(229, 57, 53, .08);
        border-color: #e5393529
    }

    .result-card__metric--positive {
        color: #0d57c4
    }

    .result-card__metric--negative {
        color: red
    }

    .result-page__bottom-menu {
        margin-top: 8px
    }

    @media (max-width: 640px) {
        .result-page__content {
            padding: 10px 8px 16px
        }

        .menu {
            padding: 10px 8px 8px
        }

        .result-page__hero {
            margin: 14px 0 16px;
            padding: 10px 12px;
            border-radius: 16px
        }

        .result-page__hero-code {
            min-width: 40px;
            min-height: 24px;
            margin-bottom: 6px;
            font-size: .76rem
        }

        .result-page__hero-title {
            font-size: .98rem
        }

        .result-page__hero-subtitle {
            font-size: .88rem
        }

        .result-card {
            margin-bottom: 14px;
            border-radius: 16px
        }

        .result-card__heading {
            padding: 11px 12px;
            font-size: .98rem
        }

        .result-table thead th,
        .result-table tbody td {
            padding: 8px 6px;
            font-size: .84rem
        }

        .result-card--compact .result-card__metric {
            padding: 11px 10px;
            font-size: .94rem
        }

        .result-summary-badge {
            min-width: 112px;
            gap: 6px;
            padding: 7px 12px
        }

        .result-summary-badge__label {
            font-size: .74rem
        }

        .result-summary-badge__value {
            font-size: .92rem
        }
    }










}



@keyframes marketTicker {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}