/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/assets/buhl-app-menu/buhl-app-menu.css ***!
  \************************************************************************************************************************************************************************************************************************************/
/*
When implementing in a new app:
- Leave this file untouched
- In another importing css/less/sass file
    - Set CSS var --buhl-app-menu-active-marker-color
    - Overwrite position for layouting if necessary
- In JS: Set class .buhlAppMenu--mobile when reaching your app breakpoint for hiding the menu
 */

:root {
    /* These can be used in layouts outside of the menu */
    --buhl-app-menu-width: 268px;
    --buhl-app-menu-overlay-width: 348px;
}

.buhlAppMenu {
    /* Colors */
    --color-buhl-blau: #023E84;
    --color-white-10-hover: rgba(255, 255, 255, 0.10);
    --color-white-16-pressed: rgba(255, 255, 255, 0.16);
    --color-white-100-primary: #FFF;
    --color-bg-primary-16: rgba(255, 255, 255, 0.16);
    --color-text-secondary-white: rgba(255, 255, 255, 0.54);

    /* Measurements */
    --corner-button-border-radius: 10px;

    font-family: Geologica, sans-serif;
    /* Ensure that font does not get rendered thicker on macOS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Define css property to adjust z-index */
    /*noinspection CssUnresolvedCustomProperty*/
    z-index: var(--buhl-app-menu-z-index, 1);

    width: var(--buhl-app-menu-width);

    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;

    background-color: var(--color-buhl-blau);

    display: flex;
    flex-direction: column;

    color: white;

    button {
        appearance: none;
        -webkit-appearance: none;

        background: none;
        border: none;
        padding: 0;
        margin: 0;

        font: inherit;
        color: inherit;
        text-align: unset;

        cursor: pointer;

        transition: background-color 200ms;
    }

    .buhlAppMenu__header {
        flex: none;
        padding: 32px 32px 20px 32px;

        display: flex;
        align-items: center;
        justify-content: space-between;

        .header__icon {
            height: 16px;
        }

        .header__button {
            height: 44px;
            width: 44px;
            padding: 12px;

            border-radius: 50%;
            background-color: var(--color-white-10-hover);

            &:active {
                background-color: var(--color-white-16-pressed);
            }

            img {
                width: 20px;
                height: 20px;
            }
        }
    }

    .buhlAppMenu__content {
        padding: 4px calc(16px - min(var(--buhl-app-scrollbar-width, 0px), 16px)) 20px 16px;

        flex: 1 1 0;
        overflow-y: auto;

        display: flex;
        flex-direction: column;

        scrollbar-width: thin;
        scrollbar-color: rgba(255, 255, 255, 0.16) transparent;
        scrollbar-gutter: stable;

        &::-webkit-scrollbar {
            width: 8px;
        }

        &::-webkit-scrollbar-track {
            background: transparent;
        }

        &::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.16);
            border-radius: 4px;
        }

        .buhlAppMenu__topMenuItem {
            width: 100%;

            font-size: 16px;
            line-height: 24px;
            font-weight: 400;

            display: flex;
            align-items: center;
            justify-content: space-between;
            column-gap: 12px;

            padding: 9px 16px;
            border-radius: var(--corner-button-border-radius);

            &:not(.buhlAppMenu__topMenuItem--active, .buhlAppMenu__topMenuItem--activeExpanded) {
                &:hover {
                    background-color: var(--color-white-10-hover);
                }

                &:focus-visible {
                    background-color: unset;
                    outline: 2px solid var(--color-white-100-primary);
                }

                &:active {
                    background-color: var(--color-white-16-pressed);
                }
            }

            &.buhlAppMenu__topMenuItem--activeExpanded {
                font-weight: 600;
            }

            &.buhlAppMenu__topMenuItem--active {
                background-color: var(--color-white-16-pressed);
                font-weight: 600;
            }

            img {
                flex: none;
            }
        }

        .buhlAppMenu__subMenuItem {
            width: 100%;

            font-size: 14px;
            font-weight: 400;
            line-height: 20px;

            display: flex;
            align-items: center;

            padding: 10px 16px;
            border-radius: var(--corner-button-border-radius);

            img {
                flex: none;
                height: 24px;
                width: 24px;
                margin-right: 16px;
            }

            &:not(.buhlAppMenu__subMenuItem--active) {
                &:hover {
                    background-color: var(--color-white-10-hover);
                }

                &:focus-visible {
                    background-color: unset;
                    outline: 2px solid var(--color-white-100-primary);
                }

                &:active {
                    background-color: var(--color-white-16-pressed);
                }

                .subMenuItem__activeMarker {
                    display: none;
                }
            }

            &.buhlAppMenu__subMenuItem--active {
                font-weight: 600;
                background-color: var(--color-white-16-pressed);
                padding-left: 6px;

                &:focus-visible {
                    outline: 2px solid var(--color-white-100-primary);
                }
            }

            .subMenuItem__activeMarker {
                height: 24px;
                width: 4px;
                border-radius: 2px;
                margin-right: 6px;
                background-color: white;
            }
        }

        .buhlAppMenu__divider {
            height: 1px;
            background-color: var(--color-bg-primary-16);

            margin-left: 16px;
            margin-right: 16px;
            margin-bottom: 10px;
        }

        .buhlAppMenu__logoutButton {
            width: 100%;

            display: flex;
            align-items: center;
            column-gap: 16px;

            margin-bottom: 10px;
            padding: 9px 16px;

            border-radius: var(--corner-button-border-radius);

            &:hover {
                background-color: var(--color-white-10-hover);
            }

            &:focus-visible {
                background-color: unset;
                outline: 2px solid var(--color-white-100-primary);
            }

            &:active {
                background-color: var(--color-white-16-pressed);
            }

            .logoutButton__textContainer {
                flex: 1 1 0;
                overflow-x: hidden;

                .logoutButton__label {
                    font-size: 14px;
                    font-weight: 400;
                    line-height: normal;
                }

                .logoutButton__username {
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;

                    font-size: 12px;
                    font-weight: 400;
                    line-height: 18px;
                    color: var(--color-text-secondary-white);
                }
            }

            img {
                flex: none;
                height: 24px;
                width: 24px;
            }
        }

        .buhlAppMenu__imprintButton {
            align-self: flex-start;
            margin-top: auto;
            margin-left: 4px;

            font-size: 10px;
            line-height: 16px;
            font-weight: 400;

            border-radius: var(--corner-button-border-radius);
            padding: 8px 12px;

            &:hover {
                background-color: var(--color-white-10-hover);
            }

            &:focus-visible {
                background-color: unset;
                outline: 2px solid var(--color-white-100-primary);
            }

            &:active {
                background-color: var(--color-white-16-pressed);
            }

            &.buhlAppMenu__imprintButton--dialogFallback {
                color: inherit;
            }
        }

        .buhlAppMenu__imprintButton + .buhlAppMenu__imprintButton {
            margin-top: 2px;
        }

        .buhlAppMenu__topMenuItem + .buhlAppMenu__topMenuItem {
            margin-top: 2px;
        }

        .buhlAppMenu__topMenuItem + .buhlAppMenu__subMenuItem {
            margin-top: 2px;
        }

        .buhlAppMenu__subMenuItem + .buhlAppMenu__subMenuItem {
            margin-top: 2px;
        }

        .buhlAppMenu__subMenuItem + .buhlAppMenu__topMenuItem {
            margin-top: 26px;
        }

        .buhlAppMenu__topMenuItem + .buhlAppMenu__divider {
            margin-top: 10px;
        }

        .buhlAppMenu__subMenuItem + .buhlAppMenu__divider {
            margin-top: 34px;
        }
    }

    .buhlAppMenu__collapseButton {
        position: absolute;
        bottom: 12px;
        right: 20px;

        width: 48px;
        height: 48px;

        display: flex;
        align-items: center;
        justify-content: center;

        background-color: var(--color-buhl-blau);
        border-radius: 50%;

        cursor: pointer;

        &:hover {
            background-color: #1B5190;
        }

        &:active {
            background-color: #2A5D98;
        }
    }

    .buhlAppMenu__collapseButton {
        /* Collapsed mode is not implemented yet */
        display: none;
    }

    .buhlAppMenu__imprintDialog {
        border: none;
        background-color: white;
        border-radius: 10px;
        box-shadow: 0 2px 4px -1px rgba(1, 25, 53, 0.2), 0 4px 5px 0 rgba(1, 25, 53, 0.14), 0 1px 10px 0 rgba(1, 25, 53, 0.12);
        padding: 0;
        opacity: 0;

        margin: 0;
        top: auto;
        right: auto;
        bottom: 54px;
        left: 12px;

        &[open] {
            opacity: 1;
            animation: buhl-app-popup-menu-fade-in 200ms forwards;
        }

        @keyframes buhl-app-popup-menu-fade-in {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }

        &::backdrop {
            background-color: transparent;
        }
    }

    .buhlAppMenu__imprintMenu {
        padding: 8px;
        display: flex;
        flex-direction: column;
        gap: 0;

        .buhlAppMenu__imprintItem {
            background: none;
            border: none;
            display: flex;
            align-items: center;
            gap: 16px;
            min-height: 44px;
            padding: 10px 32px 10px 12px;
            border-radius: 5px;
            width: 100%;
            text-align: left;
            cursor: pointer;
            text-decoration: none;
            position: relative;
            color: #023E84;

            &:hover {
                background-color: #F2F5F9;
            }

            &:active {
                background-color: #FAFBFD;
            }
        }

        .buhlAppMenu__imprintItemIcon {
            width: 24px;
            height: 24px;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;

            img {
                width: 100%;
                height: 100%;
            }
        }

        .buhlAppMenu__imprintItemText {
            flex-grow: 1;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;

            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
        }
    }
}

/* Set this class to switch to mobile mode styles to be used when the menu becomes an overlay */
.buhlAppMenu.buhlAppMenu--mobile {
    width: 100vw;
    max-width: var(--buhl-app-menu-overlay-width);

    transform: translateX(-100%);
    transition: transform 0.3s ease-out;

    .buhlAppMenu__header {
        padding: 24px 24px 0 36px;
    }

    .buhlAppMenu__content {
        padding: 32px calc(20px - min(var(--buhl-app-scrollbar-width, 0px), 20px)) 20px 20px;

        .buhlAppMenu__divider {
            margin-bottom: 16px;
        }

        .buhlAppMenu__logoutButton {
            padding-top: 11px;
            padding-bottom: 11px;
            margin-bottom: 16px;
        }

        .buhlAppMenu__imprintButton {
            font-size: 12px;
            line-height: 18px;
        }

        .buhlAppMenu__topMenuItem + .buhlAppMenu__topMenuItem {
            margin-top: 8px;
        }

        .buhlAppMenu__topMenuItem + .buhlAppMenu__subMenuItem {
            margin-top: 8px;
        }

        .buhlAppMenu__subMenuItem + .buhlAppMenu__topMenuItem {
            margin-top: 32px;
        }

        .buhlAppMenu__topMenuItem + .buhlAppMenu__divider {
            margin-top: 16px;
        }

        .buhlAppMenu__subMenuItem + .buhlAppMenu__divider {
            margin-top: 40px;
        }
    }

    .buhlAppMenu__collapseButton {
        display: none;
    }

    &.buhlAppMenu--overlay {
        transform: translateX(0);
    }

    .buhlAppMenu__imprintDialog {
        left: 17px;
    }
}

.buhlAppMenu:not(.buhlAppMenu--mobile) {
    .buhlAppMenu__header .header__button {
        display: none;
    }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
* {
  box-sizing: border-box;
}

html, body {
  height: 100%;
  overscroll-behavior: none;
}

body {
  margin: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  overscroll-behavior: none;
}

body {
  margin: 0;
}

p {
  margin: 0;
}

body {
  overflow: auto;
}

.ai-assistant-dialog .mat-dialog-container {
  padding: 0;
  overflow: hidden;
  width: 900px;
  height: 470px;
}

:root {
  --key-color: #FA7D19;
  --key-color-rgb: 250, 125, 25;
  --flat-button-hover: #F95F13;
  --flat-button-ripple: #F7420D;
  --selected-item-background-light: #FFF6EE;
  --new-info-icon-border-selected-light: #FBECE0;
  --new-info-icon-border-selected-dark: #3C1E06;
}

.appContainer__childComponent {
  width: 100%;
  height: 100%;
}

.disabled {
  pointer-events: none;
}

.text {
  -webkit-text-size-adjust: none;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}
.text.text--h40 {
  font-size: 40px;
}
.text.text--h30 {
  font-size: 30px;
}
.text.text--h24 {
  font-size: 24px;
}
.text.text--h22 {
  font-size: 22px;
}
.text.text--h20 {
  font-size: 20px;
  letter-spacing: 0.0125em;
}
.text.text--s16 {
  font-size: 16px;
  letter-spacing: 0.00937em;
}
.text.text--b18 {
  font-size: 18px;
  letter-spacing: normal;
  line-height: 24px;
}
.text.text--b16 {
  font-size: 16px;
  letter-spacing: 0.01625em;
  line-height: 19px;
}
.text.text--b14 {
  font-size: 14px;
  letter-spacing: 0.01786em;
  line-height: 20px;
}
.text.text--b12 {
  font-size: 12px;
  line-height: 16px;
}
.text.text--b11 {
  font-size: 11px;
}
.text.text--b10 {
  font-size: 10px;
  letter-spacing: 0.01666em;
  line-height: 14px;
}
.text.text--b9 {
  font-size: 9px;
  letter-spacing: 0.01666em;
  line-height: 14px;
}
.text.text--bt14 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.08929em;
}
.text.text--c12 {
  font-size: 12px;
  letter-spacing: 0.08929em;
  line-height: 16px;
}
.text.text--c10 {
  font-size: 10px;
  letter-spacing: 0.08929em;
  line-height: 14px;
}
.text.text--mp14sp16 {
  font-size: 14px;
  letter-spacing: 0.01786em;
  line-height: 20px;
}
.text.text--mp12sp14 {
  font-size: 12px;
  line-height: 16px;
}
.text.text--medium {
  font-weight: 500;
}
.text.text--bold {
  font-weight: 700;
}
.text.text--black {
  font-weight: 900;
}
.text.text--colorWhite {
  color: white;
}
.text.text--colorWhite54 {
  color: rgba(255, 255, 255, 0.54);
}
.text.text--colorBlack {
  color: black;
}
.text.text--colorBlack54 {
  color: rgba(0, 0, 0, 0.54);
}
.text.text--colorError {
  color: #F20030;
}
.text.text--singleLine {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text.text--singleLineLeft {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  direction: rtl;
  text-align: left;
}
.text.text--center {
  text-align: center;
}
.text.text--right {
  text-align: right;
}
.text.text--noLetterSpacing {
  letter-spacing: 0;
}

.accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-body-wrapper {
  height: 100% !important;
  min-height: 0 !important;
}

@media (max-width: 624px) {
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-header {
    overflow: hidden !important;
    margin-top: -6px !important;
    padding-top: 0 !important;
    --mat-tab-label-text-size: 16px;
    --mat-tab-active-label-text-color: var(--key-color);
    background-color: #ffffff !important;
    --mat-tab-header-inactive-label-text-color: rgba(0, 19, 51, 0.38);
  }
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-label-container,
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-list,
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mdc-tab-bar,
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mdc-tab-scroller,
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mdc-tab-scroller__scroll-area,
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mdc-tab-scroller__scroll-content {
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    transform: none !important;
    padding: 0 !important;
  }
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-labels,
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mdc-tab-scroller__scroll-content {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    gap: 0 !important;
    justify-content: stretch !important;
  }
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab,
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mdc-tab {
    flex: 0 0 33.3333333333% !important;
    width: 33.3333333333% !important;
    max-width: 33.3333333333% !important;
    min-width: 0 !important;
    height: 52px !important;
    padding: 4px 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    margin: 0 !important;
  }
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-labels .mdc-tab,
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-labels:not(:has(.mdc-tab:nth-child(3))) .mdc-tab,
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-labels:not(:has(.mat-mdc-tab:nth-child(3))) .mat-mdc-tab,
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mdc-tab-scroller__scroll-content:not(:has(.mdc-tab:nth-child(3))) .mdc-tab {
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
  }
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mdc-tab__content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    height: 52px !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mdc-tab__content .icon,
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .tabItemIcon {
    width: 24px !important;
    height: 24px !important;
    font-size: 24px !important;
    line-height: 24px !important;
    transform: translateY(1px) !important;
  }
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mdc-tab__text-label,
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab .mdc-tab__text-label,
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab .mat-mdc-tab-label-content span,
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab .tabItemContent,
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mdc-tab__text-label > span {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    padding-bottom: 0 !important;
    transform: translateY(1px) !important;
    white-space: nowrap !important;
    overflow: visible !important;
    max-width: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    display: block !important;
    text-align: center !important;
    letter-spacing: normal !important;
    color: var(--mat-tab-header-inactive-label-text-color, var(--mat-app-text-color)) !important;
  }
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab .mdc-tab__text-label,
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab .mdc-tab__text-label > span {
    font-size: 16px !important;
    line-height: 20px !important;
    color: rgba(0, 19, 51, 0.38) !important;
  }
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label,
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label > span {
    color: var(--mat-tab-active-label-text-color, var(--key-color)) !important;
  }
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab.mdc-tab--active .mdc-tab__content .mdc-tab__text-label,
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab.mdc-tab--active .mdc-tab__content .mdc-tab__text-label > span {
    color: var(--key-color) !important;
    letter-spacing: normal !important;
  }
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab:not(.mdc-tab--active) .mdc-tab__content .mdc-tab__text-label,
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab:not(.mdc-tab--active) .mdc-tab__content .mdc-tab__text-label > span {
    color: rgba(0, 19, 51, 0.38) !important;
    letter-spacing: normal !important;
  }
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab .mdc-tab__content .mdc-tab__text-label > span.ng-star-inserted {
    color: rgba(0, 19, 51, 0.38) !important;
    letter-spacing: normal !important;
  }
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab.mdc-tab--active .mdc-tab__content .mdc-tab__text-label > span.ng-star-inserted {
    color: var(--key-color) !important;
    letter-spacing: normal !important;
  }
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab:not(.mdc-tab--active) .mdc-tab__text-label,
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab:not(.mdc-tab--active) .mdc-tab__text-label * {
    color: rgba(0, 19, 51, 0.38) !important;
    letter-spacing: normal !important;
  }
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label,
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label * {
    color: var(--key-color) !important;
    letter-spacing: normal !important;
  }
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mdc-tab.mdc-tab--active .mdc-tab__text-label,
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mdc-tab.mdc-tab--active .mdc-tab__text-label > span {
    color: var(--key-color) !important;
  }
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-header .mdc-tab-indicator {
    bottom: 8px !important;
  }
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mdc-tab-indicator__content--underline,
  .singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-ink-bar {
    height: 2px !important;
    bottom: 8px !important;
  }
}
.singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-header {
  background-color: #ffffff !important;
}
.singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab:not(.mdc-tab--active) .mdc-tab__text-label,
.singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab:not(.mdc-tab--active) .mdc-tab__text-label > span {
  color: rgba(0, 19, 51, 0.38) !important;
}
.singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label,
.singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label > span {
  color: var(--key-color) !important;
}

.singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-header {
  background-color: #ffffff !important;
}
.singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab:not(.mdc-tab--active) .mdc-tab__text-label,
.singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab:not(.mdc-tab--active) .mdc-tab__text-label > span {
  color: rgba(0, 19, 51, 0.38) !important;
}
.singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label,
.singlePage .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label > span {
  color: var(--key-color) !important;
}

body.singlePage:not(.blue) .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-header {
  background-color: rgb(28, 28, 28) !important;
}
body.singlePage:not(.blue) .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab:not(.mdc-tab--active) .mdc-tab__text-label,
body.singlePage:not(.blue) .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab:not(.mdc-tab--active) .mdc-tab__text-label > span {
  color: rgba(255, 255, 255, 0.38) !important;
}
body.singlePage:not(.blue) .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label,
body.singlePage:not(.blue) .accountsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label > span {
  color: var(--key-color) !important;
}

@media (max-width: 600px) {
  .accountsContent .mat-mdc-tab-group.mat-tab-group-content.mat-primary .mat-mdc-tab .mdc-tab__text-label,
  .accountsContent .mat-mdc-tab-group.mat-tab-group-content.mat-primary .mat-mdc-tab .mdc-tab__text-label > span {
    font-size: 16px !important;
    line-height: 20px !important;
  }
  .accountsContent .mat-mdc-tab-group.mat-tab-group-content.mat-primary .mat-mdc-tab:not(.mdc-tab--active) .mdc-tab__content,
  .accountsContent .mat-mdc-tab-group.mat-tab-group-content.mat-primary .mat-mdc-tab:not(.mdc-tab--active) .mdc-tab__text-label,
  .accountsContent .mat-mdc-tab-group.mat-tab-group-content.mat-primary .mat-mdc-tab:not(.mdc-tab--active) .mdc-tab__text-label > span {
    color: var(--mat-tab-inactive-label-text-color, var(--mat-app-text-color)) !important;
    letter-spacing: normal !important;
  }
  .accountsContent .mat-mdc-tab-group.mat-tab-group-content.mat-primary .mat-mdc-tab.mdc-tab--active .mdc-tab__content,
  .accountsContent .mat-mdc-tab-group.mat-tab-group-content.mat-primary .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label,
  .accountsContent .mat-mdc-tab-group.mat-tab-group-content.mat-primary .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label > span {
    color: var(--key-color) !important;
    letter-spacing: normal !important;
  }
}
.singlePage .text.text--mp14sp16 {
  font-size: 16px;
  letter-spacing: 0.01625em;
  line-height: 19px;
}
.singlePage .text.text--mp12sp14 {
  font-size: 14px;
  letter-spacing: 0.01786em;
  line-height: 20px;
}

.textFlexContainer, .appContainer__mainSection {
  overflow-x: hidden;
}

.hidden {
  display: none;
}

.invisible {
  visibility: hidden;
}

.drawerContainer {
  transition: left 0.3s ease-out, right 0.3s ease-out;
}
.drawerContainer.drawerContainer--hidden {
  width: 0;
}
.drawerContainer.drawerContainer--hidden.drawerContainer--hover {
  position: absolute;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  z-index: 1100;
}

.flyoutOverlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
}

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.cardListContainer {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.cardListContainer .cardListHeader {
  flex: none;
  z-index: 1;
}
.cardListContainer .cardListContent {
  overflow-y: hidden;
  flex: 1 1 0;
  z-index: 0;
}

.cardListItem {
  display: flex;
  padding: 0 14px;
  position: relative;
  width: 100%;
  height: 80px;
}
.cardListItem.cardListItem--noMore .cardListItem__textContainer .cardListItem__name, .cardListItem.cardListItem--noMore .cardListItem__textContainer .cardListItem__iban {
  margin-right: 0;
}
.cardListItem:not(.cardListItem--smallWidth).cardListItem--smallHeight {
  height: 66px;
}
.cardListItem:not(.cardListItem--smallWidth).cardListItem--smallHeight .cardListItem__textContainer {
  padding-left: 16px;
}
.cardListItem:not(.cardListItem--smallWidth).cardListItem--smallHeight .cardListItem__textContainer .cardListItem__name {
  margin-top: 24px;
}
.cardListItem:not(.cardListItem--smallWidth).cardListItem--smallHeight .cardListItem__imageContainer {
  flex: 0 0 50px;
}
.cardListItem:not(.cardListItem--smallWidth).cardListItem--smallHeight .cardListItem__imageContainer .cardListItem__image {
  height: 50px;
  width: 50px;
  border-radius: 25px;
}
.cardListItem.cardListItem--disabledOnSort {
  opacity: 0.3;
}
.cardListItem.cardListItem--smallWidth {
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding-top: 9px;
}
.cardListItem.cardListItem--smallWidth .cardListItem__imageContainer {
  flex: 0 0 28px;
}
.cardListItem.cardListItem--smallWidth .cardListItem__imageContainer .cardListItem__image {
  width: 28px;
  height: 28px;
}
.cardListItem.cardListItem--smallWidth .cardListItem__refreshButton {
  width: 28px;
  height: 28px;
}
.cardListItem.cardListItem--smallWidth .cardListItem__refreshButton.cardListItem__refreshButton--accountGroup {
  width: 100%;
}
.cardListItem.cardListItem--smallWidth .cardListItem__textContainer {
  padding-left: 0;
  text-align: center;
  width: 100%;
}
.cardListItem.cardListItem--smallWidth .cardListItem__textContainer .cardListItem__name {
  margin-top: 1px;
  margin-right: 0;
}
.cardListItem.cardListItem--smallWidth .cardListItem__textContainer .cardListItem__name.cardListItem__name--groupMember {
  margin-right: 0;
}
.cardListItem.cardListItem--smallWidth .cardListItem__textContainer .cardListItem__name.cardListItem__name--archive {
  margin-top: 1px;
}
.cardListItem.cardListItem--smallWidth .cardListItem__textContainer .cardListItem__lastRefresh {
  justify-content: center;
  height: 21px;
}
.cardListItem.cardListItem--smallWidth .cardListItem__textContainer .cardListItem__lastRefresh .cardListItem__creditInstituteIcon {
  margin-top: 0;
  margin-right: 0;
  position: absolute;
  top: 26px;
  right: 50px;
}
.cardListItem.cardListItem--smallWidth .cardListItem__textContainer .cardListItem__lastRefresh .cardListItem__lastRefreshText {
  position: absolute;
  top: 32px;
}
.cardListItem.cardListItem--smallWidth .cardListItem__textContainer.cardListItem__textContainer--flex {
  display: flex;
  align-items: center;
}
.cardListItem.cardListItem--smallWidth .cardListItem__refreshSpinner {
  height: 28px;
  width: 28px;
  position: absolute;
  top: 9px;
  left: 66px;
}
.cardListItem.cardListItem--smallWidth .cardListItem__iban {
  display: none;
}
.cardListItem.cardListItem--smallWidth .cardListItem__more {
  top: 7px;
  right: 5px;
}
.cardListItem.cardListItem--smallWidth .cardListItem__more.cardListItem__more--accountGroup {
  right: 5px;
}
.cardListItem.cardListItem--smallWidth .cardListItem__expand {
  top: 6px;
  left: 5px;
}
.cardListItem.cardListItem--smallWidth .cardListItem__expand.cardListItem__expand--archive {
  top: 6px;
}
.cardListItem.cardListItem--smallWidth .cardListItem_newInfoIcon {
  top: 0;
  right: -8px;
}
.cardListItem.cardListItem--smallWidth .cardListItem__notification {
  top: 0;
  left: -60px !important;
}
.cardListItem .cardListItem__imageContainer {
  height: 100%;
  flex: 0 0 56px;
  position: relative;
  display: flex;
  align-items: center;
}
.cardListItem .cardListItem__imageContainer .cardListItem__image {
  width: 56px;
  height: 56px;
  margin-top: 0;
  border-radius: 28px;
}
.cardListItem .cardListItem__imageContainer .cardListItem__image.cardListItem__image--groupMember {
  width: 40px;
  height: 40px;
  margin-top: 0;
  border-radius: 20px;
}
.cardListItem .cardListItem__imageContainer .cardListItem__image.cardListItem__image--grayscale {
  filter: grayscale(100%);
}
.cardListItem .cardListItem__refreshButton {
  position: relative;
  padding: 0;
  background-color: Transparent;
  background-repeat: no-repeat;
  background-size: 100%;
  border: none;
  cursor: pointer;
  overflow: hidden;
  outline: none;
  height: 56px;
  width: 56px;
  border-radius: 28px;
}
.cardListItem .cardListItem__refreshButton.cardListItem__refreshButton--accountGroup {
  border-radius: 16px;
}
.cardListItem .cardListItem__refreshButton.cardListItem__refreshButton--groupMember {
  align-self: flex-start;
  height: 40px;
  width: 40px;
  margin-top: 12px;
  margin-left: auto;
}
.cardListItem .cardListItem__refreshButton .hoverOverlay {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--key-color-rgb), 0.85);
  overflow: hidden;
  opacity: 0;
  height: 100%;
  width: 100%;
}
.cardListItem .cardListItem__refreshButton:hover .hoverOverlay {
  opacity: 1;
}
.cardListItem .cardListItem__refreshSpinner {
  height: 56px;
  width: 56px;
  position: absolute;
  top: 12px;
  left: 14px;
}
.cardListItem .cardListItem__refreshSpinner.cardListItem__refreshSpinner--groupMember {
  align-self: flex-start;
  height: 40px;
  width: 40px;
  left: 30px;
}
.cardListItem .cardListItem__textContainer {
  flex: 1 1;
  height: 100%;
  padding-left: 12px;
  z-index: 1;
}
.cardListItem .cardListItem__textContainer .cardListItem__name {
  margin-top: 12px;
  margin-right: 28px;
}
.cardListItem .cardListItem__textContainer .cardListItem__name.cardListItem__name--archive {
  margin-top: 22px;
}
.cardListItem .cardListItem__textContainer .cardListItem__name.cardListItem__name--groupMember {
  margin-right: 56px;
}
.cardListItem .cardListItem__textContainer .cardListItem__name.cardListItem__name--twoLine {
  max-height: 40px;
  overflow-y: hidden;
}
.cardListItem .cardListItem__textContainer .cardListItem__iban {
  margin-top: unset;
  margin-right: 28px;
}
.cardListItem .cardListItem__textContainer .cardListItem__lastRefresh {
  margin-top: -4px;
  height: 32px;
  display: flex;
  align-items: flex-start;
}
.cardListItem .cardListItem__textContainer .cardListItem__lastRefresh .cardListItem__creditInstituteIcon {
  height: 10px;
  margin-top: 10px;
  margin-right: 8px;
}
.cardListItem .cardListItem__textContainer .cardListItem__lastRefresh .cardListItem__archiveIcon {
  margin-top: 7px;
  margin-right: 3px;
}
.cardListItem .cardListItem__textContainer .cardListItem__lastRefresh .cardListItem__lastRefreshText {
  flex: 1 1 0;
  margin-top: 8px;
}
.cardListItem .cardListItem__textContainer .cardListItem__lastRefresh .cardListItem__amount {
  flex: 0 1 auto;
  margin-top: 5px;
  font-size: 16px;
  text-align: right;
}
.cardListItem .cardListItem__textContainer .cardListItem__lastRefresh .cardListItem__obfuscateIcon {
  margin-top: 4px;
}
.cardListItem .cardListItem__more {
  display: none;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  position: absolute;
  right: 8px;
  top: 6px;
  z-index: 1;
}
.cardListItem .cardListItem__more.cardListItem__more--selected {
  display: flex;
}
.cardListItem .cardListItem__more.cardListItem__more--accountGroup {
  right: 40px;
}
.cardListItem .cardListItem__expand {
  position: absolute;
  top: 6px;
  right: 8px;
  z-index: 1;
}
.cardListItem .cardListItem__expand.cardListItem__expand--archive {
  top: 24px;
}
.cardListItem .cardListItem__expand .expandIcon {
  display: block;
  transition: transform 0.3s ease-out;
  transform: rotate(180deg);
}
.cardListItem .cardListItem__expand .expandIcon.expandIcon--rotated {
  transform: rotate(0deg);
}
.cardListItem .cardListItem_newInfoIcon {
  position: absolute;
  top: 12px;
  right: 0;
  min-width: 18px;
  height: 18px;
  border-radius: 9px;
  text-align: center;
  padding-left: 4px;
  padding-right: 4px;
  line-height: 18px !important;
}
.cardListItem .cardListItem__notification {
  position: absolute;
  top: 12px;
  left: 0;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background-image: url("/assets/grafiken/notification.svg");
  background-size: 100%;
}
.cardListItem .cardListItem__notification.cardListItem__notification--groupMember {
  left: 16px;
}
@media (hover: hover) {
  .cardListItem:hover .cardListItem__more {
    display: flex;
  }
}

.card.card--editMode .cardListItem {
  padding-left: 48px;
}
.card.card--editMode .cardListItem .cardListItem__name, .card.card--editMode .cardListItem .cardListItem__iban {
  margin-right: 0;
}
.card.card--editMode .cardListItem .cardListItem__name.cardListItem__name--groupMember, .card.card--editMode .cardListItem .cardListItem__iban.cardListItem__name--groupMember {
  margin-right: 28px;
}
.card.card--editMode .cardListItem .cardListItem__refreshButton, .card.card--editMode .cardListItem .cardListItem__refreshSpinner, .card.card--editMode .cardListItem .cardListItem__lastRefreshText {
  pointer-events: none;
}
.card.card--editMode .cardListItem .cardListItem__more {
  display: none;
}
.card.card--editMode .cardListItem .cardListItem__subFolderDocumentCount {
  display: none;
}
.card.card--editMode .cardListItem.cardListItem--disabledInEditMode {
  opacity: 0.3;
}
.card.card--editMode .cardListItem.cardListItem--documentSubFolder {
  margin-left: 34px;
  width: auto;
}

.singlePage .cardListItem {
  padding-left: 10px;
  padding-right: 10px;
}
.singlePage .cardListItem .cardListItem__expand {
  top: -2px;
  right: -2px;
}
.singlePage .cardListItem .cardListItem__expand.cardListItem__expand--archive {
  top: 16px;
}
.singlePage .cardListItem .cardListItem__refreshSpinner {
  left: 10px;
}
.singlePage .cardListItem .cardListItem__refreshSpinner.cardListItem__refreshSpinner--groupMember {
  align-self: flex-start;
  height: 40px;
  width: 40px;
  left: 26px;
}
.singlePage .cardListItem .cardListItem__textContainer .cardListItem__name {
  margin-top: 12px;
  margin-right: 32px;
}
.singlePage .cardListItem .cardListItem__textContainer .cardListItem__name.cardListItem__name--archive {
  margin-top: 24px;
}
.singlePage .cardListItem .cardListItem__textContainer .cardListItem__iban {
  margin-top: unset;
  margin-right: 0;
}
.singlePage .cardListItem .cardListItem__amountContainer {
  left: 16px;
  right: 16px;
  padding-top: 3px;
}

@media (max-width: 600px) {
  .singlePage .mat-tab-header,
  .singlePage .mat-mdc-tab-header {
    overflow: hidden !important;
    background-color: transparent;
  }
  .singlePage .mat-tab-header-pagination,
  .singlePage .mat-mdc-tab-header-pagination {
    display: none !important;
  }
  .singlePage .mat-tab-label-container,
  .singlePage .mat-mdc-tab-label-container,
  .singlePage .mat-mdc-tab-header .mdc-tab-bar,
  .singlePage .mat-mdc-tab-header .mdc-tab-scroller {
    overflow: hidden !important;
    width: 100% !important;
  }
  .singlePage .mat-tab-labels,
  .singlePage .mat-mdc-tab-labels {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    justify-content: stretch !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 0 !important;
    transform: none !important;
  }
  .singlePage .mat-tab-list,
  .singlePage .mat-mdc-tab-list {
    width: 100% !important;
    min-width: 0 !important;
    transform: none !important;
  }
  .singlePage .mdc-tab,
  .singlePage .mat-tab-label {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    padding: 0 4px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  .singlePage .mdc-tab__content,
  .singlePage .mat-tab-label-content {
    height: 40px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
  }
  .singlePage .mdc-tab__text-label,
  .singlePage .mat-tab-label-content span,
  .singlePage .tabItemContent {
    font-size: 10px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1 !important;
  }
  .singlePage .tabItemIcon,
  .singlePage .mat-tab-label-content .icon {
    display: inline-block !important;
  }
  .singlePage .mat-ink-bar,
  .singlePage .mdc-tab-indicator__content--underline {
    height: 2px !important;
  }
}
@media (max-width: 400px) {
  .singlePage .mat-tab-labels,
  .singlePage .mat-mdc-tab-labels {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    justify-content: stretch !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 0 !important;
  }
  .singlePage .mat-tab-list,
  .singlePage .mat-mdc-tab-list {
    width: 100% !important;
    min-width: 0 !important;
  }
  .singlePage .mat-tab-label,
  .singlePage .mdc-tab {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    padding: 0 4px !important;
    box-sizing: border-box !important;
  }
  .singlePage .mdc-tab__content,
  .singlePage .mat-tab-label-content {
    height: 40px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
  }
  .singlePage .mdc-tab__text-label,
  .singlePage .mat-tab-label-content span,
  .singlePage .tabItemContent {
    font-size: 10px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    letter-spacing: normal !important;
  }
  .singlePage .tabItemIcon,
  .singlePage .mat-tab-label-content .icon {
    width: 14px !important;
    height: 14px !important;
    font-size: 14px !important;
  }
  .singlePage .mat-ink-bar,
  .singlePage .mdc-tab-indicator__content--underline {
    height: 2px !important;
  }
}
@media (max-width: 600px) {
  .catDlg__tabGroup .mat-mdc-tab-header {
    overflow: hidden !important;
    margin-top: -6px !important;
    padding-top: 0 !important;
  }
  .catDlg__tabGroup .mat-mdc-tab-header-pagination {
    display: none !important;
  }
  .catDlg__tabGroup .mat-mdc-tab-label-container,
  .catDlg__tabGroup .mat-mdc-tab-list {
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    transform: none !important;
    padding: 0 !important;
  }
  .catDlg__tabGroup .mdc-tab-bar,
  .catDlg__tabGroup .mdc-tab-scroller,
  .catDlg__tabGroup .mdc-tab-scroller__scroll-area,
  .catDlg__tabGroup .mdc-tab-scroller__scroll-content {
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    transform: none !important;
    padding: 0 !important;
  }
  .catDlg__tabGroup .mat-mdc-tab-labels {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 0 !important;
    transform: none !important;
    padding: 0 !important;
    justify-content: stretch !important;
  }
  .catDlg__tabGroup .mdc-tab-scroller__scroll-content {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    gap: 0 !important;
    justify-content: stretch !important;
  }
  .catDlg__tabGroup .mat-mdc-tab,
  .catDlg__tabGroup .mdc-tab {
    flex: 0 0 25% !important;
    width: 25% !important;
    max-width: 25% !important;
    min-width: 0 !important;
    height: 54px !important;
    padding: 4px 6px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    margin: 0 !important;
  }
  .catDlg__tabGroup.mat-mdc-tab-group-stretch-tabs .mdc-tab, .catDlg__tabGroup.mat-mdc-tab-group-stretch-tabs .mat-mdc-tab {
    flex: 0 0 25% !important;
    width: 25% !important;
    max-width: 25% !important;
    min-width: 0 !important;
  }
  .catDlg__tabGroup .mdc-tab__content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    height: 54px !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }
  .catDlg__tabGroup .mdc-tab__content .icon,
  .catDlg__tabGroup .tabItemIcon {
    width: 24px !important;
    height: 24px !important;
    font-size: 24px !important;
    line-height: 24px !important;
    transform: translateY(1px) !important;
  }
  .catDlg__tabGroup .tabItemContent,
  .catDlg__tabGroup .mdc-tab__text-label {
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    padding-bottom: 2px !important;
    transform: translateY(3px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
  }
  .catDlg__tabGroup .mat-mdc-tab-header .mdc-tab-indicator {
    bottom: 8px !important;
  }
  .catDlg__tabGroup .mdc-tab-indicator__content--underline,
  .catDlg__tabGroup .mat-ink-bar {
    height: 2px !important;
    bottom: 8px !important;
  }
  .catDlg__tabGroup .mat-tab-label-container,
  .catDlg__tabGroup .mat-tab-list {
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    transform: none !important;
    padding: 0 !important;
  }
  .catDlg__tabGroup .mat-tab-labels {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 0 !important;
    transform: none !important;
    padding: 0 !important;
    justify-content: stretch !important;
  }
  .catDlg__tabGroup .mat-tab-label {
    flex: 0 0 25% !important;
    width: 25% !important;
    max-width: 25% !important;
    min-width: 0 !important;
    height: 52px !important;
    padding: 4px 6px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    margin: 0 !important;
  }
  .catDlg__tabGroup .mat-tab-label-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    height: 52px !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .catDlg__tabGroup .mat-tab-label-content .icon {
    width: 26px !important;
    height: 26px !important;
    font-size: 26px !important;
    line-height: 26px !important;
  }
  .catDlg__tabGroup .mat-tab-label-content .tabItemContent,
  .catDlg__tabGroup .mat-tab-label-content span {
    font-size: 12px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
  }
}
.cardListContentEmpty {
  height: 100%;
  padding-top: 48px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  text-align: center;
}
.cardListContentEmpty .cardListContentEmpty__image {
  width: 96px;
  height: 96px;
  margin-bottom: 8px;
}
.cardListContentEmpty .cardListContentEmpty__text {
  width: 208px;
}
.cardListContentEmpty .cardListContentEmpty__text.cardListContentEmpty__text--smallWidth {
  width: 132px;
}
.cardListContentEmpty .cardListContentEmpty__button.mat-mdc-unelevated-button {
  margin-top: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 160px;
  height: 48px;
  padding: 0 16px;
  border-radius: 4px;
  background-color: var(--key-color) !important;
  color: #ffffff !important;
  transition: background-color 150ms ease-in-out;
}
.cardListContentEmpty .cardListContentEmpty__button.mat-mdc-unelevated-button:hover {
  background-color: var(--flat-button-hover);
}
.cardListContentEmpty .cardListContentEmpty__button.mat-mdc-unelevated-button .icon {
  margin-top: 2px;
  flex: 0 0 auto;
}
.cardListContentEmpty .cardListContentEmpty__button--smallWidth.mat-mdc-unelevated-button {
  width: 56px;
  min-width: 56px;
  height: 56px;
  padding: 0;
  border-radius: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.cardListContentEmpty .cardListContentEmpty__button--smallWidth.mat-mdc-unelevated-button .icon {
  margin: 0;
}

.singlePage .cardListContentEmpty {
  padding-top: 0;
  justify-content: center;
}

.sectionList {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0 0;
  min-height: 100%;
}
.sectionList .multiSelectHeader {
  width: 100%;
  align-self: center;
}
.sectionList .multiSelectHeader .multiSelectHeader__content {
  display: flex;
  height: 56px;
  flex-direction: row;
  align-items: center;
  padding: 0 12px;
}
.sectionList .multiSelectHeader .multiSelectHeader__content .multiSelectHeader__textContainer {
  flex: 1 1 0;
  margin-right: 8px;
}
.sectionList .multiSelectHeader .multiSelectHeader__content .multiSelectHeader__editButton {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 32px;
  border-radius: 8px;
  padding: 4px 4px 4px 12px;
}
.sectionList .multiSelectHeader .multiSelectHeader__content .multiSelectHeader__editButton .multiSelectHeader__editButton--disabled {
  pointer-events: none;
}
.sectionList .multiSelectHeader .multiSelectHeader__content .multiSelectHeader__editButton .icon {
  transition: transform 0.3s ease-out;
  transform: rotate(0deg);
}
.sectionList .multiSelectHeader .multiSelectHeader__content .multiSelectHeader__editButton .icon.icon--rotated {
  transform: rotate(180deg);
}
.sectionList .sectionList__scrollContainer {
  flex: 1 1 0;
  position: relative;
  width: 100%;
}
.sectionList .sectionList__scrollContainer .sectionList__toolbar {
  height: 40px;
  width: 100%;
  padding: 0 12px;
  margin: 12px 0;
  display: flex;
  align-items: center;
}
.sectionList .sectionList__scrollContainer .sectionList__toolbar .sectionList__search {
  flex: 1 1;
}
.sectionList .sectionList__scrollContainer .sectionList__toolbar > .iconButton {
  margin-left: 16px;
}
.sectionList .sectionList__scrollContainer .sectionList__toolbar > .iconButton ~ .iconButton {
  margin-left: 4px;
}
.sectionList .sectionList__emptyView {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.sectionList .sectionList__emptyView.sectionList__emptyView--search {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.sectionList .sectionList__emptyView .sectionList__emptyTopHint {
  position: absolute;
  top: 16px;
  left: 64px;
  right: 64px;
}
.sectionList .sectionList__emptyView .sectionList__emptyViewImage {
  width: 96px;
  height: 96px;
  background-size: 100%;
}
.sectionList .sectionList__emptyView .sectionList__emptyViewText {
  max-width: 300px;
}
.sectionList .sectionList__spinner {
  position: relative;
  width: 100%;
  height: 70px;
  margin-bottom: 10px;
}
.sectionList .sectionList__spinner .sectionList__spinnerFlex {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.singlePage .sectionList .multiSelectHeader {
  padding: 0 0;
}
.singlePage .sectionList .multiSelectHeader .multiSelectHeader__content {
  padding-left: 8px;
  padding-right: 8px;
}
.singlePage .sectionList .multiSelectHeader .multiSelectHeader__content mat-checkbox {
  margin-left: -8px;
}
.singlePage .sectionList .multiSelectHeader .multiSelectHeader__content .multiSelectHeader__textContainer {
  flex: 1 1 0;
  margin-right: 8px;
}
.singlePage .sectionList .sectionList__emptyView .sectionList__emptyTopHint {
  left: 16px;
  right: 16px;
}
.singlePage .sectionList .sectionList__scrollContainer .sectionList__toolbar {
  padding: 0 8px;
}

.rippleContainer {
  width: 48px;
  height: 48px;
  cursor: pointer;
}

.icon {
  width: 40px;
  height: 40px;
  padding: 8px;
  font-size: 24px;
}
.icon:before {
  width: 24px;
  height: 24px;
}
.icon.icon--12px {
  width: 12px;
  height: 12px;
  padding: unset;
  font-size: 12px;
}
.icon.icon--12px:before {
  width: 12px;
  height: 12px;
}
.icon.icon--14px {
  width: 14px;
  height: 14px;
  padding: unset;
  font-size: 14px;
}
.icon.icon--14px:before {
  width: 14px;
  height: 14px;
}
.icon.icon--15px {
  width: 15px;
  height: 15px;
  padding: unset;
  font-size: 15px;
}
.icon.icon--15px:before {
  width: 15px;
  height: 15px;
}
.icon.icon--16px {
  width: 16px;
  height: 16px;
  padding: unset;
  font-size: 16px;
}
.icon.icon--16px:before {
  width: 16px;
  height: 16px;
}
.icon.icon--18px {
  width: 18px;
  height: 18px;
  padding: unset;
  font-size: 18px;
}
.icon.icon--18px:before {
  width: 18px;
  height: 18px;
}
.icon.icon--28px {
  width: 28px;
  height: 28px;
  padding: unset;
  font-size: 28px;
}
.icon.icon--28px:before {
  width: 28px;
  height: 28px;
}
.icon.icon--32px {
  width: 32px;
  height: 32px;
  padding: unset;
  font-size: 32px;
}
.icon.icon--32px:before {
  width: 32px;
  height: 32px;
}
.icon.icon--40px {
  font-size: 40px;
  padding: 0;
}
.icon.icon--40px:before {
  width: 40px;
  height: 40px;
}
.icon.icon--48px {
  width: 48px;
  height: 48px;
  padding: 0;
  font-size: 48px;
}
.icon.icon--48px:before {
  width: 48px;
  height: 48px;
}
.icon.icon--56px {
  width: 56px;
  height: 56px;
  font-size: 56px;
  padding: 0;
}
.icon.icon--56px:before {
  width: 56px;
  height: 56px;
}
.icon.icon--24px {
  width: 24px;
  height: 24px;
  line-height: 24px;
  padding: unset;
}
.icon.icon--20px {
  width: 20px;
  height: 20px;
  padding: unset;
  font-size: 20px;
}
.icon.icon--20px:before {
  width: 20px;
  height: 20px;
}
.icon.icon--72px {
  width: 72px;
  height: 72px;
  padding: unset;
  font-size: 72px;
}
.icon.icon--72px:before {
  width: 72px;
  height: 72px;
}
.icon.icon--96px {
  width: 96px;
  height: 96px;
  padding: unset;
  font-size: 96px;
}
.icon.icon--96px:before {
  width: 96px;
  height: 96px;
}
.icon.icon--bigTouch {
  width: 48px;
  height: 48px;
  padding: 12px;
}
.icon.icon--block {
  display: block;
}

.iconButton {
  background-color: Transparent;
  background-repeat: no-repeat;
  background-size: 100%;
  border: none;
  cursor: pointer;
  overflow: hidden;
  outline: none;
  width: 40px;
  height: 40px;
  padding: 8px;
  border-radius: 50%;
}
.iconButton.iconButton--small {
  padding: 10px;
}
.iconButton.iconButton--small i {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.iconButton i {
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.iconButton.iconButton--48px {
  width: 48px;
  height: 48px;
  padding: 12px;
}
.iconButton.iconButton--48pxBig {
  width: 48px;
  height: 48px;
  padding: 10px;
}
.iconButton.iconButton--48pxBig i {
  width: 28px;
  height: 28px;
  font-size: 28px;
}
.iconButton.iconButton--44px {
  width: 44px;
  height: 44px;
  padding: 10px;
}
.iconButton.iconButton--40px {
  width: 40px;
  height: 40px;
  padding: 8px;
}
.iconButton.iconButton--40pxSmall {
  width: 40px;
  height: 40px;
  padding: 10px;
}
.iconButton.iconButton--40pxSmall i {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.iconButton.iconButton--36px {
  width: 36px;
  height: 36px;
  padding: 6px;
}
.iconButton.iconButton--32px {
  width: 32px;
  height: 32px;
  padding: 4px;
}
.iconButton.iconButton--32pxSmall {
  width: 32px;
  height: 32px;
  padding: 6px;
}
.iconButton.iconButton--32pxSmall i {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.iconButton.iconButton--24px {
  width: 24px;
  height: 24px;
  padding: 2px;
}
.iconButton.iconButton--24px i {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.iconButton.iconButton--24pxSmall {
  width: 24px;
  height: 24px;
  padding: 4px;
}
.iconButton.iconButton--24pxSmall i {
  width: 16px;
  height: 16px;
  font-size: 16px;
}
.iconButton.iconButton--pin {
  width: 24px;
  height: 24px;
  padding: 0;
}
.iconButton.iconButton--pin i {
  width: 24px;
  height: 24px;
  font-size: 24px;
}

.navigationHeader__container {
  margin: 0;
  height: 100vw;
  width: 100vw;
  display: flex;
  flex-direction: column;
}
.navigationHeader__container > :first-child {
  height: 65px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-grow: 0;
  position: relative;
  z-index: 1;
}
.navigationHeader__container > :not(:first-child) {
  position: fixed;
  top: 65px;
  flex-grow: 1;
  height: calc(100% - 65px) !important;
  width: 100%;
}

.dialogBackdropInvisible {
  background-color: unset;
}

.dialog {
  display: flex;
  flex-direction: column;
}
.dialog .dialog__header {
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.dialog .dialog__header.dialog__header--large .dialog__headerTitle {
  margin-top: 24px;
  margin-bottom: 20px;
}
.dialog .dialog__header.dialog__header--large .dialog__headerClose {
  margin-top: 15px;
  margin-bottom: 13px;
}
.dialog .dialog__header.dialog__header--large .dialog__headerBack {
  margin-top: 15px;
  margin-bottom: 13px;
}
.dialog .dialog__header .dialog__headerTitle {
  flex: 1 1 0;
  margin: 21px 24px 18px 24px;
  max-height: 48px;
  overflow-y: hidden;
}
.dialog .dialog__header .dialog__headerClose {
  flex: none;
  margin: 12px 12px 11px 2px;
}
.dialog .dialog__header .dialog__headerBack {
  flex: none;
  margin: 12px 2px 11px 12px;
}
.dialog .dialog__header .dialog__headerButton {
  flex: 0 0 auto;
  margin-right: 16px;
}
.dialog .dialog__header + .dialog__content:not(.dialog__content--noPadding) {
  padding-top: 0;
}
.dialog .dialog__content {
  z-index: 0;
  flex: 1 1 0;
  padding: 24px 24px 21px;
}
.dialog .dialog__content[appcustomscroll] {
  flex: 1 1 auto;
}
.dialog .dialog__content.dialog__content--noPadding {
  padding: 0;
}
.dialog .dialog__content.dialog__content--noPadding .dialog__contentNoPaddingMargin {
  margin-left: 24px;
  margin-right: 24px;
}
.dialog .dialog__content.dialog__content--noPadding .dialog__contentNoPaddingPadding {
  padding-left: 24px;
  padding-right: 24px;
}
.dialog .dialog__footer {
  z-index: 1;
  width: 100%;
  min-height: 53px;
  padding: 8px 16px;
  flex: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  row-gap: 12px;
}
.dialog .dialog__footer.dialog__footer--large {
  padding-top: 10px;
  padding-bottom: 10px;
}
.dialog .dialog__footer.dialog__footer--spaceBetween {
  justify-content: space-between;
}
.dialog .dialog__footer.dialog__footer--spaceBetween button {
  margin-left: unset;
}
.dialog .dialog__footer.dialog__footer--centered {
  justify-content: center;
}
.dialog .dialog__footer.dialog__footer--vertical {
  flex-direction: column;
  align-items: flex-end;
  padding: 12px 16px;
  row-gap: 0;
}
.dialog .dialog__footer.dialog__footer--vertical .mat-button {
  margin: 4px 0;
}
.dialog .dialog__footer.dialog__footer--noPadding {
  padding: 0;
}
.dialog .dialog__footer button {
  flex: none;
  margin-left: 8px;
}
.dialog .dialog__footer .dialog__footerLeftItem {
  margin-left: 0;
  margin-right: auto;
}

.singlePage .dialog .dialog__footer.dialog__footer--singlePageVertical {
  flex-direction: column;
  align-items: flex-end;
  padding: 12px 16px;
  row-gap: 0;
}
.singlePage .dialog .dialog__footer.dialog__footer--singlePageVertical .mat-button {
  margin: 4px 0;
}
.singlePage .dialogContainer:not(.dialogContainer--singlePageFullScreen):not(.dialogContainer--fullScreen) .dialog .dialog__header .dialog__headerClose {
  display: none;
}
.singlePage .dialogContainer.dialogContainer--singlePageFullScreen .dialog .dialog__header .dialog__headerTitle {
  margin-left: 16px;
  margin-right: 16px;
}
.singlePage .dialogContainer.dialogContainer--singlePageFullScreen .dialog .dialog__header .dialog__headerClose {
  margin-right: 8px;
}
.singlePage .dialogContainer.dialogContainer--singlePageFullScreen .dialog .dialog__header .dialog__headerBack {
  margin-left: 8px;
}
.singlePage .dialogContainer.dialogContainer--singlePageFullScreen .dialog .dialog__content:not(.dialog__content--noPadding) {
  padding-left: 16px;
  padding-right: 16px;
}
.singlePage .dialogContainer.dialogContainer--singlePageFullScreen .dialog .dialog__content.dialog__content--noPadding .dialog__contentNoPaddingMargin {
  margin-left: 16px;
  margin-right: 16px;
}
.singlePage .dialogContainer.dialogContainer--singlePageFullScreen .dialog .dialog__content.dialog__content--noPadding .dialog__contentNoPaddingPadding {
  padding-left: 16px;
  padding-right: 16px;
}
.singlePage .dialogContainer.dialogContainer--singlePageFullScreen .dialog .dialog__footer {
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 32px;
}
.singlePage .dialogContainer.dialogContainer--singlePageFullScreen .dialog .dialog__footer.dialog__footer--large {
  padding-bottom: 34px;
}
.singlePage .dialogContainer.dialogContainer--singlePageFullScreen .dialog .dialog__footer button:not(.dialog__footerLeftItem) {
  margin-left: 8px;
}

.mat-mdc-tab-header {
  overflow: hidden;
}

.mat-mdc-tab-labels {
  display: flex;
  width: 100%;
}

.mat-tab-group-category .mat-mdc-tab {
  min-width: 160px !important;
  flex: 1 1 0;
  padding: 0 8px !important;
}

.mat-mdc-tab .mdc-tab__content {
  min-width: 0;
}

.mat-mdc-tab .mdc-tab__text-label {
  min-width: 0;
}

.mat-mdc-tab .tabItem {
  display: flex;
  align-items: center;
  gap: 0;
  min-width: 0;
  width: 100%;
}

.mat-mdc-tab .tabItemIcon {
  flex: 0 0 auto;
}

.mat-mdc-tab .tabItemContent {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  letter-spacing: normal;
}

.mat-mdc-tab .tabItemContent,
.mat-mdc-tab .tabItemIcon {
  color: rgba(0, 19, 51, 0.68);
}

.mat-mdc-tab.mdc-tab--active .tabItemContent,
.mat-mdc-tab.mdc-tab--active .tabItemIcon {
  color: var(--key-color) !important;
}

.mat-mdc-tab .mdc-tab-indicator__content--underline,
.mat-mdc-tab.mdc-tab--active .mdc-tab-indicator__content--underline {
  border-color: var(--key-color) !important;
}

body:not(.singlePage) .dialog .dialog__singlePageOnlyElement {
  display: none;
}

.singlePage .dialog .dialog__multiPageOnlyElement {
  display: none;
}

.pointer {
  cursor: pointer;
}

.colResize {
  cursor: col-resize;
}

.appContainer__contentContainer {
  overflow: hidden;
  height: 100%;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  background-color: red;
  z-index: 0;
}

.appContainer__section, .appContainer__detailsSection, .appContainer__mainSection, .appContainer__cardDetailsSection, .appContainer__cardSection {
  height: 100%;
  flex-shrink: 0;
}

.hidden {
  display: none;
}

.appContainer__cardSection {
  width: 360px;
  background-color: white;
  z-index: 900;
}
.appContainer__cardSection.collapsed {
  width: 172px;
}

.appContainer__cardDetailsSection {
  width: 284px;
  background-color: #f0f3f7;
  z-index: 800;
}

.appContainer__mainSection {
  flex: 1 1;
  background-color: yellow;
  z-index: 600;
}

.appContainer__detailsSection {
  width: 324px;
  background-color: saddlebrown;
  z-index: 700;
}

.singlePage .appContainer__cardSection {
  width: 100vw;
}
.singlePage .appContainer__mainSection {
  width: 100vw;
}
.singlePage .appContainer__detailsSection {
  width: 100%;
}

.detailsContainer {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.detailsContainer .detailsHeader {
  flex: none;
  z-index: 1;
}
.detailsContainer .detailsEmptyContainer {
  flex: 1 1 0;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.detailsContainer .detailsEmptyContainer .detailsEmptyContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 220px;
}
.detailsContainer .detailsEmptyContainer .detailsEmptyContent .detailsEmptyContent__topText {
  margin-top: 6px;
}
.detailsContainer .detailsEmptyContainer .detailsEmptyContent .detailsEmptyContent__bottomText {
  margin-top: 12px;
}
.detailsContainer .detailsContent {
  flex: 1 1 0;
  z-index: 0;
  padding-top: 16px;
  padding-bottom: 78px;
}
.detailsContainer .detailsContent .mat-tab-group-details.mat-mdc-tab-group {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
.detailsContainer .detailsContent .mat-tab-group-details.mat-mdc-tab-group .mat-mdc-tab-body-wrapper {
  flex: 1 1 auto;
  height: 100% !important;
  min-height: 0;
}
.detailsContainer .detailsContent .mat-tab-group-details.mat-mdc-tab-group .mat-mdc-tab-body-content {
  height: 100% !important;
}
.detailsContainer .detailsContent .detailsHeadline {
  display: flex;
  height: 36px;
  margin-top: 20px;
  margin-bottom: 8px;
  align-items: center;
}
.detailsContainer .detailsContent .detailsHeadline:first-child {
  margin-top: 0;
}
.detailsContainer .detailsContent .detailsNoteArea {
  width: 100%;
}
.detailsContainer .detailsContent .detailsInfoRow {
  display: flex;
  height: 32px;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}
.detailsContainer .detailsContent .detailsPurpose {
  margin-top: 8px;
  padding: 12px 16px 13px;
  border-radius: 8px;
}
.detailsContainer .detailsContent.detailsContent--noPadding {
  padding-top: 0;
  padding-bottom: 0;
}
.detailsContainer .detailsContent .detailsContent__headline {
  display: flex;
  height: 36px;
  margin-bottom: 8px;
  align-items: center;
}
.detailsContainer .detailsContent .detailsContent__infoAmount {
  margin-top: 12px;
  margin-bottom: 4px;
}
.detailsContainer .detailsFooter {
  flex: none;
  z-index: 1;
  padding: 4px 4px 28px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.detailsContainer .detailsGroupProjectedHeader {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 24px;
}
.detailsContainer .detailsGroupProjectedHeader .detailsGroupProjectedHeader__icon {
  flex: 0 0 auto;
  margin-right: 20px;
}
.detailsContainer .detailsGroupProjectedHeader .detailsGroupProjectedHeader__centerText {
  flex: 1 1;
}
.detailsContainer .detailsGroupProjectedHeader .detailsGroupProjectedHeader__rightText {
  flex: 0 0 auto;
}

.transactionFormDivider {
  width: 100%;
  height: 1px;
}

.divider {
  width: 100%;
  height: 1px;
}

.settingsPage {
  width: 100%;
  max-width: 808px;
  padding: 0 64px 24px;
  margin: 0 auto;
}
.settingsPage .settingsItem {
  width: 100%;
  height: 48px;
  margin-bottom: 32px;
  padding-left: 16px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  text-decoration: none;
}
.settingsPage .settingsItem.settingsItem--interactive {
  cursor: pointer;
}
.settingsPage .settingsItem.settingsItem--twoLine {
  height: 56px;
}
.settingsPage .settingsItem.settingsItem--twoLineLarge {
  height: 64px;
}
.settingsPage .settingsItem.settingsItem--twoLineLarge > .settingsItem__icon:first-child {
  align-self: flex-start;
  margin-top: 16px;
}
.settingsPage .settingsItem.settingsItem--threeLine {
  height: 80px;
}
.settingsPage .settingsItem .settingsItem__text {
  flex: 1 1 0;
  margin-right: 16px;
  margin-left: 4px;
  overflow-x: hidden;
}
.settingsPage .settingsItem .settingsItem__icon {
  flex: 0 0 auto;
  margin-right: 20px;
}
.settingsPage .settingsItem .settingsItem__arrow {
  flex: 0 0 auto;
  margin-right: 12px;
}
.settingsPage .settingsItem .settingsItem__rightText {
  flex: 0 0 auto;
  margin-right: 16px;
}
.settingsPage .settingsItem .settingsItem__rightText.settingsItem__rightText--topAligned {
  align-self: flex-start;
  margin-top: 14px;
}
.settingsPage .settingsItem .mat-slide-toggle {
  flex: 0 0 auto;
  margin-right: 16px;
}
.settingsPage .settingsItem .mat-checkbox {
  flex: 0 0 auto;
  margin-left: -8px;
  margin-right: 12px;
}
.settingsPage .settingsItem .iconButton {
  flex: 0 0 auto;
  margin-right: 8px;
}
.settingsPage .settingsItem .mat-radio-button,
.settingsPage .settingsItem .mat-mdc-radio-button {
  flex: 0 0 auto;
  margin-right: 16px;
  margin-left: 0;
}
.settingsPage .settingsBlock {
  width: 100%;
  padding: 8px 0;
  margin-bottom: 40px;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.settingsPage .settingsBlock .settingsItem {
  border-radius: unset;
  box-shadow: unset;
  margin-bottom: unset;
}
.settingsPage .settingsBlock .settingsBlock__divider {
  width: 100%;
  height: 1px;
}
.settingsPage .settingsExplanationText {
  margin: 0 16px 24px;
}
.settingsPage .settingsHeader {
  width: 100%;
  padding: 0 16px;
  margin-bottom: 15px;
}
.settingsPage .settingsBottomText {
  width: 100%;
  padding: 0 16px;
}
.settingsPage .settingsItem + .settingsBottomText {
  margin-top: -21px;
}
.settingsPage .settingsBlock + .settingsBottomText {
  margin-top: -29px;
}

.singlePage .settingsPage {
  max-width: unset;
  padding-left: unset;
  padding-right: unset;
  margin: unset;
}
.singlePage .settingsPage .settingsItem {
  box-shadow: unset;
  border-radius: unset;
}
.singlePage .settingsPage .settingsBlock {
  box-shadow: unset;
  border-radius: unset;
}

.deleteEntity {
  width: calc(100% - 48px);
  height: 76px;
  margin: 8px 24px 20px 24px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  flex-direction: row;
}
.deleteEntity .deleteEntity__image {
  flex: 0 0 56px;
  height: 56px;
  width: 56px;
  border-radius: 28px;
  margin-left: 6px;
}
.deleteEntity .deleteEntity__text {
  height: 100%;
  flex: 1 1 0;
  margin-left: 12px;
}
.deleteEntity .deleteEntity__text .accountName {
  margin-top: 8px;
  line-height: 21px;
}
.deleteEntity .deleteEntity__text .contactName {
  margin-top: 14px;
}
.deleteEntity .deleteEntity__text .contactCode {
  margin-top: 1px;
}

.singlePage .deleteEntity {
  width: 100%;
  height: 140px;
  margin: 16px 0 20px 0;
  padding: 0 24px;
  align-items: flex-start;
  flex-direction: column;
}
.singlePage .deleteEntity .deleteEntity__image {
  margin-top: 10px;
  margin-left: 10px;
}
.singlePage .deleteEntity .deleteEntity__text .accountName {
  margin-top: 7px;
}

.simpleInput {
  padding-bottom: 1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.simpleInput input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  outline: none;
}
.simpleInput:focus-within {
  padding-bottom: 0;
  border-bottom-width: 2px;
}

.transactionParent__form.transactionParent__form--noBlocks .transactionFormBlock {
  border-radius: unset;
  box-shadow: unset;
}
.transactionParent__form .transactionFormBlock {
  width: 100%;
  border-radius: 8px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.transactionParent__form .transactionFormBlock.assignBlock {
  box-shadow: none;
}
.transactionParent__form .transactionFormClickableItem {
  width: 100%;
  height: 44px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  cursor: pointer;
}
.transactionParent__form .transactionFormClickableItem .transactionFormClickableItem__iconLeft {
  flex: 0 0 auto;
  margin-right: 20px;
}
.transactionParent__form .transactionFormClickableItem .transactionFormClickableItem__text {
  flex: 1 1 0;
  height: 100%;
  padding-top: 13px;
}
.transactionParent__form .transactionFormClickableItem .transactionFormClickableItem__iconRight {
  flex: 0 0 auto;
  margin-left: 16px;
}
.transactionParent__form .matFormField--stretched {
  width: calc(100% - 40px);
  margin-left: 20px;
  margin-right: 20px;
}
.transactionParent__form .matFormField--right {
  width: 224px;
  margin-right: 24px;
  float: right;
}
.transactionParent__form input[type=number]::-webkit-inner-spin-button,
.transactionParent__form input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.singlePage .transactionParent__form .transactionFormBlock:not(.assignBlock) {
  border-radius: unset;
  box-shadow: unset;
}
.singlePage .transactionParent__form .matFormField--stretched {
  width: calc(100% - 32px);
  margin-left: 16px;
  margin-right: 16px;
}
.singlePage .transactionParent__form .matFormField--right {
  margin-right: 16px;
}

.simpleTextField {
  position: relative;
  display: flex;
}
.simpleTextField:focus-within .simpleTextField__border {
  height: 2px;
}
.simpleTextField .simpleTextField__input {
  flex: 1 1 0;
  height: 100%;
  background-color: transparent;
  padding: 0;
  border: none;
  outline: none;
}
.simpleTextField .simpleTextField__input::-webkit-inner-spin-button, .simpleTextField .simpleTextField__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.simpleTextField .simpleTextField__input[type=number] {
  -moz-appearance: textfield;
}
.simpleTextField .simpleTextField__select .mat-select-trigger {
  height: 100%;
}
.simpleTextField .simpleTextField__select .mat-select-trigger .mat-select-value {
  vertical-align: middle;
  font-size: 14px;
  letter-spacing: 0.01786em;
  line-height: 20px;
}
.simpleTextField .simpleTextField__border {
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.singlePage .simpleTextField .simpleTextField__select .mat-select-trigger .mat-select-value {
  font-size: 16px;
}

.headerContainer {
  width: 100%;
  height: 65px;
  z-index: 1;
}

.highcharts-point {
  cursor: pointer;
}

.highcharts-background {
  fill: transparent;
}

.highcharts-plot-border, .highcharts-plot-background {
  fill: none;
}

:not(.highcharts-label).highcharts-color-homeAndLiving {
  fill: #97D700;
  stroke: #97D700;
}
:not(.highcharts-label).highcharts-color-homeAndLiving-sub0 {
  fill: #97D700;
  stroke: #97D700;
}
:not(.highcharts-label).highcharts-color-homeAndLiving-sub1 {
  fill: #8DC900;
  stroke: #8DC900;
}
:not(.highcharts-label).highcharts-color-homeAndLiving-sub2 {
  fill: #84BC00;
  stroke: #84BC00;
}
:not(.highcharts-label).highcharts-color-homeAndLiving-sub3 {
  fill: #7BAF00;
  stroke: #7BAF00;
}
:not(.highcharts-label).highcharts-color-homeAndLiving-sub4 {
  fill: #72A200;
  stroke: #72A200;
}
:not(.highcharts-label).highcharts-color-homeAndLiving-sub5 {
  fill: #689500;
  stroke: #689500;
}
:not(.highcharts-label).highcharts-color-homeAndLiving-sub6 {
  fill: #608800;
  stroke: #608800;
}
:not(.highcharts-label).highcharts-color-homeAndLiving-sub7 {
  fill: #577C00;
  stroke: #577C00;
}
:not(.highcharts-label).highcharts-color-housing {
  fill: #FFCD00;
  stroke: #FFCD00;
}
:not(.highcharts-label).highcharts-color-housing-sub0 {
  fill: #FFCD00;
  stroke: #FFCD00;
}
:not(.highcharts-label).highcharts-color-housing-sub1 {
  fill: #EFC000;
  stroke: #EFC000;
}
:not(.highcharts-label).highcharts-color-housing-sub2 {
  fill: #DFB300;
  stroke: #DFB300;
}
:not(.highcharts-label).highcharts-color-housing-sub3 {
  fill: #D0A700;
  stroke: #D0A700;
}
:not(.highcharts-label).highcharts-color-housing-sub4 {
  fill: #C19B00;
  stroke: #C19B00;
}
:not(.highcharts-label).highcharts-color-housing-sub5 {
  fill: #B18E00;
  stroke: #B18E00;
}
:not(.highcharts-label).highcharts-color-housing-sub6 {
  fill: #A28200;
  stroke: #A28200;
}
:not(.highcharts-label).highcharts-color-housing-sub7 {
  fill: #937600;
  stroke: #937600;
}
:not(.highcharts-label).highcharts-color-transportAndMobility {
  fill: #00BAB3;
  stroke: #00BAB3;
}
:not(.highcharts-label).highcharts-color-transportAndMobility-sub0 {
  fill: #00BAB3;
  stroke: #00BAB3;
}
:not(.highcharts-label).highcharts-color-transportAndMobility-sub1 {
  fill: #00AEA7;
  stroke: #00AEA7;
}
:not(.highcharts-label).highcharts-color-transportAndMobility-sub2 {
  fill: #00A29C;
  stroke: #00A29C;
}
:not(.highcharts-label).highcharts-color-transportAndMobility-sub3 {
  fill: #009792;
  stroke: #009792;
}
:not(.highcharts-label).highcharts-color-transportAndMobility-sub4 {
  fill: #008C87;
  stroke: #008C87;
}
:not(.highcharts-label).highcharts-color-transportAndMobility-sub5 {
  fill: #00817C;
  stroke: #00817C;
}
:not(.highcharts-label).highcharts-color-transportAndMobility-sub6 {
  fill: #007671;
  stroke: #007671;
}
:not(.highcharts-label).highcharts-color-transportAndMobility-sub7 {
  fill: #006B67;
  stroke: #006B67;
}
:not(.highcharts-label).highcharts-color-children {
  fill: #E10600;
  stroke: #E10600;
}
:not(.highcharts-label).highcharts-color-children-sub0 {
  fill: #E10600;
  stroke: #E10600;
}
:not(.highcharts-label).highcharts-color-children-sub1 {
  fill: #D20500;
  stroke: #D20500;
}
:not(.highcharts-label).highcharts-color-children-sub2 {
  fill: #C40500;
  stroke: #C40500;
}
:not(.highcharts-label).highcharts-color-children-sub3 {
  fill: #B70400;
  stroke: #B70400;
}
:not(.highcharts-label).highcharts-color-children-sub4 {
  fill: #AA0400;
  stroke: #AA0400;
}
:not(.highcharts-label).highcharts-color-children-sub5 {
  fill: #9C0400;
  stroke: #9C0400;
}
:not(.highcharts-label).highcharts-color-children-sub6 {
  fill: #8F0300;
  stroke: #8F0300;
}
:not(.highcharts-label).highcharts-color-children-sub7 {
  fill: #820300;
  stroke: #820300;
}
:not(.highcharts-label).highcharts-color-leisure {
  fill: #FF6900;
  stroke: #FF6900;
}
:not(.highcharts-label).highcharts-color-leisure-sub0 {
  fill: #FF6900;
  stroke: #FF6900;
}
:not(.highcharts-label).highcharts-color-leisure-sub1 {
  fill: #EF6200;
  stroke: #EF6200;
}
:not(.highcharts-label).highcharts-color-leisure-sub2 {
  fill: #DF5B00;
  stroke: #DF5B00;
}
:not(.highcharts-label).highcharts-color-leisure-sub3 {
  fill: #D05500;
  stroke: #D05500;
}
:not(.highcharts-label).highcharts-color-leisure-sub4 {
  fill: #C14F00;
  stroke: #C14F00;
}
:not(.highcharts-label).highcharts-color-leisure-sub5 {
  fill: #B14900;
  stroke: #B14900;
}
:not(.highcharts-label).highcharts-color-leisure-sub6 {
  fill: #A24200;
  stroke: #A24200;
}
:not(.highcharts-label).highcharts-color-leisure-sub7 {
  fill: #933C00;
  stroke: #933C00;
}
:not(.highcharts-label).highcharts-color-savingsAndProvisions {
  fill: #004677;
  stroke: #004677;
}
:not(.highcharts-label).highcharts-color-savingsAndProvisions-sub0 {
  fill: #004677;
  stroke: #004677;
}
:not(.highcharts-label).highcharts-color-savingsAndProvisions-sub1 {
  fill: #00416F;
  stroke: #00416F;
}
:not(.highcharts-label).highcharts-color-savingsAndProvisions-sub2 {
  fill: #003D68;
  stroke: #003D68;
}
:not(.highcharts-label).highcharts-color-savingsAndProvisions-sub3 {
  fill: #003961;
  stroke: #003961;
}
:not(.highcharts-label).highcharts-color-savingsAndProvisions-sub4 {
  fill: #00355A;
  stroke: #00355A;
}
:not(.highcharts-label).highcharts-color-savingsAndProvisions-sub5 {
  fill: #003052;
  stroke: #003052;
}
:not(.highcharts-label).highcharts-color-savingsAndProvisions-sub6 {
  fill: #002C4B;
  stroke: #002C4B;
}
:not(.highcharts-label).highcharts-color-savingsAndProvisions-sub7 {
  fill: #002844;
  stroke: #002844;
}
:not(.highcharts-label).highcharts-color-otherExpenses {
  fill: #7C878E;
  stroke: #7C878E;
}
:not(.highcharts-label).highcharts-color-otherExpenses-sub0 {
  fill: #7C878E;
  stroke: #7C878E;
}
:not(.highcharts-label).highcharts-color-otherExpenses-sub1 {
  fill: #747E85;
  stroke: #747E85;
}
:not(.highcharts-label).highcharts-color-otherExpenses-sub2 {
  fill: #6C767C;
  stroke: #6C767C;
}
:not(.highcharts-label).highcharts-color-otherExpenses-sub3 {
  fill: #656E73;
  stroke: #656E73;
}
:not(.highcharts-label).highcharts-color-otherExpenses-sub4 {
  fill: #5D666B;
  stroke: #5D666B;
}
:not(.highcharts-label).highcharts-color-otherExpenses-sub5 {
  fill: #565D62;
  stroke: #565D62;
}
:not(.highcharts-label).highcharts-color-otherExpenses-sub6 {
  fill: #4E555A;
  stroke: #4E555A;
}
:not(.highcharts-label).highcharts-color-otherExpenses-sub7 {
  fill: #474E52;
  stroke: #474E52;
}
:not(.highcharts-label).highcharts-color-cashAndCreditCardPayments {
  fill: #568B83;
  stroke: #568B83;
}
:not(.highcharts-label).highcharts-color-cashAndCreditCardPayments-sub0 {
  fill: #568B83;
  stroke: #568B83;
}
:not(.highcharts-label).highcharts-color-cashAndCreditCardPayments-sub1 {
  fill: #50827A;
  stroke: #50827A;
}
:not(.highcharts-label).highcharts-color-cashAndCreditCardPayments-sub2 {
  fill: #4B7972;
  stroke: #4B7972;
}
:not(.highcharts-label).highcharts-color-cashAndCreditCardPayments-sub3 {
  fill: #46716A;
  stroke: #46716A;
}
:not(.highcharts-label).highcharts-color-cashAndCreditCardPayments-sub4 {
  fill: #416963;
  stroke: #416963;
}
:not(.highcharts-label).highcharts-color-cashAndCreditCardPayments-sub5 {
  fill: #3B605B;
  stroke: #3B605B;
}
:not(.highcharts-label).highcharts-color-cashAndCreditCardPayments-sub6 {
  fill: #365853;
  stroke: #365853;
}
:not(.highcharts-label).highcharts-color-cashAndCreditCardPayments-sub7 {
  fill: #31504B;
  stroke: #31504B;
}
:not(.highcharts-label).highcharts-color-user1 {
  fill: #e91e63;
  stroke: #e91e63;
}
:not(.highcharts-label).highcharts-color-user1-sub0 {
  fill: #e91e63;
  stroke: #e91e63;
}
:not(.highcharts-label).highcharts-color-user1-sub1 {
  fill: #db1c5d;
  stroke: #db1c5d;
}
:not(.highcharts-label).highcharts-color-user1-sub2 {
  fill: #cd1a57;
  stroke: #cd1a57;
}
:not(.highcharts-label).highcharts-color-user1-sub3 {
  fill: #bf1951;
  stroke: #bf1951;
}
:not(.highcharts-label).highcharts-color-user1-sub4 {
  fill: #b1174b;
  stroke: #b1174b;
}
:not(.highcharts-label).highcharts-color-user1-sub5 {
  fill: #a31545;
  stroke: #a31545;
}
:not(.highcharts-label).highcharts-color-user1-sub6 {
  fill: #95133f;
  stroke: #95133f;
}
:not(.highcharts-label).highcharts-color-user1-sub7 {
  fill: #88113a;
  stroke: #88113a;
}
:not(.highcharts-label).highcharts-color-user2 {
  fill: #9c27b0;
  stroke: #9c27b0;
}
:not(.highcharts-label).highcharts-color-user2-sub0 {
  fill: #9c27b0;
  stroke: #9c27b0;
}
:not(.highcharts-label).highcharts-color-user2-sub1 {
  fill: #9325a6;
  stroke: #9325a6;
}
:not(.highcharts-label).highcharts-color-user2-sub2 {
  fill: #89229b;
  stroke: #89229b;
}
:not(.highcharts-label).highcharts-color-user2-sub3 {
  fill: #802090;
  stroke: #802090;
}
:not(.highcharts-label).highcharts-color-user2-sub4 {
  fill: #771e86;
  stroke: #771e86;
}
:not(.highcharts-label).highcharts-color-user2-sub5 {
  fill: #6d1b7b;
  stroke: #6d1b7b;
}
:not(.highcharts-label).highcharts-color-user2-sub6 {
  fill: #641971;
  stroke: #641971;
}
:not(.highcharts-label).highcharts-color-user2-sub7 {
  fill: #5b1766;
  stroke: #5b1766;
}
:not(.highcharts-label).highcharts-color-user3 {
  fill: #3f51b5;
  stroke: #3f51b5;
}
:not(.highcharts-label).highcharts-color-user3-sub0 {
  fill: #3f51b5;
  stroke: #3f51b5;
}
:not(.highcharts-label).highcharts-color-user3-sub1 {
  fill: #3b4caa;
  stroke: #3b4caa;
}
:not(.highcharts-label).highcharts-color-user3-sub2 {
  fill: #37479f;
  stroke: #37479f;
}
:not(.highcharts-label).highcharts-color-user3-sub3 {
  fill: #344294;
  stroke: #344294;
}
:not(.highcharts-label).highcharts-color-user3-sub4 {
  fill: #303e8a;
  stroke: #303e8a;
}
:not(.highcharts-label).highcharts-color-user3-sub5 {
  fill: #2c397f;
  stroke: #2c397f;
}
:not(.highcharts-label).highcharts-color-user3-sub6 {
  fill: #283474;
  stroke: #283474;
}
:not(.highcharts-label).highcharts-color-user3-sub7 {
  fill: #252f69;
  stroke: #252f69;
}
:not(.highcharts-label).highcharts-color-user4 {
  fill: #2e8af7;
  stroke: #2e8af7;
}
:not(.highcharts-label).highcharts-color-user4-sub0 {
  fill: #2e8af7;
  stroke: #2e8af7;
}
:not(.highcharts-label).highcharts-color-user4-sub1 {
  fill: #2b82e9;
  stroke: #2b82e9;
}
:not(.highcharts-label).highcharts-color-user4-sub2 {
  fill: #2879d9;
  stroke: #2879d9;
}
:not(.highcharts-label).highcharts-color-user4-sub3 {
  fill: #2671cb;
  stroke: #2671cb;
}
:not(.highcharts-label).highcharts-color-user4-sub4 {
  fill: #2369bc;
  stroke: #2369bc;
}
:not(.highcharts-label).highcharts-color-user4-sub5 {
  fill: #2060ad;
  stroke: #2060ad;
}
:not(.highcharts-label).highcharts-color-user4-sub6 {
  fill: #1d589e;
  stroke: #1d589e;
}
:not(.highcharts-label).highcharts-color-user4-sub7 {
  fill: #1b5090;
  stroke: #1b5090;
}
:not(.highcharts-label).highcharts-color-user5 {
  fill: #ff9800;
  stroke: #ff9800;
}
:not(.highcharts-label).highcharts-color-user5-sub0 {
  fill: #ff9800;
  stroke: #ff9800;
}
:not(.highcharts-label).highcharts-color-user5-sub1 {
  fill: #f08f00;
  stroke: #f08f00;
}
:not(.highcharts-label).highcharts-color-user5-sub2 {
  fill: #e08600;
  stroke: #e08600;
}
:not(.highcharts-label).highcharts-color-user5-sub3 {
  fill: #d17d00;
  stroke: #d17d00;
}
:not(.highcharts-label).highcharts-color-user5-sub4 {
  fill: #c27400;
  stroke: #c27400;
}
:not(.highcharts-label).highcharts-color-user5-sub5 {
  fill: #b26a00;
  stroke: #b26a00;
}
:not(.highcharts-label).highcharts-color-user5-sub6 {
  fill: #a36100;
  stroke: #a36100;
}
:not(.highcharts-label).highcharts-color-user5-sub7 {
  fill: #945800;
  stroke: #945800;
}
:not(.highcharts-label).highcharts-color-user6 {
  fill: #795548;
  stroke: #795548;
}
:not(.highcharts-label).highcharts-color-user6-sub0 {
  fill: #795548;
  stroke: #795548;
}
:not(.highcharts-label).highcharts-color-user6-sub1 {
  fill: #725044;
  stroke: #725044;
}
:not(.highcharts-label).highcharts-color-user6-sub2 {
  fill: #6a4b3f;
  stroke: #6a4b3f;
}
:not(.highcharts-label).highcharts-color-user6-sub3 {
  fill: #63463b;
  stroke: #63463b;
}
:not(.highcharts-label).highcharts-color-user6-sub4 {
  fill: #5c4137;
  stroke: #5c4137;
}
:not(.highcharts-label).highcharts-color-user6-sub5 {
  fill: #553b32;
  stroke: #553b32;
}
:not(.highcharts-label).highcharts-color-user6-sub6 {
  fill: #4e362e;
  stroke: #4e362e;
}
:not(.highcharts-label).highcharts-color-user6-sub7 {
  fill: #46312a;
  stroke: #46312a;
}
:not(.highcharts-label).highcharts-color-user7 {
  fill: #607d8b;
  stroke: #607d8b;
}
:not(.highcharts-label).highcharts-color-user7-sub0 {
  fill: #607d8b;
  stroke: #607d8b;
}
:not(.highcharts-label).highcharts-color-user7-sub1 {
  fill: #5a7683;
  stroke: #5a7683;
}
:not(.highcharts-label).highcharts-color-user7-sub2 {
  fill: #546e7a;
  stroke: #546e7a;
}
:not(.highcharts-label).highcharts-color-user7-sub3 {
  fill: #4f6772;
  stroke: #4f6772;
}
:not(.highcharts-label).highcharts-color-user7-sub4 {
  fill: #495f6a;
  stroke: #495f6a;
}
:not(.highcharts-label).highcharts-color-user7-sub5 {
  fill: #435761;
  stroke: #435761;
}
:not(.highcharts-label).highcharts-color-user7-sub6 {
  fill: #3e5059;
  stroke: #3e5059;
}
:not(.highcharts-label).highcharts-color-user7-sub7 {
  fill: #384951;
  stroke: #384951;
}
:not(.highcharts-label).highcharts-color-unknown {
  fill: #AAAAAA;
  stroke: #AAAAAA;
}

.highcharts-variablepie-series .highcharts-data-label span {
  display: flex;
}

#hatch-left path {
  stroke: #e1e5eb;
  stroke-width: 1px;
}

#pieBackground {
  fill: url(#hatch-left);
}

.highcharts-point.highcharts-color-categorized {
  fill: var(--key-color);
}
.highcharts-point.highcharts-color-not-categorized {
  fill: #aaaaaa;
}
.highcharts-point.highcharts-color-incomes {
  fill: #00b762;
}
.highcharts-point.highcharts-color-expenses {
  fill: #f20030;
}
.highcharts-point.highcharts-color-variable-expenses {
  fill: #ffc107;
}
.highcharts-point.highcharts-color-key-color {
  fill: var(--key-color);
}
.highcharts-point.highcharts-color-blue {
  fill: #32A5FC;
}
.highcharts-point.highcharts-color-inverted-expenses {
  fill: #f20030;
}
.highcharts-point.highcharts-color-variable-expenses-static {
  fill: #ffc107;
}
.highcharts-point.highcharts-color-predicted-incomes {
  fill: url(#pattern-predicted-incomes);
}
.highcharts-point.highcharts-color-predicted-expenses {
  fill: url(#pattern-predicted-expenses);
}
.highcharts-point.highcharts-color-predicted-variable-expenses {
  fill: url(#pattern-predicted-variable-expenses);
}
.highcharts-point.unknown {
  fill: #AAAAAA;
}
.highcharts-point.homeAndLiving {
  fill: #97D700;
}
.highcharts-point.housing {
  fill: #FFCD00;
}
.highcharts-point.transportAndMobility {
  fill: #00BAB3;
}
.highcharts-point.children {
  fill: #E10600;
}
.highcharts-point.leisure {
  fill: #FF6900;
}
.highcharts-point.savingsAndProvisions {
  fill: #004677;
}
.highcharts-point.otherExpenses {
  fill: #7C878E;
}
.highcharts-point.cashAndCreditCardPayments {
  fill: #568B83;
}
.highcharts-point.user1 {
  fill: #e91e63;
}
.highcharts-point.user2 {
  fill: #9c27b0;
}
.highcharts-point.user3 {
  fill: #3f51b5;
}
.highcharts-point.user4 {
  fill: #2e8af7;
}
.highcharts-point.user5 {
  fill: #ff9800;
}
.highcharts-point.user6 {
  fill: #795548;
}
.highcharts-point.user7 {
  fill: #607d8b;
}

.highcharts-area-series .highcharts-graph.zone-positive {
  stroke: #32A5FC;
}
.highcharts-area-series .highcharts-area.zone-positive {
  fill: rgba(50, 165, 252, 0.5);
}
.highcharts-area-series .highcharts-area.zone-negative {
  fill: rgba(242, 0, 48, 0.5);
}
.highcharts-area-series .highcharts-graph, .highcharts-area-series .highcharts-tracker-line {
  fill: none;
}
.highcharts-area-series .highcharts-area {
  stroke: none;
}
.highcharts-area-series .highcharts-halo {
  display: none;
}
.highcharts-area-series.unknown {
  stroke: #AAAAAA;
}
.highcharts-area-series.unknown .highcharts-area {
  fill: rgba(170, 170, 170, 0.5);
}
.highcharts-area-series.homeAndLiving {
  stroke: #97D700;
}
.highcharts-area-series.homeAndLiving .highcharts-area {
  fill: rgba(151, 215, 0, 0.5);
}
.highcharts-area-series.housing {
  stroke: #FFCD00;
}
.highcharts-area-series.housing .highcharts-area {
  fill: rgba(255, 205, 0, 0.5);
}
.highcharts-area-series.transportAndMobility {
  stroke: #00BAB3;
}
.highcharts-area-series.transportAndMobility .highcharts-area {
  fill: rgba(0, 186, 179, 0.5);
}
.highcharts-area-series.children {
  stroke: #E10600;
}
.highcharts-area-series.children .highcharts-area {
  fill: rgba(225, 6, 0, 0.5);
}
.highcharts-area-series.leisure {
  stroke: #FF6900;
}
.highcharts-area-series.leisure .highcharts-area {
  fill: rgba(255, 105, 0, 0.5);
}
.highcharts-area-series.savingsAndProvisions {
  stroke: #004677;
}
.highcharts-area-series.savingsAndProvisions .highcharts-area {
  fill: rgba(0, 70, 119, 0.5);
}
.highcharts-area-series.otherExpenses {
  stroke: #7C878E;
}
.highcharts-area-series.otherExpenses .highcharts-area {
  fill: rgba(124, 135, 142, 0.5);
}
.highcharts-area-series.cashAndCreditCardPayments {
  stroke: #568B83;
}
.highcharts-area-series.cashAndCreditCardPayments .highcharts-area {
  fill: rgba(86, 139, 131, 0.5);
}
.highcharts-area-series.user1 {
  stroke: #e91e63;
}
.highcharts-area-series.user1 .highcharts-area {
  fill: rgba(233, 30, 99, 0.5);
}
.highcharts-area-series.user2 {
  stroke: #9c27b0;
}
.highcharts-area-series.user2 .highcharts-area {
  fill: rgba(156, 39, 176, 0.5);
}
.highcharts-area-series.user3 {
  stroke: #3f51b5;
}
.highcharts-area-series.user3 .highcharts-area {
  fill: rgba(63, 81, 181, 0.5);
}
.highcharts-area-series.user4 {
  stroke: #2e8af7;
}
.highcharts-area-series.user4 .highcharts-area {
  fill: rgba(46, 138, 247, 0.5);
}
.highcharts-area-series.user5 {
  stroke: #ff9800;
}
.highcharts-area-series.user5 .highcharts-area {
  fill: rgba(255, 152, 0, 0.5);
}
.highcharts-area-series.user6 {
  stroke: #795548;
}
.highcharts-area-series.user6 .highcharts-area {
  fill: rgba(121, 85, 72, 0.5);
}
.highcharts-area-series.user7 {
  stroke: #607d8b;
}
.highcharts-area-series.user7 .highcharts-area {
  fill: rgba(96, 125, 139, 0.5);
}

g.highcharts-tooltip {
  filter: url(#drop-shadow) !important;
}

g.highcharts-label {
  filter: url(#drop-shadow);
}

.reportsLabel {
  display: flex;
  align-items: center;
  width: 260px;
  height: 36px;
  padding: 0 12px;
}
.reportsLabel > :first-child {
  flex: 1 1 0;
}
.reportsLabel > :not(:first-child) {
  flex: none;
  margin-left: 8px;
}
.reportsLabel .reportsLabel__endIcon {
  margin-left: 0;
  margin-right: -10px;
}

.reportsExtendedLabel {
  width: 260px;
  height: 72px;
  padding: 0 16px;
  display: flex;
  flex-direction: column;
}
.reportsExtendedLabel .reportsExtendedLabel__row {
  width: 100%;
  display: flex;
  align-items: center;
}
.reportsExtendedLabel .reportsExtendedLabel__row > :not(:last-child) {
  flex: none;
}
.reportsExtendedLabel .reportsExtendedLabel__row > :last-child {
  flex: 1 1 0;
}
.reportsExtendedLabel .reportsExtendedLabel__row .row__icon {
  width: 8px;
  height: 8px;
  margin-right: 4px;
  border-radius: 4px;
}
.reportsExtendedLabel .reportsExtendedLabel__row .row__icon.row__icon--fix {
  background-color: #F20030;
}
.reportsExtendedLabel .reportsExtendedLabel__row .row__icon.row__icon--variable {
  background-color: #FFC107;
}

.reportsPrognosisLabel {
  width: 260px;
  padding: 8px 16px;
  display: flex;
  flex-direction: column;
}
.reportsPrognosisLabel .reportsPrognosisLabel__row {
  width: 100%;
  display: flex;
  align-items: center;
}
.reportsPrognosisLabel .reportsPrognosisLabel__row > :not(:last-child) {
  flex: none;
}
.reportsPrognosisLabel .reportsPrognosisLabel__row > :last-child {
  flex: 1 1 0;
}

.highlightedSelection .highcharts-point:not(.highcharts-point-select) {
  opacity: 0.3;
}

pattern#pattern-predicted-incomes path {
  stroke: #00b762;
}
pattern#pattern-predicted-expenses path {
  stroke: #f20030;
}
pattern#pattern-predicted-variable-expenses path {
  stroke: #ffc107;
}

.pullToRefresh {
  position: relative;
}
.pullToRefresh .pullToRefresh__spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: calc(50% - 40px / 2);
  right: calc(50% - 40px / 2);
  width: 40px;
  height: 40px;
  z-index: 1;
  background-color: var(--key-color);
  border-radius: 20px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.iconButton.unknown {
  color: #AAAAAA !important;
}
.iconButton.homeAndLiving {
  color: #97D700 !important;
}
.iconButton.housing {
  color: #FFCD00 !important;
}
.iconButton.transportAndMobility {
  color: #00BAB3 !important;
}
.iconButton.children {
  color: #E10600 !important;
}
.iconButton.leisure {
  color: #FF6900 !important;
}
.iconButton.savingsAndProvisions {
  color: #004677 !important;
}
.iconButton.otherExpenses {
  color: #7C878E !important;
}
.iconButton.cashAndCreditCardPayments {
  color: #568B83 !important;
}
.iconButton.incomes {
  color: #00C853 !important;
}
.iconButton.user1 {
  color: #e91e63 !important;
}
.iconButton.user2 {
  color: #9c27b0 !important;
}
.iconButton.user3 {
  color: #3f51b5 !important;
}
.iconButton.user4 {
  color: #2e8af7 !important;
}
.iconButton.user5 {
  color: #ff9800 !important;
}
.iconButton.user6 {
  color: #795548 !important;
}
.iconButton.user7 {
  color: #607d8b !important;
}

.areaFab {
  position: absolute;
  bottom: -58px;
  right: -58px;
  width: 132px;
  height: 132px;
  border-radius: 66px;
  z-index: 1000;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.18, 0.93, 0.28, 1);
  transition-duration: 0.3s;
}
@media (hover: hover) {
  .areaFab:hover {
    border-radius: 0;
    width: 380px;
  }
}
.areaFab.areaFab--expanded {
  border-radius: 0;
  width: 380px;
}
.areaFab .areaFab__button {
  position: absolute;
  top: 17px;
  left: 80px;
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 14px;
  border-radius: 4px;
  cursor: pointer;
}
.areaFab .areaFab__button.areaFab__button2 {
  top: -21px;
}
.areaFab .areaFab__circle {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 132px;
  height: 132px;
  border-radius: 66px;
  background-color: var(--key-color);
  cursor: pointer;
  padding-left: 27px;
  padding-top: 28px;
}

.selectAccountOption {
  padding: 0 16px;
}
.selectAccountOption .mat-option-text {
  width: 100%;
  height: 64px;
  line-height: unset !important;
  display: flex;
  align-items: center;
}
.selectAccountOption .mat-option-text .selectAccountOption__image {
  flex: none;
  width: 48px;
  height: 48px;
  margin-right: 12px;
}
.selectAccountOption .mat-option-text .selectAccountOption__texts {
  flex: 1 1 0;
}
.selectAccountOption .mat-option-text .selectAccountOption__okImage {
  flex: none;
  margin-left: 16px;
}

.offer__securitiesPopup {
  max-width: 200px;
  border-radius: 2px;
  padding: 7px 8px 6px;
}

.simpleFab {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  cursor: pointer;
  border-radius: 28px;
  position: absolute !important;
  bottom: 20px;
  right: 20px;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24);
  z-index: 1000;
}
.simpleFab .fabImage {
  width: 24px;
  height: 24px;
}

.swipeRevealItemContainer {
  display: flex;
  gap: 4px;
  width: 0;
  overflow-x: hidden;
  position: absolute !important;
  top: 0;
  bottom: 0;
  right: 0;
}
.swipeRevealItemContainer .swipeRevealItem {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.swipeRevealItemContainer .swipeRevealItem .icon {
  margin-bottom: 4px;
}
.swipeRevealItemContainer .swipeRevealDivider {
  flex: none;
  width: 1px;
  height: 100%;
  background-color: purple;
}

.singlePage .mat-snack-bar-handset .mat-snack-bar-container {
  margin-bottom: 24px;
}

.spanTitleBold {
  font-weight: 700;
}

.spanTitleLight {
  font-weight: 300;
}

.document-tooltip {
  box-sizing: border-box;
  position: absolute;
  border-radius: 4px;
  opacity: 0;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.1s ease;
  pointer-events: none;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.document-tooltip.show {
  opacity: 1;
}
.document-tooltip__image {
  object-fit: contain;
}

#outerContainer {
  left: 0 !important;
}
#outerContainer.sidebarOpen #viewerContainer {
  left: 148px !important;
}
#outerContainer #sidebarContainer {
  width: 148px !important;
}
#outerContainer #sidebarContainer #sidebarContent {
  background-color: transparent !important;
}
#outerContainer #sidebarContainer #sidebarContent #thumbnailView {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 16px !important;
  position: relative !important;
  width: unset !important;
}
#outerContainer #sidebarContainer #sidebarContent #thumbnailView > a:focus {
  border: none;
}
#outerContainer #sidebarContainer #sidebarContent #thumbnailView .thumbnail {
  margin: 8px 0 !important;
  border: solid 4px transparent;
  border-radius: 4px;
}
#outerContainer #sidebarContainer #sidebarContent #thumbnailView .thumbnail .thumbnailSelectionRing {
  padding: 0 !important;
}
#outerContainer #sidebarContainer #sidebarContent #thumbnailView .thumbnail .thumbnailSelectionRing .thumbnailImage {
  opacity: unset !important;
  border: none !important;
}
#outerContainer #sidebarContainer #sidebarContent #thumbnailView .thumbnail.selected {
  border: solid 4px var(--key-color);
}
#outerContainer #mainContainer {
  margin-top: 0 !important;
}
#outerContainer #mainContainer #viewerContainer {
  top: 0 !important;
  display: flex;
}
#outerContainer #mainContainer #viewerContainer .pdfViewer {
  display: inline-flex !important;
  flex-direction: column;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 96px !important;
  padding-right: 16px;
  margin-bottom: auto;
  flex: 1 1 0;
}
#outerContainer #mainContainer #viewerContainer .pdfViewer .page {
  margin: 8px 0;
  border: none !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
}
#outerContainer #mainContainer #viewerContainer .pdfViewer .page .textLayer .highlight {
  background-color: rgba(255, 230, 0, 0.35) !important;
  mix-blend-mode: multiply;
}
#outerContainer #mainContainer #viewerContainer .pdfViewer .page .textLayer .highlight.selected {
  background-color: rgba(255, 170, 0, 0.45) !important;
  outline: 2px solid rgba(255, 170, 0, 0.85);
}

.singlePage #outerContainer {
  left: 0 !important;
}
.singlePage #outerContainer.sidebarOpen #viewerContainer {
  left: 76px !important;
}
.singlePage #outerContainer #sidebarContainer {
  width: 76px !important;
}
.singlePage #outerContainer #sidebarContainer #sidebarContent #thumbnailView {
  padding: 4px !important;
}
.singlePage #outerContainer #sidebarContainer #sidebarContent #thumbnailView .thumbnail {
  margin: 4px 0 !important;
  border: solid 2px transparent;
}
.singlePage #outerContainer #sidebarContainer #sidebarContent #thumbnailView .thumbnail .image-container {
  width: 60px !important;
  height: 84px !important;
}
.singlePage #outerContainer #sidebarContainer #sidebarContent #thumbnailView .thumbnail .image-container .thumbnailImage {
  width: 60px !important;
  height: 84px !important;
}
.singlePage #outerContainer #sidebarContainer #sidebarContent #thumbnailView .thumbnail.selected {
  border: solid 2px var(--key-color) !important;
}
.singlePage #viewerContainer .pdfViewer {
  padding-right: 0 !important;
}

.highcharts-sankey-series .highcharts__sankey--light {
  opacity: 0.5;
}
.highcharts-sankey-series .highcharts__sankey--very-light {
  opacity: 0.3;
}
.highcharts-sankey-series .highcharts__sankey--dark {
  opacity: 1;
}
.highcharts-sankey-series * {
  cursor: default;
}

.singlePage .freePlanHint .freePlanHintContent {
  padding-right: 48px;
  padding-left: 14px;
}
.singlePage .freePlanHint .iconButton {
  top: 0;
  right: 0;
}

.dropDownMenuButton {
  height: 32px;
  display: flex;
  align-items: center;
  margin-right: 8px;
  cursor: pointer;
  border-radius: 8px;
}
.dropDownMenuButton.dropDownMenuButton--centered {
  margin: auto;
}
.dropDownMenuButton.dropDownMenuButton--iconOnly {
  height: 48px;
  margin-right: 0;
  border-radius: 24px;
}
.dropDownMenuButton.dropDownMenuButton--iconOnly .buttonIcon {
  margin-left: 12px;
}
.dropDownMenuButton.dropDownMenuButton--iconOnly .arrowIcon {
  margin-right: 6px;
}
.dropDownMenuButton .buttonIcon {
  margin-left: 6px;
}
.dropDownMenuButton .buttonText {
  margin: 1px 6px 0;
}
.dropDownMenuButton .buttonArrowIcon {
  margin-right: 4px;
  transition: transform 0.3s ease-out;
  transform: rotate(0deg);
}
.dropDownMenuButton .buttonArrowIcon.buttonArrowIcon--menuOpen {
  transform: rotate(180deg);
}

.singlePage #ss_widget_frame {
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  border-radius: 0 !important;
}

.transactionParent__form .section-title {
  padding: 0 0 16px 32px;
  font-weight: 700;
}
.transactionParent__form .country-select {
  cursor: pointer;
}
.transactionParent__form .country-select input {
  cursor: inherit;
}

.cdk-global-overlay-wrapper {
  display: flex !important;
  overflow: hidden !important;
}

.cdk-global-overlay-wrapper > .cdk-overlay-pane {
  margin: 0 !important;
}

body.cdk-global-scrollblock {
  overflow: hidden !important;
}

@supports (selector(:has(*))) {
  .cdk-global-overlay-wrapper:has(> .cdk-overlay-pane.dialogContainer),
  .cdk-global-overlay-wrapper:has(> .cdk-overlay-pane.banking-v2),
  .cdk-global-overlay-wrapper:has(> .cdk-overlay-pane.dialogContainer.banking-v2) {
    align-items: center !important;
    justify-content: center !important;
  }
  .cdk-global-overlay-wrapper:has(> .cdk-overlay-pane .mat-snack-bar-container) {
    align-items: flex-end !important;
    justify-content: center !important;
  }
}
@supports (selector(:has(*))) {
  @media (min-width: 769px) {
    .cdk-overlay-pane.dialogContainer.banking-v2.dialogContainer--width90vw:has(app-iframe-dialog),
    .cdk-overlay-pane.dialogContainer.banking-v2.dialogContainer--height90vh:has(app-iframe-dialog) {
      width: auto !important;
      max-width: min(920px, 92vw) !important;
      height: auto !important;
      max-height: 96svh !important;
      margin: 0 auto !important;
      overflow-x: hidden !important;
      overflow-y: visible !important;
      box-sizing: border-box !important;
      border-radius: 12px !important;
    }
    .cdk-overlay-pane.dialogContainer.banking-v2.dialogContainer--singlePageFullScreen:has(app-iframe-dialog) {
      width: auto !important;
      max-width: min(920px, 92vw) !important;
      height: auto !important;
      max-height: 96svh !important;
      margin: 0 auto !important;
      overflow: visible !important;
      border-radius: 12px !important;
    }
  }
  .cdk-overlay-pane.dialogContainer.banking-v2:has(app-iframe-dialog) .mat-dialog-container,
  .cdk-overlay-pane.dialogContainer.banking-v2:has(app-iframe-dialog) .mat-mdc-dialog-container .mdc-dialog__surface {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
    padding: 0 !important;
    background: transparent !important;
  }
  .cdk-overlay-pane.dialogContainer.banking-v2:has(app-iframe-dialog) .dialog {
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 auto !important;
  }
  @media (max-width: 768px) {
    .cdk-overlay-pane.dialogContainer.banking-v2.dialogContainer--singlePageFullScreen:has(app-iframe-dialog),
    .singlePage .cdk-overlay-pane.dialogContainer.banking-v2:has(app-iframe-dialog) {
      width: 100svw !important;
      padding: 24px !important;
      display: block !important;
      max-width: 100svw !important;
      min-width: 100svw !important;
      height: 100svh !important;
      max-height: 100svh !important;
      margin: 0 !important;
      overflow: hidden !important;
      border-radius: 0 !important;
    }
    .cdk-overlay-pane.dialogContainer.banking-v2:has(app-iframe-dialog).dialogContainer--singlePageFullScreen .mat-dialog-container,
    .cdk-overlay-pane.dialogContainer.banking-v2:has(app-iframe-dialog).dialogContainer--singlePageFullScreen .mat-mdc-dialog-container .mdc-dialog__surface,
    .cdk-overlay-pane.dialogContainer.banking-v2:has(app-iframe-dialog).dialogContainer--singlePageFullScreen .dialog,
    .singlePage .cdk-overlay-pane.dialogContainer.banking-v2:has(app-iframe-dialog) .mat-dialog-container,
    .singlePage .cdk-overlay-pane.dialogContainer.banking-v2:has(app-iframe-dialog) .mat-mdc-dialog-container .mdc-dialog__surface,
    .singlePage .cdk-overlay-pane.dialogContainer.banking-v2:has(app-iframe-dialog) .dialog {
      width: 100svw !important;
      height: 100svh !important;
      margin: 0 !important;
      padding: 0 !important;
      border-radius: 0 !important;
      overflow: hidden !important;
    }
  }
}
@media (min-width: 769px) {
  .cdk-overlay-pane.dialogContainer.banking-v2.uc-v2 {
    width: auto !important;
    max-width: min(920px, 92vw) !important;
    height: auto !important;
    max-height: 96svh !important;
    margin: 0 auto !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
  }
}
.cdk-overlay-pane.dialogContainer.banking-v2.uc-v2 .mat-dialog-container,
.cdk-overlay-pane.dialogContainer.banking-v2.uc-v2 .mat-mdc-dialog-container .mdc-dialog__surface {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.cdk-overlay-pane.dialogContainer.banking-v2.uc-v2 .dialog {
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 auto !important;
}

@media (max-width: 768px) {
  .cdk-overlay-pane.dialogContainer.banking-v2.uc-v2.dialogContainer--singlePageFullScreen,
  .singlePage .cdk-overlay-pane.dialogContainer.banking-v2.uc-v2 {
    width: 100svw !important;
    max-width: 100svw !important;
    min-width: 100svw !important;
    height: 100svh !important;
    max-height: 100svh !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
  }
}
body:not(.onlim-chat-visible) #onlim-chat-widget,
body:not(.onlim-chat-visible) #onlim-cw-root,
body:not(.onlim-chat-visible) .onlim-cw-root,
body:not(.onlim-chat-visible) .olcw-widget,
body:not(.onlim-chat-visible) onlim-chat-widget,
body:not(.onlim-chat-visible) .onlim-chat-widget,
body:not(.onlim-chat-visible) [id^=onlim-] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

@supports (selector(:has(*))) {
  .cdk-overlay-pane.dialogContainer.banking-v2:has(app-iframe-dialog) {
    transform: none !important;
    -webkit-transform: none !important;
  }
}
@media (min-width: 600px) and (max-width: 1024px) {
  .cdk-overlay-pane.dialogContainer.banking-v2 {
    transform: none !important;
    -webkit-transform: none !important;
  }
}
@media (min-width: 600px) and (max-width: 1024px) {
  .cdk-overlay-pane.dialogContainer.banking-v2.dialogContainer--width90vw,
  .cdk-overlay-pane.dialogContainer.banking-v2.dialogContainer--height90vh,
  .cdk-overlay-pane.dialogContainer.banking-v2.dialogContainer--singlePageFullScreen {
    transform: none !important;
    -webkit-transform: none !important;
  }
}
@media (min-width: 1000px) {
  .cdk-overlay-pane.dialogContainer.banking-v2,
  .cdk-overlay-pane.dialogContainer.banking-v2.dialogContainer--width90vw,
  .cdk-overlay-pane.dialogContainer.banking-v2.dialogContainer--height90vh,
  .cdk-overlay-pane.dialogContainer.banking-v2.dialogContainer--singlePageFullScreen {
    transform: none !important;
    -webkit-transform: none !important;
  }
}
.cdk-overlay-pane.dialogContainer.banking-v2 .mat-dialog-container,
.cdk-overlay-pane.dialogContainer.banking-v2 .mat-mdc-dialog-container .mdc-dialog__surface {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  transform: none !important;
  -webkit-transform: none !important;
}

body.banking-v2-open .cdk-global-overlay-wrapper,
body.banking-v2-open .cdk-global-overlay-wrapper > .cdk-overlay-pane,
body.banking-v2-open .cdk-global-overlay-wrapper > .cdk-overlay-pane.banking-v2 {
  transform: none !important;
  -webkit-transform: none !important;
}

.cdk-overlay-pane.dialogContainer.banking-v2.dialogContainer--fullScreen {
  width: 100svw !important;
  max-width: 100svw !important;
  height: 100svh !important;
  max-height: 100svh !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/material-styles.scss?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
body.blue {
  background-color: #f5f5f7;
}

.blue .text.text--colorPrimary {
  color: #001333;
}
.blue .text.text--colorSecondary {
  color: rgba(0, 19, 51, 0.68);
}
.blue .text.text--keyColor {
  color: var(--key-color);
}
.blue .text.text--colorDisabled {
  color: rgba(0, 19, 51, 0.38);
}
.blue .text.text--colorMenuHintergrund {
  color: #001333;
}
.blue .text.text--error {
  color: #F20030;
}
.blue .text.text--colorIncome {
  color: #00B762;
}
.blue .text.text--colorExpenses {
  color: #F20030;
}
.blue .text.text--colorVariable {
  color: #FFAD08;
}
.blue .text.text--colorDokublickRecommended {
  color: #029D26;
}
.blue .text.text--onVariable {
  color: #001333;
}
.blue .background2 {
  background-color: #FFFFFF;
}
.blue .mainBackground {
  background-color: #fcfcfc;
}
.blue .errorPanel {
  background-color: rgba(242, 0, 48, 0.07);
}
.blue .fb-border-h1-color {
  color: rgba(0, 25, 68, 0.14);
}
.blue .fb-border-h1-border {
  border: solid 1px rgba(0, 25, 68, 0.14);
}
.blue .taxFlexContainer .toggleContainer {
  background-color: #f5f5f7;
  border-bottom: 1px solid #d9dbde;
}
.blue .catDlg .catDlg__templateContainer {
  border-top: 1px solid #d9dbde;
}
.blue .catDlg .catDlg__wait {
  background-color: #fcfcfc;
}
.blue.singlePage .catDlg .catDlg__templateContainer {
  max-height: unset;
}
.blue .mat-tab-group-details .mat-mdc-tab-header {
  height: 65px !important;
  min-height: 65px !important;
  background-color: #f5f5f7 !important;
}
.blue .mat-tab-group-details .mat-mdc-tab .mdc-tab__ripple,
.blue .mat-tab-group-details .mdc-tab .mdc-tab__ripple {
  --mdc-ripple-color: rgba(var(--key-color-rgb), 0.2);
  --mdc-ripple-hover-opacity: 0.1;
  --mdc-ripple-press-opacity: 1;
  --mdc-ripple-focus-opacity: 0.2;
}
.blue .mat-tab-group-details .mat-mdc-tab {
  height: 65px !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
}
.blue .mat-tab-group-details .mat-mdc-tab .mdc-tab__content {
  padding: 0 !important;
}
.blue .mat-tab-group-details .mdc-tab-indicator__content.mdc-tab-indicator__content--underline {
  background-color: var(--key-color) !important;
  height: 2px !important;
  border: none !important;
  bottom: 0 !important;
  width: 100% !important;
}
.blue .mat-tab-group-details .mdc-tab__content {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}
.blue .mat-tab-group-details .mat-tab-label-icon-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
}
.blue .mat-tab-group-details .mat-tab-label-icon {
  margin-bottom: 4px !important;
  margin-top: 12px !important;
}
.blue .mat-tab-group-details .mdc-tab__text-label {
  color: rgba(0, 19, 51, 0.38) !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  margin-bottom: 14px !important;
}
.blue .mat-tab-group-details .mdc-tab--active .mdc-tab__text-label, .blue .mat-tab-group-details .mdc-tab--active .mat-tab-label-icon {
  color: var(--key-color) !important;
}
.blue .cdk-overlay-pane:has(.transaction-parent),
.blue .cdk-overlay-pane:has(.account-details-select) {
  margin-top: 4px !important;
  transform: translateY(0) !important;
  max-height: none !important;
}
.blue .mat-mdc-select-panel.transaction-parent,
.blue .mat-mdc-select-panel.account-details-select {
  margin-top: 4px !important;
  transform: translateY(0) !important;
  max-height: none !important;
  background-color: #fcfcfc !important;
}
.blue .mat-mdc-select-panel.transaction-parent .mat-mdc-option,
.blue .mat-mdc-select-panel.account-details-select .mat-mdc-option {
  color: #001333 !important;
  font-size: 14px !important;
}
.blue .mat-mdc-select-panel.transaction-parent .mat-mdc-option .mdc-list-item__primary-text,
.blue .mat-mdc-select-panel.account-details-select .mat-mdc-option .mdc-list-item__primary-text {
  color: #001333 !important;
  font-size: 14px !important;
}
.blue .mat-mdc-select-panel.transaction-parent .mat-mdc-option .mat-pseudo-checkbox, .blue .mat-mdc-select-panel.transaction-parent .mat-mdc-option .mdc-list-item__end,
.blue .mat-mdc-select-panel.account-details-select .mat-mdc-option .mat-pseudo-checkbox,
.blue .mat-mdc-select-panel.account-details-select .mat-mdc-option .mdc-list-item__end {
  display: none !important;
}
@media (hover: hover) {
  .blue .mat-mdc-select-panel.transaction-parent .mat-mdc-option:hover,
  .blue .mat-mdc-select-panel.account-details-select .mat-mdc-option:hover {
    background-color: rgba(26, 26, 51, 0.05) !important;
  }
}
.blue .mat-mdc-select-panel.transaction-parent .mat-mdc-option.mdc-list-item--selected,
.blue .mat-mdc-select-panel.account-details-select .mat-mdc-option.mdc-list-item--selected {
  background-color: rgba(0, 19, 51, 0.07) !important;
  font-weight: 700;
}
.blue .mat-mdc-select-panel.transaction-parent .mat-mdc-option.mdc-list-item--selected .mdc-list-item__primary-text,
.blue .mat-mdc-select-panel.account-details-select .mat-mdc-option.mdc-list-item--selected .mdc-list-item__primary-text {
  font-weight: 700 !important;
}
.blue .mat-tab-group-content {
  background-color: #fcfcfc;
}
.blue .mat-tab-group-content .mat-mdc-tab .mdc-tab__text-label {
  color: rgba(0, 19, 51, 0.38) !important;
}
.blue .mat-tab-group-content .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: #001333 !important;
}
.blue .mat-tab-group-content .mdc-tab-indicator__content.mdc-tab-indicator__content--underline {
  background-color: var(--key-color) !important;
  height: 4px !important;
  border: none !important;
  width: 100% !important;
}
.blue .mat-tab-group-content .mat-mdc-tab-header {
  border-bottom: 1px solid #d9dbde;
  background-color: #f5f5f7;
}
@media (hover: hover) {
  .blue .mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab:hover:not(:active),
  .blue .mat-tab-group-content .mat-mdc-tab-header .mdc-tab:hover:not(:active) {
    background-color: rgba(var(--key-color-rgb), 0.1);
  }
}
.blue .mdc-tab .mdc-tab__ripple,
.blue .mat-mdc-tab .mdc-tab__ripple {
  --mdc-ripple-color: rgba(var(--key-color-rgb), 0.2);
  --mdc-ripple-hover-opacity: 0.1;
  --mdc-ripple-press-opacity: 1;
  --mdc-ripple-focus-opacity: 0.2;
}
.blue .mat-mdc-tab .mat-mdc-tab-ripple .mat-ripple-element,
.blue .mdc-tab .mat-mdc-tab-ripple .mat-ripple-element {
  background-color: transparent !important;
}
.blue .mdc-tab .mdc-tab__ripple::before,
.blue .mdc-tab .mdc-tab__ripple::after,
.blue .mat-mdc-tab .mdc-tab__ripple::before,
.blue .mat-mdc-tab .mdc-tab__ripple::after {
  background-color: rgba(var(--key-color-rgb), 0.2) !important;
}
.blue .mat-mdc-radio-button {
  --mdc-radio-selected-icon-color: var(--key-color);
  --mdc-radio-selected-hover-icon-color: var(--key-color);
  --mdc-radio-selected-pressed-icon-color: var(--key-color);
  --mat-radio-checked-ripple-color: rgba(var(--key-color-rgb), 0.1);
  --mat-radio-ripple-color: rgba(26, 26, 51, 0.05);
}
.blue .mat-mdc-radio-button.mat-accent,
.blue .mat-mdc-radio-button.mat-primary,
.blue .mat-mdc-radio-button .mdc-radio {
  --mdc-radio-selected-icon-color: var(--key-color);
  --mdc-radio-selected-hover-icon-color: var(--key-color);
  --mdc-radio-selected-pressed-icon-color: var(--key-color);
}
.blue .mat-mdc-radio-button.mat-accent .mdc-radio,
.blue .mat-mdc-radio-button.mat-primary .mdc-radio {
  color: var(--key-color) !important;
}
.blue .mat-mdc-radio-button.mat-accent .mdc-radio .mdc-radio__native-control:checked ~ .mdc-radio__background .mdc-radio__outer-circle,
.blue .mat-mdc-radio-button.mat-primary .mdc-radio .mdc-radio__native-control:checked ~ .mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--key-color) !important;
  border-width: 1px !important;
}
.blue .mat-mdc-radio-button.mat-accent .mdc-radio .mdc-radio__native-control:checked ~ .mdc-radio__background .mdc-radio__inner-circle,
.blue .mat-mdc-radio-button.mat-primary .mdc-radio .mdc-radio__native-control:checked ~ .mdc-radio__background .mdc-radio__inner-circle {
  background-color: var(--key-color) !important;
  border-color: var(--key-color) !important;
  transform: scale(0.56) !important;
  transform-origin: center center !important;
}
.blue .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:not(:checked) ~ .mdc-radio__background .mdc-radio__outer-circle {
  border-color: rgba(0, 19, 51, 0.68) !important;
  border-width: 1px !important;
}
.blue .mat-radio-button .mat-radio-outer-circle {
  border-color: rgba(0, 19, 51, 0.68) !important;
  border-width: 1px !important;
}
.blue .mat-radio-button.mat-radio-checked .mat-radio-outer-circle {
  border-color: var(--key-color) !important;
  border-width: 1px !important;
}
.blue .mat-radio-button.mat-radio-checked .mat-radio-inner-circle {
  background-color: var(--key-color) !important;
  transform: scale(0.56) !important;
  transform-origin: center center !important;
}
.blue .mat-mdc-radio-button.keyColorRipple .mat-radio-ripple,
.blue .mat-mdc-radio-button.keyColorRipple .mat-ripple,
.blue .mat-mdc-radio-button.keyColorRipple .mdc-radio__ripple,
.blue .mat-mdc-radio-button.keyColorRipple .mat-mdc-focus-indicator,
.blue .mat-mdc-radio-button.keyColorRipple .mdc-radio__ripple::before,
.blue .mat-mdc-radio-button.keyColorRipple .mdc-radio__ripple::after,
.blue .mat-mdc-radio-button.keyColorRipple .mdc-radio__focus-ring,
.blue .mat-radio-button.keyColorRipple .mat-radio-ripple,
.blue .mat-radio-button.keyColorRipple .mat-ripple {
  display: none !important;
}
.blue .mat-mdc-radio-button.keyColorRipple {
  --mat-radio-state-layer-size: 0px !important;
}
.blue .mat-mdc-radio-button.keyColorRipple .mdc-radio__ripple::before,
.blue .mat-mdc-radio-button.keyColorRipple .mdc-radio__ripple::after {
  background-color: transparent !important;
}
.blue .mat-radio-button.keyColorRipple .mat-ripple,
.blue .mat-radio-button.keyColorRipple .mat-ripple-element,
.blue .mat-mdc-radio-button.keyColorRipple .mat-ripple,
.blue .mat-mdc-radio-button.keyColorRipple .mat-ripple-element,
.blue .mat-mdc-radio-button.keyColorRipple .mdc-radio__ripple,
.blue .mat-mdc-radio-button.keyColorRipple .mdc-radio__ripple::before,
.blue .mat-mdc-radio-button.keyColorRipple .mdc-radio__ripple::after {
  display: none !important;
  background-color: transparent !important;
}
.blue .bonusCardsContent {
  background-color: #fcfcfc;
}
.blue .bonusCardsContent .bonusCards__header {
  background-color: #fcfcfc;
}
.blue .bonusCardsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-header,
.blue .bonusCardsContent .mat-mdc-tab-group.mat-tab-group-content .mat-tab-header,
.blue .bonusCardsContent .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header,
.blue .bonusCardsContent .mat-tab-group.mat-tab-group-content .mat-tab-header {
  background-color: #fcfcfc !important;
}
.blue .bonusCardsContent .mat-mdc-tab-header, .blue .bonusCardsContent .mat-tab-header, .blue .bonusCardsContent .mat-mdc-tab-root-container, .blue .bonusCardsContent .mat-tab-label-container, .blue .bonusCardsContent .mat-tab-list, .blue .bonusCardsContent .mat-tab-labels, .blue .bonusCardsContent .mat-mdc-tab-header .mdc-tab-bar, .blue .bonusCardsContent .mat-mdc-tab-header .mdc-tab-scroller, .blue .bonusCardsContent .mat-mdc-tab-header .mdc-tab, .blue .bonusCardsContent .mat-mdc-tab-header .mdc-tab-surface {
  background-color: #fcfcfc !important;
  height: 65px !important;
  min-height: 65px !important;
}
.blue .bonusCardsContent .mat-mdc-tab-header, .blue .bonusCardsContent .mat-tab-header {
  border-bottom: 1px solid #d9dbde !important;
}
.blue .bonusCardsContent .mat-mdc-tab-header {
  border-bottom: 1px solid #d9dbde !important;
  background-color: #fcfcfc !important;
  --mdc-tab-indicator-container-color: transparent !important;
  --mdc-tab-indicator-active-indicator-color: var(--key-color) !important;
  --mat-tab-header-active-label-text-color: #001333 !important;
  --mat-tab-header-inactive-label-text-color: #001333 !important;
  --mat-tab-header-active-ripple-color: transparent !important;
  --mat-tab-header-inactive-ripple-color: transparent !important;
  --mat-tab-header-active-focus-label-text-color: #001333 !important;
  --mat-tab-header-active-hover-label-text-color: #001333 !important;
  --mat-tab-header-active-focus-indicator-color: var(--key-color) !important;
  --mat-tab-header-active-hover-indicator-color: var(--key-color) !important;
  --mat-tab-header-inactive-focus-label-text-color: #001333 !important;
  --mat-tab-header-inactive-hover-label-text-color: #001333 !important;
  --mdc-tab-container-color: transparent !important;
  --mat-tab-header-container-color: transparent !important;
}
.blue .bonusCardsContent .mat-mdc-tab, .blue .bonusCardsContent .mat-tab-label {
  justify-content: flex-start !important;
  height: 65px !important;
  color: #001333 !important;
  opacity: 1 !important;
  padding: 0 20px !important;
  min-width: 0 !important;
  background-color: transparent !important;
}
.blue .bonusCardsContent .mat-mdc-tab.mat-tab-label-active, .blue .bonusCardsContent .mat-mdc-tab.mdc-tab--active, .blue .bonusCardsContent .mat-tab-label.mat-tab-label-active, .blue .bonusCardsContent .mat-tab-label.mdc-tab--active {
  background-color: transparent !important;
}
.blue .bonusCardsContent .mat-mdc-tab .mdc-tab__content, .blue .bonusCardsContent .mat-mdc-tab .mat-tab-label-content, .blue .bonusCardsContent .mat-tab-label .mdc-tab__content, .blue .bonusCardsContent .mat-tab-label .mat-tab-label-content {
  padding: 0 !important;
  height: 65px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
.blue .bonusCardsContent .mat-mdc-tab .mdc-tab__text-label, .blue .bonusCardsContent .mat-mdc-tab span, .blue .bonusCardsContent .mat-tab-label .mdc-tab__text-label, .blue .bonusCardsContent .mat-tab-label span {
  color: #001333 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: left !important;
}
.blue .bonusCardsContent .mat-mdc-tab .mdc-button__label, .blue .bonusCardsContent .mat-tab-label .mdc-button__label {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
}
.blue .bonusCardsContent .mat-ink-bar, .blue .bonusCardsContent .mdc-tab-indicator__content--underline {
  background-color: var(--key-color) !important;
  height: 4px !important;
}
.blue .bonusCardsContent .barCodeImageContainer, .blue .bonusCardsContent .qrCodeImageContainer {
  background-color: #ffffff !important;
  border-color: #d9dbde !important;
}
.blue .bookingListSection__header {
  background-color: #f0f0f2;
}
.blue .bookingListSection__divider {
  background-color: #e8e9ed;
}
.blue .bookingListSection__splitDivider {
  background-color: #FFFFFF;
}
.blue .bookingCell.bookingCell--selected {
  background-color: rgba(var(--key-color-rgb), 0.12);
}
@media (hover: hover) {
  .blue .bookingCell:not(.bookingCell--selected):not(.bookingCell--isSplit):not(.bookingCell--hoveringLeftContainer):hover {
    background-color: rgba(26, 26, 51, 0.05);
  }
  .blue .bookingCell .bookingCell__leftContainer:not(.bookingCell__leftContainer--noHover):hover {
    background-color: rgba(26, 26, 51, 0.05);
  }
}
.blue .bookingCell--isSplit {
  background-color: #F5F5F7;
}
.blue .depotPositionList__divider {
  background-color: #e8e9ed;
}
@media (hover: hover) {
  .blue .depotPositionCell:not(.depotPositionCell--selected):hover {
    background-color: rgba(26, 26, 51, 0.05);
  }
}
.blue .depotPositionCell.depotPositionCell--selected {
  background-color: rgba(var(--key-color-rgb), 0.12);
}
.blue .orderListSection__header {
  background-color: #f0f0f2;
}
.blue .orderListSection__divider {
  background-color: #e8e9ed;
}
.blue .orderCell.orderCell--selected {
  background-color: rgba(var(--key-color-rgb), 0.12);
}
@media (hover: hover) {
  .blue .orderCell:not(.orderCell--selected):not(.orderCell--noHover):hover {
    background-color: rgba(26, 26, 51, 0.05);
  }
}
.blue .orderCell.orderCell--selected {
  background-color: rgba(var(--key-color-rgb), 0.12);
}
.blue .icon.icon--borderh1 {
  color: rgba(0, 25, 68, 0.14);
}
.blue .icon .icon--primary {
  color: rgba(0, 19, 51, 0.64);
}
@media (hover: hover) {
  .blue .icon .icon--primary:not(.icon--noHover):hover {
    color: #001333;
  }
}
.blue .icon.icon--primaryText16 {
  color: rgba(0, 19, 51, 0.16);
}
.blue .icon.icon--primaryHover {
  color: #001333;
}
.blue .icon.icon--disabledText {
  color: rgba(0, 19, 51, 0.38);
}
.blue .icon.icon--primaryText {
  color: #001333;
}
.blue .icon.icon--secondaryText {
  color: rgba(0, 19, 51, 0.68);
}
.blue .icon.icon--primaryDisabled {
  color: rgba(0, 19, 51, 0.38);
}
.blue .icon.icon--primaryWhite {
  color: rgba(255, 255, 255, 0.54);
}
@media (hover: hover) {
  .blue .icon.icon--primaryWhite:not(.icon--noHover):hover {
    color: #FFFFFF;
  }
}
.blue .icon.icon--primary16 {
  color: rgba(0, 19, 51, 0.16);
}
@media (hover: hover) {
  .blue .icon.icon--primary16:not(.icon--noHover):hover {
    color: #001333;
  }
}
.blue .icon.icon--onVariable {
  color: #001333;
}
.blue .icon .icon--listItemCategory {
  color: rgba(0, 19, 51, 0.68);
}
.blue .icon.icon--primary38 {
  color: rgba(0, 19, 51, 0.38);
}
.blue .icon.icon--keyColor {
  color: var(--key-color);
}
.blue .icon.icon--white {
  color: white;
}
.blue .icon.icon--error {
  color: #F20030;
}
.blue .icon.icon--expenses {
  color: #F20030;
}
.blue .icon.icon--incomes {
  color: #00B762;
}
.blue .icon.icon--contractBookingsEmptyView {
  color: rgba(0, 19, 51, 0.38);
}
.blue .icon--primary {
  color: rgba(0, 19, 51, 0.64);
}
@media (hover: hover) {
  .blue .icon--primary:not(.icon--noHover):hover {
    color: #001333;
  }
}
.blue .icon--primary--noHover {
  color: rgba(0, 19, 51, 0.64);
}
.blue .icon--primary--disabled {
  color: rgba(0, 19, 51, 0.38);
}
.blue .icon--keyColor--noHover {
  color: var(--key-color);
}
.blue .icon--listItemCategory {
  color: rgba(0, 19, 51, 0.68);
}
.blue .icon--secondaryBL {
  color: rgba(0, 19, 51, 0.38);
}
.blue .icon--secondaryText {
  color: rgba(0, 19, 51, 0.68);
}
.blue .icon--disabled {
  color: rgba(0, 19, 51, 0.38);
}
.blue .fb-menu {
  background-color: #fcfcfc;
}
.blue .mat-ripple:not(:empty) {
  transform: none;
}
.blue .mat-ripple.primaryRipple > .mat-ripple-element {
  background-color: rgba(26, 26, 51, 0.05);
}
@media (hover: hover) {
  .blue .mat-ripple.primaryRipple:not(.primaryRipple--noHover):hover {
    background-color: rgba(26, 26, 51, 0.05);
  }
}
.blue .mat-ripple.secondaryRipple > :not(.mat-ripple-element) {
  z-index: 1;
}
.blue .mat-ripple.secondaryRipple > .mat-ripple-element {
  background-color: #CFCFD2 !important;
}
@media (hover: hover) {
  .blue .mat-ripple.secondaryRipple:hover {
    background-color: #E3E3E6 !important;
  }
}
.blue .mat-ripple.keyColorRipple > .mat-ripple-element {
  background-color: rgba(var(--key-color-rgb), 0.2);
}
@media (hover: hover) {
  .blue .mat-ripple.keyColorRipple:not(.keyColorRipple--noHover):hover {
    background-color: rgba(var(--key-color-rgb), 0.1);
  }
}
.blue .mat-ripple.keyColorSecondaryRipple > .mat-ripple-element {
  background-color: rgba(var(--key-color-rgb), 0.24);
}
@media (hover: hover) {
  .blue .mat-ripple.keyColorSecondaryRipple:not(.keyColorSecondaryRipple--noHover):hover {
    background-color: rgba(var(--key-color-rgb), 0.18);
  }
}
.blue .mat-ripple.whiteRipple > .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.2);
}
@media (hover: hover) {
  .blue .mat-ripple.whiteRipple:not(.whiteRipple--noHover):hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}
.blue .mat-ripple.flatButtonRipple > .mat-ripple-element {
  background-color: var(--flat-button-ripple);
}
@media (hover: hover) {
  .blue .mat-ripple.flatButtonRipple:not(.flatButtonRipple--noHover):hover {
    background-color: var(--flat-button-hover);
  }
}
.blue .mat-ripple.errorRipple > .mat-ripple-element {
  background-color: rgba(242, 0, 48, 0.16);
}
@media (hover: hover) {
  .blue .mat-ripple.errorRipple:not(.whiteRipple--noHover):hover {
    background-color: rgba(242, 0, 48, 0.07);
  }
}
.blue .mat-ripple.accountGroupItemRipple > .mat-ripple-element {
  background-color: rgba(250, 125, 25, 0.2);
}
@media (hover: hover) {
  .blue .mat-ripple.accountGroupItemRipple:hover {
    background-color: rgba(250, 125, 25, 0.1);
  }
}
.blue .mat-ripple.documentCheckBoxRipple > .mat-ripple-element {
  background-color: rgba(26, 26, 51, 0.05);
}
@media (hover: hover) {
  .blue .mat-ripple.documentCheckBoxRipple:not(.documentCheckBoxRipple--noHover):hover {
    background-color: rgba(26, 26, 51, 0.1);
  }
}
.blue .searchTextBox {
  background-color: #F0F0F2;
}
.blue .searchTextBox .searchIcon {
  color: rgba(0, 19, 51, 0.38);
}
.blue .searchTextBox .searchInput::placeholder {
  color: rgba(0, 19, 51, 0.38);
}
@media (hover: hover) {
  .blue .searchTextBox:hover {
    background-color: #E3E3E6;
  }
}
.blue .searchTextBox:focus-within {
  background-color: #E3E3E6;
}
.blue .searchTextBox:focus-within .searchIcon {
  color: #001333;
}
.blue .card.card--selected .card__contentContainer {
  background-color: rgba(var(--key-color-rgb), 0.12) !important;
}
.blue .card .card__contentContainer {
  background-color: #f5f5f7;
}
.blue .card .card__contentContainer.card__contentContainer--archive {
  background-color: transparent;
}
.blue .card .card__contentContainer.card__contentContainer--groupExpanded {
  background-color: #e8e9ed;
}
.blue .card .card__contentContainer.card__contentContainer--documentFolderExpanded {
  background-color: #E8E9ED;
}
.blue.singlePage .card .card__contentContainer {
  background-color: #f5f5f7;
}
.blue.singlePage .card .card__contentContainer.card__contentContainer--groupExpanded {
  background-color: #e8e9ed;
}
.blue.singlePage .card .card__contentContainer.card__contentContainer--documentFolderExpanded {
  background-color: #E8E9ED;
}
.blue .appContainer_finanzblickLogo {
  background-image: url('fb-logo-light.svg');
}
.blue .appContainer__cardSection .drawerChild {
  background-color: #fcfcfc;
}
.blue .appContainer__cardDetailsSection .drawerChild {
  background-color: #fcfcfc;
}
.blue .appContainer__detailsSection .drawerChild {
  background-color: #fcfcfc;
}
.blue .appContainer__mainSection {
  background-color: #fcfcfc;
}
.blue .drawer.drawer--shadow {
  box-shadow: 0 0 0 1px #d9dbde;
}
.blue .banksuche--logo {
  background-image: url('ic_banksuche_twotone_96_blue@2x.png');
  background-repeat: no-repeat;
  background-size: 96px 96px;
}
.blue .bank--logo {
  background-image: url('ic_bank_twotone_96_blue@2x.png');
  background-repeat: no-repeat;
  background-size: 96px 96px;
}
.blue .finanzblick--logo {
  background-image: url('app-icon-finanzblick.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  width: 40px;
  height: 40px;
}
.blue .mat-progress-bar .mat-progress-bar-buffer {
  background-color: rgba(0, 0, 0, 0);
}
.blue .mat-progress-bar .mat-progress-bar-background {
  fill: rgba(0, 0, 0, 0);
}
.blue .mat-progress-bar .mat-progress-bar-fill::after {
  background-color: var(--key-color);
}
.blue .mat-progress-bar.mat-progress-bar-green .mat-progress-bar-fill::after {
  background-color: #00C853;
}
.blue .mat-progress-bar.mat-progress-bar-yellow .mat-progress-bar-fill::after {
  background-color: #FFC107;
}
.blue .mat-progress-bar.mat-progress-bar-red .mat-progress-bar-fill::after {
  background-color: #FF0000;
}
.blue .detailsContainer .detailsContent .detailsContent__conversionInformation {
  background-color: #f0f0f2;
}
.blue .detailsContainer .detailsContent .removeTax {
  background-color: #f0f0f2;
}
.blue .documentPreview {
  border: 1px solid lightgray;
}
.blue .documentPreviewAddButton {
  display: block;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background-color: var(--key-color);
  cursor: pointer;
  align-items: center;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
@media (hover: hover) {
  .blue .documentPreviewAddButton:hover {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
}
.blue .appContainer__mainComponentContainer {
  background-color: #EDEEF2;
}
.blue .appContainer__headerShadow {
  background-color: #FFFFFF;
  box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.2);
}
.blue .appContainer__overlay {
  width: 100%;
  height: 100%;
  z-index: 9;
  left: 0;
  top: 0;
  position: absolute;
  background-color: rgba(0, 19, 51, 0.3);
}
.blue .appContainer__menuLogoContainer {
  background-image: linear-gradient(to bottom, rgba(246, 246, 246, 0.8), #f6f6f6);
}
.blue .appContainer__menuLogoContainer .appContainer__menuLogo.appContainer__menuLogo--advent {
  background-image: url("/assets/grafiken/finanzblickLogo/fb-logo-menu-advent-light.svg");
}
.blue .appContainer__menuLogoContainer .appContainer__menuLogo {
  background-image: url("/assets/grafiken/finanzblickLogo/fb-logo-light.svg");
}
.blue .appContainer__menuLegalContainer {
  background-image: linear-gradient(to bottom, rgba(246, 246, 246, 0.8), #f6f6f6);
}
.blue .appContainer__menuItem {
  color: rgba(255, 255, 255, 0.54);
}
.blue .appContainer__menuItem.appContainer__menuItem--large {
  color: #001333;
}
.blue .appContainer__menuItem--selected {
  color: var(--key-color) !important;
  background-color: rgba(var(--key-color-rgb), 0.12);
}
.blue .menuItemSeparator {
  background-color: #e8e9ed;
}
.blue .areaMenuItemHeader--unSelectedSmall {
  background-color: #e8e9ed;
  opacity: 0.7;
}
.blue .areaMenuItemHeader--selected {
  background-color: "$menu-eintrag-active";
}
.blue .areaMenuItemHeader--selectedSmall {
  background-color: #fcfcfc;
}
@media (hover: hover) {
  .blue .areaMenuItemHeader:hover {
    opacity: 1;
  }
  .blue .areaMenuItemHeader:hover .areaMenuItemHeaderTextContainer > :first-child {
    color: #001333 !important;
  }
}
.blue .areaMenuItemContainer--backgroundSmall {
  background-color: #fcfcfc;
}
.blue .sideBarItemSelectedBackground {
  background-color: rgba(var(--key-color-rgb), 0.12);
}
.blue .unreadContentIcon.unreadContentIcon--small {
  outline: 2px solid #e8e9ed;
}
.blue .unreadContentIcon.unreadContentIcon--selectedSmall {
  outline: 2px solid #fcfcfc;
}
.blue .unreadContentIcon.unreadContentIcon--new {
  background-color: #00B762;
}
.blue .accountDetails .accountDetails__header {
  background-color: #f5f5f7;
}
.blue .accountDetails .accountDetails__container .accountDetails__buttons .accountDetails__buttonBackground {
  background-color: #f0f0f2;
}
.blue .accountGroup .accountGroup__accountList .accountGroup__accountListDivider {
  background-color: #e8e9ed;
}
.blue .accountGroup .accountGroup__buttonBackground {
  background-color: #f0f0f2;
}
.blue .accountDetails__buttonContainer {
  border: 1px solid #d9dbde;
}
.blue .accountDetails__buttonContainer .accountDetails__buttonSeparator {
  background-color: #d9dbde;
}
.blue .accountDetails__buttonContainer .accountDetails__button .accountDetails__buttonIcon {
  color: #001333;
}
.blue .accountDetails__buttonContainer .accountDetails__button .accountDetails__buttonText {
  color: #001333;
}
.blue .accountDetails__buttonContainer .accountDetails__button .accountDetails__buttonText.accountDetails__buttonText--disabled {
  color: rgba(0, 19, 51, 0.38);
}
.blue .accountDetails__buttonContainer .accountDetails__button.accountDetails__button--disabled .accountDetails__buttonIcon {
  color: rgba(0, 19, 51, 0.38) !important;
}
.blue .accountDetails__buttonContainer .accountDetails__button.accountDetails__button--disabled .accountDetails__buttonText {
  color: rgba(0, 19, 51, 0.38) !important;
}
@media (hover: hover) {
  .blue .accountDetails__buttonContainer .accountDetails__button:hover .accountDetails__buttonText {
    color: #001333;
  }
  .blue .accountDetails__buttonContainer .accountDetails__button:hover .accountDetails__buttonText.accountDetails__buttonText--disabled {
    color: rgba(0, 19, 51, 0.38);
  }
}
.blue .newsItem__divider {
  background-color: #F2F3F7;
}
.blue .comingSoon {
  background-color: #EDEEF2;
}
.blue .comingSoon .comingSoon__image.comingSoon__image--reports {
  background-image: url('coming_soon_auswertungen_blue.gif');
}
.blue .comingSoon .comingSoon__image.comingSoon__image--budgets {
  background-image: url('coming_soon_budgets_blue.gif');
}
.blue .comingSoon .comingSoon__image.comingSoon__image--documents {
  background-image: url('coming_soon_dokumente_blue.gif');
}
.blue .comingSoon .comingSoon__image.comingSoon__image--tax {
  background-image: url('coming_soon_steuer_blue.gif');
}
.blue .comingSoon .comingSoon__image.comingSoon__image--financeservice {
  background-image: url('coming_soon_finanzservice_blue.gif');
}
.blue .comingSoon .comingSoon__image.comingSoon__image--settings {
  background-image: url('coming_soon_auswertungen_blue.gif');
}
.blue .cardListItem_newInfoIcon {
  background-color: #FA7D19;
  outline: 2px solid #f5f5f7;
}
.blue .cardListItem_newInfoIcon.cardListItem_newInfoIcon--selected {
  outline: 2px solid var(--new-info-icon-border-selected-light) !important;
}
.blue .cardListItem_newInfoIcon.cardListItem_newInfoIcon--groupExpanded {
  outline: 2px solid #e8e9ed;
}
.blue .cardListItem_newInfoIcon.cardListItem_newInfoIcon--groupMember {
  outline: 2px solid #fcfcfc;
}
.blue .dialog .fbScrollbar.os-host:not(.os-host-scrolling):not(.os-host-scrollbar-horizontal-hidden) .os-scrollbar.os-scrollbar-horizontal, .blue .documentView .fbScrollbar.os-host:not(.os-host-scrolling):not(.os-host-scrollbar-horizontal-hidden) .os-scrollbar.os-scrollbar-horizontal {
  opacity: 1;
  visibility: unset;
}
.blue .dialog .fbScrollbar.os-host:not(.os-host-scrolling):not(.os-host-scrollbar-vertical-hidden) .os-scrollbar.os-scrollbar-vertical, .blue .documentView .fbScrollbar.os-host:not(.os-host-scrolling):not(.os-host-scrollbar-vertical-hidden) .os-scrollbar.os-scrollbar-vertical {
  opacity: 1;
  visibility: unset;
}
.blue .fbScrollbar.os-host:not(.os-host-scrolling) .os-scrollbar {
  opacity: 0;
  visibility: hidden;
}
.blue .fbScrollbar > .os-scrollbar {
  padding: 0;
}
.blue .fbScrollbar > .os-scrollbar-horizontal {
  right: 16px;
  height: 12px;
}
.blue .fbScrollbar > .os-scrollbar-vertical {
  bottom: 16px;
  width: 12px;
}
.blue .fbScrollbar.os-host-rtl > .os-scrollbar-horizontal {
  left: 16px;
  right: 0;
}
.blue .fbScrollbar > .os-scrollbar-corner {
  height: 16px;
  width: 16px;
  background-color: transparent;
}
.blue .fbScrollbar > .os-scrollbar > .os-scrollbar-track {
  background: transparent;
}
.blue .fbScrollbar > .os-scrollbar-horizontal > .os-scrollbar-track:before,
.blue .fbScrollbar > .os-scrollbar-vertical > .os-scrollbar-track:before {
  content: "";
  display: block;
  position: absolute;
}
.blue .fbScrollbar > .os-scrollbar-horizontal > .os-scrollbar-track:before {
  left: 5px;
  right: 5px;
  height: 2px;
  top: 50%;
  margin-top: -1px;
}
.blue .fbScrollbar > .os-scrollbar-vertical > .os-scrollbar-track:before {
  left: 0;
  right: 0;
  height: 100%;
  top: 0;
  margin-top: 0;
  opacity: 0;
}
@media (hover: hover) {
  .blue .fbScrollbar > .os-scrollbar-vertical:hover > .os-scrollbar-track:before {
    opacity: 1;
  }
}
.blue .fbScrollbar > .os-scrollbar-vertical.active > .os-scrollbar-track:before {
  opacity: 1;
}
.blue .fbScrollbar > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: transparent;
}
.blue .fbScrollbar > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  min-width: 100px;
  max-width: 100px;
}
.blue .fbScrollbar > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  right: 4px;
  border-radius: 2px;
  background-color: rgba(0, 25, 68, 0.38);
}
@media (hover: hover) {
  .blue .fbScrollbar > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:hover:before {
    left: 3px;
    right: 3px;
    border-radius: 3px;
    background-color: rgba(0, 25, 68, 0.54);
  }
}
.blue .fbScrollbar > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active:before {
  left: 3px;
  right: 3px;
  border-radius: 3px;
  background-color: rgba(0, 25, 68, 0.54);
}
.blue .fbScrollbar > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  height: 100%;
  min-width: 16px;
}
.blue .fbScrollbar > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  width: 100%;
  min-height: 16px;
}
.blue .fbScrollbar.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
  transition: background-color 0.3s, right 0.3s, left 0.3s, border-radius 0.3s;
}
.blue .fbScrollbar.os-host-transition > .os-scrollbar > .os-scrollbar-track:before {
  transition: opacity 0.3s;
}
.blue .status {
  background-color: #001333;
}
.blue .featureFlagLoading {
  background-color: #EDEEF2;
}
.blue .mat-mdc-checkbox {
  --mdc-checkbox-selected-icon-color: var(--key-color);
  --mdc-checkbox-selected-focus-icon-color: var(--key-color);
  --mdc-checkbox-selected-hover-icon-color: var(--key-color);
  --mdc-checkbox-selected-pressed-icon-color: var(--key-color);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-unselected-icon-color: rgba(0, 19, 51, 0.64);
  --mdc-checkbox-unselected-focus-icon-color: rgba(0, 19, 51, 0.64);
  --mdc-checkbox-unselected-hover-icon-color: rgba(0, 19, 51, 0.64);
  --mdc-checkbox-unselected-hover-state-layer-color: #1A1A33;
  --mdc-checkbox-unselected-pressed-state-layer-color: #1A1A33;
  --mdc-checkbox-selected-hover-state-layer-color: #1A1A33;
  --mdc-checkbox-selected-pressed-state-layer-color: #1A1A33;
  --mdc-checkbox-unselected-focus-state-layer-color: transparent;
  --mdc-checkbox-selected-focus-state-layer-color: transparent;
}
.blue .mat-mdc-checkbox .mdc-checkbox__background {
  border-color: rgba(0, 19, 51, 0.64) !important;
}
.blue .mat-mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.blue .mat-mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  background-color: var(--key-color) !important;
  border-color: var(--key-color) !important;
}
.blue .mat-mdc-checkbox .mdc-checkbox__checkmark-path {
  stroke: white !important;
}
.blue .mat-mdc-checkbox .mdc-checkbox__mixedmark {
  border-color: white !important;
}
.blue .mat-mdc-checkbox .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background {
  background-color: rgba(0, 19, 51, 0.38) !important;
  border-color: rgba(0, 19, 51, 0.38) !important;
}
.blue .mat-mdc-checkbox .mdc-label {
  color: #001333;
}
.blue .mat-mdc-checkbox.mat-mdc-checkbox-disabled .mdc-label {
  color: rgba(0, 19, 51, 0.38);
}
.blue .mat-mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__ripple,
.blue .mat-mdc-checkbox .mdc-checkbox__native-control:focus ~ .mat-mdc-checkbox-ripple {
  opacity: 0 !important;
}
.blue .mat-checkbox.mat-checkbox-disabled .mat-ripple-element {
  background-color: unset;
}
.blue .mat-checkbox.mat-checkbox-checked .mat-checkbox-frame {
  opacity: 0;
}
.blue .mat-checkbox.mat-checkbox-checked .mat-checkbox-background {
  background-color: var(--key-color);
}
.blue .mat-checkbox.mat-checkbox-checked.mat-checkbox-disabled .mat-checkbox-background {
  background-color: rgba(0, 19, 51, 0.38);
}
@media (hover: hover) {
  .blue .mat-checkbox.mat-checkbox-checked .mat-checkbox-inner-container:hover .mat-checkbox-persistent-ripple {
    opacity: 0.1;
  }
}
.blue .mat-checkbox.mat-checkbox-checked .mat-ripple-element:not(.mat-checkbox-persistent-ripple) {
  opacity: 0.2;
}
.blue .mat-checkbox.mat-checkbox-checked:not(.mat-checkbox-disabled) .mat-checkbox-ripple .mat-ripple-element.mat-checkbox-persistent-ripple {
  background-color: var(--key-color-rgb);
}
.blue .mat-checkbox.mat-checkbox-checked:not(.mat-checkbox-disabled) .mat-checkbox-ripple .mat-ripple-element:not(mat-checkbox-persistent-ripple) {
  background-color: var(--key-color-rgb);
}
.blue .mat-checkbox.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: var(--key-color);
}
@media (hover: hover) {
  .blue .mat-checkbox.mat-checkbox-indeterminate .mat-checkbox-inner-container:hover .mat-checkbox-persistent-ripple {
    opacity: 0.1;
  }
}
.blue .mat-checkbox.mat-checkbox-indeterminate .mat-ripple-element:not(.mat-checkbox-persistent-ripple) {
  opacity: 0.2;
}
.blue .mat-checkbox.mat-checkbox-indeterminate:not(.mat-checkbox-disabled) .mat-checkbox-ripple .mat-ripple-element.mat-checkbox-persistent-ripple {
  background-color: var(--key-color-rgb);
}
.blue .mat-checkbox.mat-checkbox-indeterminate:not(.mat-checkbox-disabled) .mat-checkbox-ripple .mat-ripple-element:not(mat-checkbox-persistent-ripple) {
  background-color: var(--key-color-rgb);
}
@media (hover: hover) {
  .blue .mat-checkbox .mat-checkbox-inner-container:hover .mat-checkbox-persistent-ripple {
    opacity: 0.05;
  }
}
.blue .mat-checkbox .mat-ripple-element:not(.mat-checkbox-persistent-ripple) {
  opacity: 0.05;
}
.blue .mat-checkbox:not(.mat-checkbox-disabled) .mat-checkbox-ripple .mat-ripple-element.mat-checkbox-persistent-ripple {
  background-color: #1A1A33;
}
.blue .mat-checkbox:not(.mat-checkbox-disabled) .mat-checkbox-ripple .mat-ripple-element:not(mat-checkbox-persistent-ripple) {
  background-color: #1A1A33;
}
.blue .mat-checkbox .mat-checkbox-inner-container {
  width: 40px;
  height: 40px;
  padding: 11px;
}
.blue .mat-checkbox .mat-checkbox-inner-container .mat-checkbox-frame {
  top: 11px;
  left: 11px;
  right: 11px;
  bottom: 11px;
}
.blue .mat-checkbox .mat-checkbox-inner-container .mat-checkbox-background {
  top: 11px;
  left: 11px;
  right: 11px;
  bottom: 11px;
}
.blue .mat-checkbox.documentCell__checkBox .mat-checkbox-inner-container {
  width: 28px;
  height: 28px;
  padding: 2px;
  background-color: none;
  border-radius: 4px;
}
.blue .mat-checkbox.documentCell__checkBox .mat-checkbox-inner-container .mat-checkbox-frame {
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
}
.blue .mat-checkbox.documentCell__checkBox .mat-checkbox-inner-container .mat-checkbox-background {
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
}
.blue .mat-checkbox .mat-checkbox-frame {
  border-color: rgba(0, 19, 51, 0.64);
  border-width: 1px;
  transition: none;
}
.blue .mat-checkbox.fbCheckbox--defaultState .mat-checkbox-frame {
  border-color: rgba(5, 5, 5, 0.16);
}
.blue .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: var(--key-color);
}
.blue .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle {
  background-color: var(--key-color);
  transform: scale(0.55);
}
.blue .mat-radio-button.mat-accent .mat-radio-outer-circle {
  border-color: rgba(0, 19, 51, 0.64);
}
@media (hover: hover) {
  .blue .mat-radio-button.mat-accent.keyColorRipple .mat-radio-container:hover .mat-radio-persistent-ripple {
    opacity: 0.1;
  }
}
.blue .mat-radio-button.mat-accent.keyColorRipple .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple) {
  opacity: 0.2;
}
.blue .mat-radio-button.mat-accent.keyColorRipple:not(.mat-radio-disabled) .mat-radio-ripple .mat-ripple-element.mat-radio-persistent-ripple {
  background-color: var(--key-color-rgb);
}
.blue .mat-radio-button.mat-accent.keyColorRipple:not(.mat-radio-disabled) .mat-radio-ripple .mat-ripple-element:not(mat-radio-persistent-ripple) {
  background-color: var(--key-color-rgb);
}
.blue .mat-radio-button.mat-accent .mat-radio-outer-circle {
  border-width: 1px;
}
.blue .iconButton {
  color: #001333;
}
.blue .iconButton[disabled] {
  color: rgba(0, 19, 51, 0.38) !important;
}
.blue .iconButton.iconButton--secondaryTextColor {
  color: rgba(0, 19, 51, 0.68);
}
.blue .iconButton.iconButton--disabledText {
  color: rgba(0, 19, 51, 0.38);
}
@media (hover: hover) {
  .blue .iconButton.iconButton--disabledText:hover {
    color: rgba(0, 19, 51, 0.68);
  }
}
.blue .iconButton.iconButton--keyColor {
  color: var(--key-color);
}
.blue .iconButton.iconButton--white {
  color: rgba(255, 255, 255, 0.54);
}
@media (hover: hover) {
  .blue .iconButton.iconButton--white:hover {
    color: #FFFFFF;
  }
}
.blue .iconButton.iconButton--alwaysWhite {
  color: #FFFFFF;
}
@media (hover: hover) {
  .blue .iconButton.iconButton--alwaysWhite:hover {
    color: #FFFFFF;
  }
}
.blue .iconButton.iconButton--background2 {
  background-color: #FFFFFF;
}
.blue .iconButton.iconButton--blue {
  color: white;
  background-color: var(--key-color);
}
.blue .iconButton.iconButton--pin {
  color: rgba(0, 19, 51, 0.38);
}
@media (hover: hover) {
  .blue .iconButton.iconButton--pin:hover {
    color: #001333;
  }
}
.blue .iconButton.iconButton--pin.iconButton--white {
  color: rgba(255, 255, 255, 0.54);
}
@media (hover: hover) {
  .blue .iconButton.iconButton--pin.iconButton--white:hover {
    color: #FFFFFF;
  }
}
.blue .iconButton.iconButton--error {
  color: #F20030;
}
@media (hover: hover) {
  .blue .iconButton.iconButton--error:hover {
    color: #F20030;
  }
}
.blue .iconButton.iconButton--focused {
  background-color: rgba(26, 26, 51, 0.05);
}
.blue .detailsGroup:not(.detailsGroup--noBorder) {
  border-bottom: 1px solid #F2F3F7;
}
.blue .documentShowAllBookings .text {
  color: rgba(0, 19, 51, 0.68);
}
.blue .documentShowAllBookings .icon {
  color: rgba(0, 19, 51, 0.64);
}
@media (hover: hover) {
  .blue .documentShowAllBookings:hover .text {
    color: #001333;
  }
  .blue .documentShowAllBookings:hover .icon {
    color: #001333;
  }
}
.blue .mat-tab-group.mat-tab-group-category .mat-tab-body-wrapper {
  display: none;
}
.blue .mat-tab-group.mat-tab-group-category .mat-tab-header {
  background-color: #f5f5f7;
  border-bottom: unset !important;
}
.blue .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-tab-label, .blue .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-mdc-tab {
  flex: 1 1 0;
  height: 48px;
  min-width: 160px !important;
  opacity: 1;
  padding: 0 !important;
  color: rgba(0, 19, 51, 0.68);
}
.blue .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-tab-label .mdc-tab__content, .blue .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-mdc-tab .mdc-tab__content {
  padding: 0 !important;
}
.blue .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-tab-label .mat-tab-label-content, .blue .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-tab-label .mdc-tab__text-label, .blue .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-mdc-tab .mat-tab-label-content, .blue .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-mdc-tab .mdc-tab__text-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  letter-spacing: normal;
}
.blue .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-tab-label.mat-tab-label-active, .blue .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-mdc-tab.mat-tab-label-active {
  color: var(--key-color);
}
@media (hover: hover) {
  .blue .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-tab-label:not(.mat-tab-label-active):hover, .blue .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-mdc-tab:not(.mat-tab-label-active):hover {
    color: #001333;
  }
}
.blue .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-tab-label .mat-ripple-element, .blue .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-mdc-tab .mat-ripple-element {
  background-color: rgba(var(--key-color-rgb), 0.2);
}
@media (hover: hover) {
  .blue .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-tab-label:hover, .blue .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-mdc-tab:hover {
    background-color: rgba(var(--key-color-rgb), 0.1);
  }
}
.blue .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-ink-bar {
  background-color: var(--key-color) !important;
}
.blue .mat-tab-group.mat-tab-group-normal .mat-tab-header {
  border-bottom: 1px solid rgba(0, 25, 68, 0.14);
}
.blue .mat-tab-group.mat-tab-group-normal .mat-tab-header .mat-tab-label-container .mat-tab-label {
  color: rgba(0, 19, 51, 0.68);
  opacity: 1;
}
.blue .mat-tab-group.mat-tab-group-normal .mat-tab-header .mat-tab-label-container .mat-tab-label .mat-tab-label-content {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.08929em;
}
.blue .mat-tab-group.mat-tab-group-normal .mat-tab-header .mat-tab-label-container .mat-tab-label.mat-tab-label-active {
  color: var(--key-color);
}
@media (hover: hover) {
  .blue .mat-tab-group.mat-tab-group-normal .mat-tab-header .mat-tab-label-container .mat-tab-label:not(.mat-tab-label-active):hover {
    color: #001333;
  }
}
.blue .mat-tab-group.mat-tab-group-normal .mat-tab-header .mat-tab-label-container .mat-tab-label .mat-ripple-element {
  background-color: rgba(var(--key-color-rgb), 0.2);
}
@media (hover: hover) {
  .blue .mat-tab-group.mat-tab-group-normal .mat-tab-header .mat-tab-label-container .mat-tab-label:hover {
    background-color: rgba(var(--key-color-rgb), 0.1);
  }
}
.blue .mat-tab-group.mat-tab-group-normal .mat-tab-header .mat-tab-label-container .mat-ink-bar {
  background-color: var(--key-color) !important;
}
.blue .mat-tab-group.mat-tab-group-content {
  flex: 1 1 0;
}
.blue .mat-tab-group.mat-tab-group-content.mat-tab-group-content-hide-header {
  display: block !important;
}
.blue .mat-tab-group.mat-tab-group-content.mat-tab-group-content-hide-header .mat-tab-header,
.blue .mat-tab-group.mat-tab-group-content.mat-tab-group-content-hide-header .mat-mdc-tab-header,
.blue .mat-tab-group.mat-tab-group-content.mat-tab-group-content-hide-header .mat-mdc-tab-label-container {
  display: none !important;
}
.blue .mat-tab-group.mat-tab-group-content.mat-tab-group-content-hide-selection-bar .mat-ink-bar {
  display: none;
}
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header {
  background-color: #f5f5f7;
  border: none;
  height: 65px !important;
  min-height: 65px !important;
  max-height: 65px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
}
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-header-pagination,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-header-pagination {
  display: none !important;
}
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container,
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container {
  position: relative;
  border-bottom: 1px solid #d9dbde;
  height: 65px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
}
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container:before,
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container:before,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container:before,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 8px;
  z-index: 2;
  background-image: linear-gradient(to right, #EDEEF2, rgba(237, 238, 242, 0));
}
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container:after,
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container:after,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container:after,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 8px;
  z-index: 2;
  background-image: linear-gradient(to left, #EDEEF2, rgba(237, 238, 242, 0));
}
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-tab-label,
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-mdc-tab,
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-tab-label,
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-tab-label,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-mdc-tab,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-tab-label,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab {
  height: 64px !important;
  min-height: 64px !important;
  min-width: 0 !important;
  flex: 0 1 auto !important;
  padding-right: 24px;
  padding-left: 24px;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  font-size: 20px !important;
  letter-spacing: 0.0125em !important;
  font-weight: 500 !important;
  line-height: normal !important;
  color: rgba(0, 19, 51, 0.38);
  opacity: 1 !important;
}
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-tab-label .mdc-tab__content,
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-mdc-tab .mdc-tab__content,
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-tab-label .mdc-tab__content,
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab .mdc-tab__content,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-tab-label .mdc-tab__content,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-mdc-tab .mdc-tab__content,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-tab-label .mdc-tab__content,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab .mdc-tab__content {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 100% !important;
}
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-tab-label .mdc-tab__text-label,
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-mdc-tab .mdc-tab__text-label,
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-tab-label .mdc-tab__text-label,
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab .mdc-tab__text-label,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-tab-label .mdc-tab__text-label,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-mdc-tab .mdc-tab__text-label,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-tab-label .mdc-tab__text-label,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab .mdc-tab__text-label {
  color: inherit;
  font-size: 20px !important;
  letter-spacing: 0.0125em !important;
  font-weight: 500 !important;
  line-height: normal !important;
  display: inline-block !important;
}
@media (hover: hover) {
  .blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-tab-label:hover,
  .blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-mdc-tab:hover,
  .blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-tab-label:hover,
  .blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab:hover,
  .blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-tab-label:hover,
  .blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-mdc-tab:hover,
  .blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-tab-label:hover,
  .blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab:hover {
    background-color: rgba(var(--key-color-rgb), 0.1);
  }
}
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-tab-label .mat-ripple-element,
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-mdc-tab .mat-ripple-element,
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-tab-label .mat-ripple-element,
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab .mat-ripple-element,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-tab-label .mat-ripple-element,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-mdc-tab .mat-ripple-element,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-tab-label .mat-ripple-element,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab .mat-ripple-element {
  background-color: rgba(var(--key-color-rgb), 0.2);
}
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-tab-label.mat-tab-label-active, .blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-tab-label.mdc-tab--active,
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-mdc-tab.mat-tab-label-active,
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-mdc-tab.mdc-tab--active,
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-tab-label.mat-tab-label-active,
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-tab-label.mdc-tab--active,
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab.mat-tab-label-active,
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab.mdc-tab--active,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-tab-label.mat-tab-label-active,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-tab-label.mdc-tab--active,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-mdc-tab.mat-tab-label-active,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-mdc-tab.mdc-tab--active,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-tab-label.mat-tab-label-active,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-tab-label.mdc-tab--active,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab.mat-tab-label-active,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab.mdc-tab--active {
  color: #001333;
}
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-ink-bar,
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mdc-tab-indicator__content--underline,
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-ink-bar,
.blue .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mdc-tab-indicator__content--underline,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-ink-bar,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mdc-tab-indicator__content--underline,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-ink-bar,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mdc-tab-indicator__content--underline {
  height: 3px !important;
  background-color: var(--key-color) !important;
  border-color: var(--key-color) !important;
  width: 100%;
}
.blue .mat-tab-group.mat-tab-group-content .mat-tab-body-wrapper,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-body-wrapper {
  height: 100%;
  width: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.blue .mat-tab-group.mat-tab-group-content .mat-tab-body,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-body,
.blue .mat-tab-group.mat-tab-group-content .mat-tab-body-content,
.blue .mat-tab-group.mat-tab-group-content .mat-mdc-tab-body-content {
  height: 100%;
  min-height: 0;
}
.blue .mat-tab-group.mat-tab-group-details {
  height: 100%;
  width: 100%;
}
.blue .mat-tab-group.mat-tab-group-details .mat-tab-header,
.blue .mat-tab-group.mat-tab-group-details .mat-mdc-tab-header {
  background-color: #f5f5f7;
}
.blue .mat-tab-group.mat-tab-group-details .mat-tab-body-wrapper,
.blue .mat-tab-group.mat-tab-group-details .mat-mdc-tab-body-wrapper {
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.blue .mat-tab-group.mat-tab-group-details .mat-tab-body,
.blue .mat-tab-group.mat-tab-group-details .mat-mdc-tab-body,
.blue .mat-tab-group.mat-tab-group-details .mat-tab-body-content,
.blue .mat-tab-group.mat-tab-group-details .mat-mdc-tab-body-content {
  height: 100%;
  min-height: 0;
}
.blue .mat-tab-group.mat-tab-group-details .mat-tab-label,
.blue .mat-tab-group.mat-tab-group-details .mat-mdc-tab {
  height: 72px;
  flex: 1 1 0;
  min-width: 0 !important;
  padding: 0;
  text-transform: uppercase;
  color: rgba(0, 19, 51, 0.68);
}
.blue .mat-tab-group.mat-tab-group-details .mat-tab-label .mdc-tab__text-label,
.blue .mat-tab-group.mat-tab-group-details .mat-mdc-tab .mdc-tab__text-label {
  color: rgba(0, 19, 51, 0.68);
}
.blue .mat-tab-group.mat-tab-group-details .mat-tab-label .mat-tab-label-icon-container,
.blue .mat-tab-group.mat-tab-group-details .mat-mdc-tab .mat-tab-label-icon-container {
  display: flex;
  flex-direction: column;
}
.blue .mat-tab-group.mat-tab-group-details .mat-tab-label .mat-tab-label-icon-container .mat-tab-label-icon,
.blue .mat-tab-group.mat-tab-group-details .mat-mdc-tab .mat-tab-label-icon-container .mat-tab-label-icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.blue .mat-tab-group.mat-tab-group-details .mat-tab-label .mat-tab-label-icon-container .mat-tab-label-description,
.blue .mat-tab-group.mat-tab-group-details .mat-mdc-tab .mat-tab-label-icon-container .mat-tab-label-description {
  display: inline;
  letter-spacing: 0;
  line-height: 16px;
}
.blue .mat-tab-group.mat-tab-group-details .mat-tab-label.mat-tab-label-active,
.blue .mat-tab-group.mat-tab-group-details .mat-mdc-tab.mdc-tab--active {
  color: var(--key-color);
}
.blue .mat-tab-group.mat-tab-group-details .mat-tab-label.mat-tab-label-active .mdc-tab__content,
.blue .mat-tab-group.mat-tab-group-details .mat-tab-label.mat-tab-label-active .mdc-tab__text-label,
.blue .mat-tab-group.mat-tab-group-details .mat-mdc-tab.mdc-tab--active .mdc-tab__content,
.blue .mat-tab-group.mat-tab-group-details .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: var(--key-color) !important;
}
.blue .mat-tab-group.mat-tab-group-details .mat-tab-label.mat-tab-label-active:not(.mat-tab-disabled) {
  opacity: 1;
}
.blue .mat-tab-group.mat-tab-group-details .mat-tab-header-pagination,
.blue .mat-tab-group.mat-tab-group-details .mat-mdc-tab-header-pagination {
  display: none;
}
.blue .mat-tab-group.mat-tab-group-details .mat-tab-header,
.blue .mat-tab-group.mat-tab-group-details .mat-mdc-tab-header {
  border-bottom: 1px solid #d9dbde;
}
.blue .mat-tab-group.mat-tab-group-details .mat-ink-bar,
.blue .mat-tab-group.mat-tab-group-details .mdc-tab-indicator__content--underline {
  height: 2px;
  background-color: var(--key-color) !important;
  border-color: var(--key-color) !important;
}
.blue.singlePage .mat-tab-group.mat-tab-group-content .mat-tab-header {
  max-width: unset;
  margin-top: 0;
  padding-left: unset;
  padding-right: unset;
  box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.blue.singlePage .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-tab-label {
  height: 48px;
  padding: 0 16px;
  font-size: 16px;
  letter-spacing: 0.26px;
  font-weight: 500;
}
.blue.singlePage .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-tab-label.mat-tab-label-active {
  color: var(--key-color);
}
.blue.singlePage .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container:before {
  display: none;
}
.blue.singlePage .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container:after {
  display: none;
}
.blue.singlePage .mat-tab-group.mat-tab-group-details .mat-tab-label {
  height: 48px;
  padding-top: 20px;
}
.blue.singlePage .mat-tab-group.mat-tab-group-details .mat-tab-label.mat-tab-label-active {
  height: 48px;
}
.blue.singlePage .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-tab-label .mat-tab-label-content {
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: normal;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill {
  --mdc-theme-primary: var(--key-color);
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill .mdc-line-ripple::before {
  border-bottom-color: rgba(0, 25, 68, 0.2);
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill .mdc-line-ripple::after {
  border-bottom-color: rgba(0, 25, 68, 0.6) !important;
  transition: none;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-floating-label {
  color: rgba(0, 19, 51, 0.68);
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-floating-label mat-label {
  font-size: 14px;
  letter-spacing: 0.01786em;
  line-height: 20px;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-focused .mat-mdc-floating-label {
  color: var(--key-color) !important;
}
@media (hover: hover) {
  .blue .mat-mdc-form-field.mat-form-field-appearance-fill:hover:not(.mat-focused):not(.mat-form-field-invalid) .mat-mdc-floating-label {
    color: rgba(0, 19, 51, 0.68);
  }
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill .mdc-text-field--focused .mdc-floating-label {
  color: var(--key-color) !important;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-subscript-wrapper {
  color: rgba(0, 19, 51, 0.68) !important;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-subscript-wrapper .mat-mdc-hint, .blue .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint {
  color: rgba(0, 19, 51, 0.68) !important;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-error .mat-mdc-floating-label {
  color: #F20030 !important;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-error .mdc-line-ripple::before {
  border-bottom-color: #F20030 !important;
  border-bottom-width: 2px !important;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-error .mdc-line-ripple::after {
  display: none;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-compact .mat-mdc-text-field-wrapper {
  padding-top: 0;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-compact .mat-mdc-select-arrow-wrapper {
  transform: none;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-compact .mat-mdc-form-field-infix {
  width: 114px;
  height: 36px;
  min-height: 36px;
  border-top: 0;
  padding-top: 9px;
  padding-bottom: 7px;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-compact .mat-mdc-form-field-infix .mat-mdc-select-value-text {
  font-size: 14px;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-align-center .mat-mdc-form-field-flex {
  align-items: center;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-yellow-underline .mdc-line-ripple::before {
  border-bottom-color: #FFC107 !important;
  border-bottom-width: 2px !important;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-yellow-underline .mdc-line-ripple::after {
  display: none;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-settings-item {
  flex: 1 1 0;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-settings-item .mat-mdc-text-field-wrapper {
  background-color: unset !important;
  padding: unset;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-settings-item .mat-mdc-form-field-infix {
  padding: 14px 0 14px;
  min-height: auto;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-settings-item .mat-mdc-form-field-infix input::placeholder {
  color: rgba(0, 19, 51, 0.68);
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-settings-item .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-booking-details-note .mat-mdc-text-field-wrapper {
  background-color: unset !important;
  padding: unset;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-booking-details-note .mat-mdc-form-field-infix textarea::placeholder {
  color: rgba(0, 19, 51, 0.68);
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-no-background .mat-mdc-text-field-wrapper {
  background-color: unset !important;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-no-background .mat-mdc-form-field-icon-suffix {
  align-self: center;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-no-hint .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-document-details-note .mat-mdc-text-field-wrapper {
  border-radius: 8px;
  padding: 12px 16px 13px;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-document-details-note .mat-mdc-form-field-infix {
  padding: 0;
  min-height: auto;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-document-details-note .mat-mdc-form-field-infix textarea::placeholder {
  color: rgba(0, 19, 51, 0.38);
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-document-details-note .mdc-line-ripple {
  display: none;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-document-details-note .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-no-padding .mat-mdc-text-field-wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-disabled:not(.mat-form-field-no-disabled-style) .mat-mdc-input-element {
  color: rgba(0, 19, 51, 0.38);
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-disabled:not(.mat-form-field-no-disabled-style) .mat-mdc-text-field-wrapper {
  background-color: rgba(245, 245, 247, 0.6);
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-disabled:not(.mat-form-field-no-disabled-style) .mdc-line-ripple {
  display: none;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-disabled:not(.mat-form-field-no-disabled-style) .icon {
  color: rgba(0, 19, 51, 0.38);
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-focused .mdc-line-ripple::after {
  border-bottom-color: var(--key-color) !important;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill.mat-focused .mat-mdc-floating-label {
  color: var(--key-color) !important;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-input-element {
  color: #001333;
  caret-color: #001333;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-input-element::placeholder {
  color: #001333;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-input-element.mat-datepicker-input::placeholder {
  color: rgba(0, 19, 51, 0.38);
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper {
  border-radius: 8px 8px 0 0;
  background-color: #f0f0f2;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper:focus-within {
  background-color: #e3e3e6;
}
@media (hover: hover) {
  .blue .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper:hover {
    background-color: #e3e3e6;
  }
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay {
  background-color: transparent;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-icon-suffix .icon {
  margin-left: 8px;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-icon-prefix .icon {
  margin-right: 8px;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill .icon {
  width: 24px;
  height: 24px;
  padding: unset;
  color: rgba(0, 19, 51, 0.64);
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-input-element,
.blue .mat-mdc-form-field.mat-form-field-appearance-fill .mat-date-range-input-inner,
.blue .mat-mdc-form-field.mat-form-field-appearance-fill .mat-date-range-input-mirror {
  font-size: 14px;
  letter-spacing: 0.01786em;
  line-height: 20px;
  color: #001333;
}
.blue .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-input-element.matInput16Bold,
.blue .mat-mdc-form-field.mat-form-field-appearance-fill .mat-date-range-input-inner.matInput16Bold,
.blue .mat-mdc-form-field.mat-form-field-appearance-fill .mat-date-range-input-mirror.matInput16Bold {
  font-size: 16px;
  font-weight: bold;
}
.blue.singlePage .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-input-element,
.blue.singlePage .mat-mdc-form-field.mat-form-field-appearance-fill .mat-date-range-input-inner,
.blue.singlePage .mat-mdc-form-field.mat-form-field-appearance-fill .mat-date-range-input-mirror {
  font-size: 16px;
  letter-spacing: 0.01625em;
  line-height: 19px;
}
.blue.singlePage .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-floating-label mat-label {
  font-size: 16px;
  letter-spacing: 0.01625em;
  line-height: 19px;
}
.blue .mat-mdc-form-field.mat-form-field-invalid .mat-mdc-input-element {
  caret-color: #FFAD08;
}
.blue .mat-mdc-form-field-error,
.blue .mat-error {
  color: #FFAD08;
}
.blue .mat-mdc-form-field-error.mat-error--secondary,
.blue .mat-error.mat-error--secondary {
  color: rgba(0, 19, 51, 0.68);
}
.blue .transactionParent .transactionParent__form.transactionParent__form--framed {
  background-color: #fcfcfc;
}
.blue .transactionParent .transactionParent__form .transactionParent__formSelect {
  border: 1px solid var(--key-color);
  margin-bottom: 16px;
}
.blue .transactionParent .transactionParent__form .transactionParent__formDivider {
  background-color: #e8e9ed;
  margin: 16px 0;
}
.blue .transactionParent .transactionParent__form .mat-mdc-form-field {
  display: block;
  margin-bottom: 16px;
}
.blue .transactionParent .transactionParent__form .mat-mdc-form-field:first-of-type {
  margin-top: 16px;
}
.blue .transactionParent .transactionParent__form .mat-mdc-form-field.mat-form-field-no-background {
  margin-top: 8px;
  margin-bottom: 8px;
}
.blue .transactionParent .transactionParent__bottomBarDivider {
  background-color: #d9dbde;
}
.blue .transactionParent .transactionParent__bottomBar {
  background-color: #f5f5f7;
}
.blue.singlePage .transactionParent__form.transactionParent__form--framed {
  background-color: unset;
}
.blue.singlePage .transactionParent__form .transactionParent__formDivider {
  background-color: #E8E9ED;
  margin: 16px 0;
}
.blue.singlePage .transactionParent__form .mat-mdc-form-field {
  display: block;
  margin-bottom: 16px;
}
.blue.singlePage .transactionParent__form .mat-mdc-form-field:first-of-type {
  margin-top: 16px;
}
.blue.singlePage .transactionParent__form .mat-mdc-form-field.mat-form-field-no-background {
  margin-top: 8px;
  margin-bottom: 8px;
}
.blue .transactionFormBlock {
  background-color: #FFFFFF;
  padding: 16px 0;
}
.blue .transactionFormBlock.assignBlock {
  background-color: #f0f0f2;
}
.blue.singlePage .transactionFormBlock:not(.assignBlock) {
  background-color: unset;
}
.blue .transactionFormDivider {
  background-color: #e8e9ed;
  margin: 16px 0;
}
.blue.singlePage .transactionFormDivider {
  background-color: #E8E9ED;
}
.blue .mat-flat-button,
.blue .mat-mdc-unelevated-button {
  min-width: 0;
  height: 36px;
  border-radius: 8px;
  padding: 0;
  background-color: var(--key-color) !important;
  color: white !important;
  --mdc-filled-button-container-color: var(--key-color);
  --mat-filled-button-container-color: var(--key-color);
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: var(--flat-button-ripple);
}
.blue .mat-flat-button.mat-button-regular-font-weight .mat-button-wrapper, .blue .mat-flat-button.mat-button-regular-font-weight .mdc-button__label,
.blue .mat-mdc-unelevated-button.mat-button-regular-font-weight .mat-button-wrapper,
.blue .mat-mdc-unelevated-button.mat-button-regular-font-weight .mdc-button__label {
  font-weight: 400;
}
.blue .mat-flat-button.mat-button-regular-letter-spacing .mat-button-wrapper, .blue .mat-flat-button.mat-button-regular-letter-spacing .mdc-button__label,
.blue .mat-mdc-unelevated-button.mat-button-regular-letter-spacing .mat-button-wrapper,
.blue .mat-mdc-unelevated-button.mat-button-regular-letter-spacing .mdc-button__label {
  letter-spacing: 0.01786em;
}
.blue .mat-flat-button.mat-button-smaller-padding .mat-button-wrapper, .blue .mat-flat-button.mat-button-smaller-padding .mdc-button__label,
.blue .mat-mdc-unelevated-button.mat-button-smaller-padding .mat-button-wrapper,
.blue .mat-mdc-unelevated-button.mat-button-smaller-padding .mdc-button__label {
  margin: 0 12px;
}
.blue .mat-flat-button.mat-button-smaller-padding .mat-button-wrapper i.icon, .blue .mat-flat-button.mat-button-smaller-padding .mdc-button__label i.icon,
.blue .mat-mdc-unelevated-button.mat-button-smaller-padding .mat-button-wrapper i.icon,
.blue .mat-mdc-unelevated-button.mat-button-smaller-padding .mdc-button__label i.icon {
  margin-left: -2px;
}
.blue .mat-flat-button.mat-flat-button-44,
.blue .mat-mdc-unelevated-button.mat-flat-button-44 {
  height: 44px;
}
.blue .mat-flat-button.mat-flat-button-large,
.blue .mat-mdc-unelevated-button.mat-flat-button-large {
  height: 48px;
  border-radius: 10px;
}
.blue .mat-flat-button.mat-flat-button-small,
.blue .mat-mdc-unelevated-button.mat-flat-button-small {
  height: 33px;
  border-radius: 16.5px;
  line-height: 19px;
}
.blue .mat-flat-button.mat-flat-button-small i.icon,
.blue .mat-mdc-unelevated-button.mat-flat-button-small i.icon {
  margin: 0;
  padding: 6px 0 0;
}
.blue .mat-flat-button.mat-flat-button-secondary,
.blue .mat-mdc-unelevated-button.mat-flat-button-secondary {
  background-color: #f0f0f2 !important;
  color: rgba(0, 19, 51, 0.68) !important;
  --mdc-filled-button-container-color: #f0f0f2;
  --mat-filled-button-container-color: #f0f0f2;
  --mdc-filled-button-label-text-color: rgba(0, 19, 51, 0.68);
  --mat-filled-button-label-text-color: rgba(0, 19, 51, 0.68);
}
.blue .mat-flat-button.mat-flat-button-secondary .mat-ripple-element,
.blue .mat-mdc-unelevated-button.mat-flat-button-secondary .mat-ripple-element {
  background-color: #CFCFD2;
}
.blue .mat-flat-button.mat-flat-button-secondary-special,
.blue .mat-mdc-unelevated-button.mat-flat-button-secondary-special {
  background-color: var(--key-color) !important;
  color: white !important;
  --mdc-filled-button-container-color: var(--key-color);
  --mat-filled-button-container-color: var(--key-color);
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-label-text-color: white;
}
.blue .mat-flat-button.mat-flat-button-secondary-special .mat-ripple-element,
.blue .mat-mdc-unelevated-button.mat-flat-button-secondary-special .mat-ripple-element {
  background-color: 0.2;
}
.blue .mat-flat-button.mat-flat-button-secondary-special i.icon,
.blue .mat-mdc-unelevated-button.mat-flat-button-secondary-special i.icon {
  color: white;
}
.blue .mat-flat-button.mat-flat-button-error,
.blue .mat-mdc-unelevated-button.mat-flat-button-error {
  background-color: #f0f0f2 !important;
  color: #F20030 !important;
  --mdc-filled-button-container-color: #f0f0f2;
  --mat-filled-button-container-color: #f0f0f2;
  --mdc-filled-button-label-text-color: #F20030;
  --mat-filled-button-label-text-color: #F20030;
}
.blue .mat-flat-button.mat-flat-button-error .mat-ripple-element,
.blue .mat-mdc-unelevated-button.mat-flat-button-error .mat-ripple-element {
  background-color: rgba(242, 0, 48, 0.16);
}
.blue .mat-flat-button.mat-flat-button-dokublick-recommended,
.blue .mat-mdc-unelevated-button.mat-flat-button-dokublick-recommended {
  background-color: #029D26 !important;
  --mdc-filled-button-container-color: #029D26;
  --mat-filled-button-container-color: #029D26;
}
.blue .mat-flat-button[disabled],
.blue .mat-mdc-unelevated-button[disabled] {
  background-color: rgba(0, 19, 51, 0.07) !important;
  color: rgba(0, 19, 51, 0.38) !important;
  --mdc-filled-button-container-color: rgba(0, 19, 51, 0.07);
  --mat-filled-button-container-color: rgba(0, 19, 51, 0.07);
  --mdc-filled-button-label-text-color: rgba(0, 19, 51, 0.38);
  --mat-filled-button-label-text-color: rgba(0, 19, 51, 0.38);
}
@media (hover: hover) {
  .blue .mat-flat-button:hover,
  .blue .mat-mdc-unelevated-button:hover {
    background-color: var(--flat-button-hover) !important;
    --mdc-filled-button-container-color: var(--flat-button-hover);
    --mat-filled-button-container-color: var(--flat-button-hover);
  }
  .blue .mat-flat-button:hover.mat-flat-button-error,
  .blue .mat-mdc-unelevated-button:hover.mat-flat-button-error {
    background-color: rgba(242, 0, 48, 0.07) !important;
    --mdc-filled-button-container-color: rgba(242, 0, 48, 0.07);
    --mat-filled-button-container-color: rgba(242, 0, 48, 0.07);
  }
  .blue .mat-flat-button:hover.mat-flat-button-secondary-special,
  .blue .mat-mdc-unelevated-button:hover.mat-flat-button-secondary-special {
    background-color: rgba(var(--key-color-rgb), 0.85) !important;
    --mdc-filled-button-container-color: rgba(var(--key-color-rgb), 0.85);
    --mat-filled-button-container-color: rgba(var(--key-color-rgb), 0.85);
  }
  .blue .mat-flat-button:hover.mat-flat-button-secondary,
  .blue .mat-mdc-unelevated-button:hover.mat-flat-button-secondary {
    background-color: #E3E3E6 !important;
    --mdc-filled-button-container-color: #E3E3E6;
    --mat-filled-button-container-color: #E3E3E6;
  }
  .blue .mat-flat-button:focus,
  .blue .mat-mdc-unelevated-button:focus {
    outline: var(--key-color) solid 2px;
    outline-offset: 2px;
  }
  .blue .mat-flat-button:focus.mat-flat-button-dokublick-recommended,
  .blue .mat-mdc-unelevated-button:focus.mat-flat-button-dokublick-recommended {
    outline-color: #029D26;
  }
  .blue .mat-flat-button:focus.mat-flat-button-error,
  .blue .mat-mdc-unelevated-button:focus.mat-flat-button-error {
    outline-color: #F20030;
  }
  .blue .mat-flat-button:focus:not(:focus-visible),
  .blue .mat-mdc-unelevated-button:focus:not(:focus-visible) {
    outline: none;
  }
}
.blue .mat-flat-button .mat-ripple-element,
.blue .mat-mdc-unelevated-button .mat-ripple-element {
  background-color: var(--flat-button-ripple);
}
.blue .mat-flat-button .mat-button-wrapper,
.blue .mat-flat-button .mdc-button__label,
.blue .mat-mdc-unelevated-button .mat-button-wrapper,
.blue .mat-mdc-unelevated-button .mdc-button__label {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.08929em;
  margin: 0 16px;
  color: inherit;
}
.blue .mat-flat-button .mat-button-focus-overlay,
.blue .mat-flat-button .mat-mdc-focus-indicator,
.blue .mat-mdc-unelevated-button .mat-button-focus-overlay,
.blue .mat-mdc-unelevated-button .mat-mdc-focus-indicator {
  opacity: 0 !important;
}
.blue .mat-flat-button i.icon,
.blue .mat-mdc-unelevated-button i.icon {
  display: inline-block;
  height: 100%;
  width: 20px;
  font-size: 20px;
  padding: 1px 0 0;
  margin-left: -4px;
  margin-right: 8px;
}
.blue .mat-flat-button i.icon:before,
.blue .mat-mdc-unelevated-button i.icon:before {
  width: 20px;
  height: 20px;
}
.blue .mat-flat-button i.icon.icon--noText,
.blue .mat-mdc-unelevated-button i.icon.icon--noText {
  margin-left: -4px;
  margin-right: -4px;
}
.blue .mat-button,
.blue .mat-mdc-button {
  height: 36px;
  padding: 0;
  border-radius: 8px;
  color: var(--key-color);
  --mdc-text-button-label-text-color: var(--key-color);
  --mat-text-button-label-text-color: var(--key-color);
  --mat-text-button-state-layer-color: var(--key-color);
  --mat-text-button-ripple-color: rgba(var(--key-color-rgb), 0.2);
}
.blue .mat-button[disabled][disabled],
.blue .mat-mdc-button[disabled][disabled] {
  color: rgba(0, 19, 51, 0.38);
  --mdc-text-button-label-text-color: rgba(0, 19, 51, 0.38);
  --mat-text-button-label-text-color: rgba(0, 19, 51, 0.38);
}
.blue .mat-button[disabled][disabled] .mat-button-wrapper,
.blue .mat-button[disabled][disabled] .mdc-button__label,
.blue .mat-mdc-button[disabled][disabled] .mat-button-wrapper,
.blue .mat-mdc-button[disabled][disabled] .mdc-button__label {
  color: rgba(0, 19, 51, 0.38);
}
@media (hover: hover) {
  .blue .mat-button[disabled][disabled]:hover,
  .blue .mat-mdc-button[disabled][disabled]:hover {
    background-color: unset;
  }
}
.blue .mat-button.mat-button-regular-font-weight .mat-button-wrapper, .blue .mat-button.mat-button-regular-font-weight .mdc-button__label,
.blue .mat-mdc-button.mat-button-regular-font-weight .mat-button-wrapper,
.blue .mat-mdc-button.mat-button-regular-font-weight .mdc-button__label {
  font-weight: 400;
}
.blue .mat-button.mat-button-regular-letter-spacing .mat-button-wrapper, .blue .mat-button.mat-button-regular-letter-spacing .mdc-button__label,
.blue .mat-mdc-button.mat-button-regular-letter-spacing .mat-button-wrapper,
.blue .mat-mdc-button.mat-button-regular-letter-spacing .mdc-button__label {
  letter-spacing: 0.01786em !important;
}
.blue .mat-button.mat-button-key-color-secondary,
.blue .mat-mdc-button.mat-button-key-color-secondary {
  background-color: rgba(var(--key-color-rgb), 0.12);
}
.blue .mat-button.mat-button-key-color-secondary .mat-button-wrapper,
.blue .mat-button.mat-button-key-color-secondary .mdc-button__label,
.blue .mat-mdc-button.mat-button-key-color-secondary .mat-button-wrapper,
.blue .mat-mdc-button.mat-button-key-color-secondary .mdc-button__label {
  margin: 0 12px;
  letter-spacing: normal;
}
@media (hover: hover) {
  .blue .mat-button:hover,
  .blue .mat-mdc-button:hover {
    background-color: rgba(var(--key-color-rgb), 0.1);
  }
  .blue .mat-button:hover.mat-button-key-color-secondary,
  .blue .mat-mdc-button:hover.mat-button-key-color-secondary {
    background-color: rgba(var(--key-color-rgb), 0.18);
  }
  .blue .mat-button:focus,
  .blue .mat-mdc-button:focus {
    outline: var(--key-color) solid 2px;
  }
  .blue .mat-button:focus:not(:focus-visible),
  .blue .mat-mdc-button:focus:not(:focus-visible) {
    outline: none;
  }
}
.blue .mat-button .mat-ripple-element,
.blue .mat-mdc-button .mat-ripple-element {
  opacity: unset;
  background-color: rgba(var(--key-color-rgb), 0.2);
}
.blue .mat-button .mat-ripple-element.mat-button-key-color-secondary,
.blue .mat-mdc-button .mat-ripple-element.mat-button-key-color-secondary {
  background-color: rgba(var(--key-color-rgb), 0.24);
}
.blue .mat-button .mat-button-wrapper,
.blue .mat-button .mdc-button__label,
.blue .mat-mdc-button .mat-button-wrapper,
.blue .mat-mdc-button .mdc-button__label {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 8px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.08929em;
  color: var(--key-color);
}
.blue .mat-button .mat-button-focus-overlay,
.blue .mat-button .mat-mdc-focus-indicator,
.blue .mat-mdc-button .mat-button-focus-overlay,
.blue .mat-mdc-button .mat-mdc-focus-indicator {
  opacity: 0 !important;
}
.blue .mat-button i.icon,
.blue .mat-mdc-button i.icon {
  display: inline-block;
  height: 100%;
  width: 20px;
  font-size: 20px;
  padding: 1px 0 0;
  margin-left: -2px;
  margin-right: 6px;
}
.blue .mat-button i.icon:before,
.blue .mat-mdc-button i.icon:before {
  width: 20px;
  height: 20px;
}
.blue .mat-button i.icon.icon--appended,
.blue .mat-mdc-button i.icon.icon--appended {
  margin-left: 6px;
  margin-right: -2px;
}
.blue .mat-button.mat-button-red,
.blue .mat-mdc-button.mat-button-red {
  color: #F20030;
  --mdc-text-button-label-text-color: #F20030;
  --mat-text-button-state-layer-color: #F20030;
}
.blue .mat-button.mat-button-red .mat-button-wrapper,
.blue .mat-button.mat-button-red .mdc-button__label,
.blue .mat-mdc-button.mat-button-red .mat-button-wrapper,
.blue .mat-mdc-button.mat-button-red .mdc-button__label {
  color: #F20030;
}
@media (hover: hover) {
  .blue .mat-button.mat-button-red:hover,
  .blue .mat-mdc-button.mat-button-red:hover {
    background-color: rgba(242, 0, 48, 0.07);
  }
}
.blue .mat-button.mat-button-red .mat-ripple-element,
.blue .mat-mdc-button.mat-button-red .mat-ripple-element {
  opacity: unset;
  background-color: rgba(242, 0, 48, 0.16);
}
.blue .mat-button.mat-button-secondary,
.blue .mat-mdc-button.mat-button-secondary {
  color: rgba(0, 19, 51, 0.68);
  --mdc-text-button-label-text-color: rgba(0, 19, 51, 0.68);
  --mat-text-button-state-layer-color: rgba(0, 19, 51, 0.68);
}
.blue .mat-button.mat-button-secondary .mat-button-wrapper,
.blue .mat-button.mat-button-secondary .mdc-button__label,
.blue .mat-mdc-button.mat-button-secondary .mat-button-wrapper,
.blue .mat-mdc-button.mat-button-secondary .mdc-button__label {
  color: rgba(0, 19, 51, 0.68);
}
@media (hover: hover) {
  .blue .mat-button.mat-button-secondary:hover,
  .blue .mat-mdc-button.mat-button-secondary:hover {
    background-color: rgba(26, 26, 51, 0.05);
  }
}
.blue .mat-button.mat-button-secondary .mat-ripple-element,
.blue .mat-mdc-button.mat-button-secondary .mat-ripple-element {
  opacity: unset;
  background-color: rgba(26, 26, 51, 0.05);
}
.blue .mat-button.mat-button-primary,
.blue .mat-mdc-button.mat-button-primary {
  color: #001333;
  --mdc-text-button-label-text-color: #001333;
  --mat-text-button-state-layer-color: #001333;
}
.blue .mat-button.mat-button-primary .mat-button-wrapper,
.blue .mat-button.mat-button-primary .mdc-button__label,
.blue .mat-mdc-button.mat-button-primary .mat-button-wrapper,
.blue .mat-mdc-button.mat-button-primary .mdc-button__label {
  color: #001333;
}
@media (hover: hover) {
  .blue .mat-button.mat-button-primary:hover,
  .blue .mat-mdc-button.mat-button-primary:hover {
    background-color: rgba(26, 26, 51, 0.05);
  }
}
.blue .mat-button.mat-button-primary .mat-ripple-element,
.blue .mat-mdc-button.mat-button-primary .mat-ripple-element {
  opacity: unset;
  background-color: rgba(26, 26, 51, 0.05);
}
.blue .mat-stroked-button,
.blue .mat-mdc-outlined-button {
  padding: 0 15px;
  border-radius: 8px;
  color: rgba(0, 19, 51, 0.68);
  border: solid 2px rgba(0, 19, 51, 0.64) !important;
  --mdc-outlined-button-label-text-color: rgba(0, 19, 51, 0.68);
  --mdc-outlined-button-outline-color: rgba(0, 19, 51, 0.64);
  --mat-outlined-button-state-layer-color: #001333;
}
.blue .mat-stroked-button.mat-stroked-button-large,
.blue .mat-mdc-outlined-button.mat-stroked-button-large {
  height: 48px;
  border-radius: 10px;
}
.blue .mat-stroked-button.mat-stroked-button-primary-text,
.blue .mat-mdc-outlined-button.mat-stroked-button-primary-text {
  color: #001333;
  border-color: #001333;
  --mdc-outlined-button-label-text-color: #001333;
  --mdc-outlined-button-outline-color: #001333;
}
.blue .mat-stroked-button.mat-stroked-button-special,
.blue .mat-mdc-outlined-button.mat-stroked-button-special {
  color: #001333;
  border-color: rgba(0, 19, 51, 0.2) !important;
  border-width: 1px !important;
  --mdc-outlined-button-label-text-color: #001333;
  --mdc-outlined-button-outline-color: rgba(0, 19, 51, 0.2);
  padding-right: 12px;
  padding-left: 12px;
}
.blue .mat-stroked-button.mat-stroked-button-special .mat-button-wrapper,
.blue .mat-stroked-button.mat-stroked-button-special .mdc-button__label,
.blue .mat-mdc-outlined-button.mat-stroked-button-special .mat-button-wrapper,
.blue .mat-mdc-outlined-button.mat-stroked-button-special .mdc-button__label {
  font-weight: 400;
  letter-spacing: normal;
  text-transform: unset;
}
.blue .mat-stroked-button[disabled][disabled],
.blue .mat-mdc-outlined-button[disabled][disabled] {
  color: rgba(0, 19, 51, 0.38);
  --mdc-text-button-label-text-color: rgba(0, 19, 51, 0.38);
  --mat-text-button-label-text-color: rgba(0, 19, 51, 0.38);
}
@media (hover: hover) {
  .blue .mat-stroked-button[disabled][disabled]:hover,
  .blue .mat-mdc-outlined-button[disabled][disabled]:hover {
    background-color: unset;
  }
}
@media (hover: hover) {
  .blue .mat-stroked-button:hover,
  .blue .mat-mdc-outlined-button:hover {
    background-color: rgba(0, 19, 51, 0.05);
  }
}
.blue .mat-stroked-button .mat-ripple-element,
.blue .mat-mdc-outlined-button .mat-ripple-element {
  opacity: unset;
  background-color: rgba(0, 19, 51, 0.05);
}
.blue .mat-stroked-button .mat-button-wrapper,
.blue .mat-stroked-button .mdc-button__label,
.blue .mat-mdc-outlined-button .mat-button-wrapper,
.blue .mat-mdc-outlined-button .mdc-button__label {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.08929em;
  text-transform: uppercase;
  color: inherit;
}
.blue .mat-stroked-button .mat-button-focus-overlay,
.blue .mat-stroked-button .mat-mdc-focus-indicator,
.blue .mat-mdc-outlined-button .mat-button-focus-overlay,
.blue .mat-mdc-outlined-button .mat-mdc-focus-indicator {
  opacity: 0 !important;
}
.blue .mat-fab {
  background-color: var(--key-color) !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24) !important;
}
.blue .mat-fab .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.blue .simpleFab {
  background-color: var(--key-color);
}
.blue .simpleFab.simpleFab--primary {
  background-color: #fcfcfc;
}
.blue .simpleFab.simpleFab--primary .mat-ripple-element {
  background-color: rgba(26, 26, 51, 0.05);
}
.blue .simpleFab.simpleFab--tax {
  background-color: #FFE620;
}
.blue .simpleFab.simpleFab--tax .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.5);
}
@media (hover: hover) {
  .blue .simpleFab:hover {
    background-color: var(--flat-button-hover);
  }
  .blue .simpleFab:hover.simpleFab--primary {
    background-color: #f0f0f2;
  }
  .blue .simpleFab:hover.simpleFab--tax {
    background-color: #FFD10D;
  }
}
.blue .simpleFab .mat-ripple-element {
  background-color: var(--flat-button-ripple);
}
.blue .simpleFab > i {
  color: white;
  z-index: 1;
}
.blue .mat-mdc-slide-toggle .mdc-switch__icons {
  display: none !important;
}
.blue .mat-mdc-slide-toggle .mdc-switch__ripple,
.blue .mat-mdc-slide-toggle .mdc-switch__focus-ring,
.blue .mat-mdc-slide-toggle .mat-mdc-slide-toggle-ripple,
.blue .mat-mdc-slide-toggle .mat-ripple-element,
.blue .mat-mdc-slide-toggle .mdc-switch__shadow {
  display: none !important;
  opacity: 0 !important;
}
.blue .mat-mdc-slide-toggle {
  --mdc-switch-unselected-track-color: #9ca3af;
  --mdc-switch-unselected-track-outline-color: #9ca3af;
  --mdc-switch-unselected-handle-color: #fafafa;
  --mdc-switch-selected-track-color: rgba(var(--key-color-rgb), 0.38);
  --mdc-switch-selected-track-outline-color: rgba(var(--key-color-rgb), 0.38);
  --mdc-switch-selected-handle-color: var(--key-color);
  --mdc-switch-selected-focus-state-layer-color: transparent;
  --mdc-switch-selected-hover-state-layer-color: transparent;
  --mdc-switch-selected-pressed-state-layer-color: transparent;
  --mdc-switch-unselected-focus-state-layer-color: transparent;
  --mdc-switch-unselected-hover-state-layer-color: transparent;
  --mdc-switch-unselected-pressed-state-layer-color: transparent;
}
.blue .mat-mdc-slide-toggle .mdc-switch__track::before,
.blue .mat-mdc-slide-toggle .mdc-switch__track::after {
  border-width: 0 !important;
  box-shadow: none !important;
}
.blue .mat-mdc-slide-toggle .mdc-switch:enabled:not(.mdc-switch--selected) .mdc-switch__handle::after {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.blue .mat-mdc-slide-toggle .mdc-switch__handle,
.blue .mat-mdc-slide-toggle .mdc-switch__handle::before {
  filter: none !important;
}
.blue .mat-mdc-slide-toggle .mdc-switch:enabled:not(.mdc-switch--selected) .mdc-switch__track::before {
  background-color: rgba(0, 19, 51, 0.24) !important;
  border-color: rgba(0, 19, 51, 0.24) !important;
}
.blue .mat-mdc-slide-toggle .mdc-switch:enabled.mdc-switch--selected .mdc-switch__track::after {
  background-color: rgba(var(--key-color-rgb), 0.38) !important;
  border-color: rgba(var(--key-color-rgb), 0.38) !important;
}
.blue .mat-mdc-slide-toggle .mdc-switch:enabled:not(.mdc-switch--selected) .mdc-switch__handle::after {
  background-color: #fafafa !important;
  border-color: #fafafa !important;
}
.blue .mat-mdc-slide-toggle .mdc-switch:enabled.mdc-switch--selected .mdc-switch__handle::after {
  background-color: var(--key-color) !important;
  border-color: var(--key-color) !important;
}
.blue .mat-mdc-slide-toggle .mdc-switch:enabled:not(.mdc-switch--selected) .mdc-switch__track::before {
  background-color: !important;
  border-color: !important;
}
.blue .budgetDialog .mat-mdc-form-field .mat-mdc-select-arrow,
.blue .budgetDialog .mat-mdc-select .mat-mdc-select-arrow {
  color: rgba(0, 19, 51, 0.68) !important;
}
.blue .budgetDialog .mat-mdc-select-arrow svg,
.blue .budgetDialog .mat-mdc-select-arrow path {
  fill: rgba(0, 19, 51, 0.68) !important;
  stroke: rgba(0, 19, 51, 0.68) !important;
}
.blue .mdc-evolution-chip,
.blue .mat-mdc-chip,
.blue .mat-mdc-standard-chip {
  color: #001333 !important;
}
.blue .mdc-evolution-chip .mdc-evolution-chip__text-label,
.blue .mat-mdc-chip .mdc-evolution-chip__text-label,
.blue .mat-mdc-standard-chip .mdc-evolution-chip__text-label {
  color: #001333 !important;
}
.blue .mdc-evolution-chip .mat-mdc-chip-action-label,
.blue .mat-mdc-chip .mat-mdc-chip-action-label,
.blue .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  color: #001333 !important;
}
@media (hover: hover) {
  .blue .addressBookAccountsContainer .account:hover {
    background-color: #F2F3F7;
  }
}
.blue .accountSetup .accountSetup__footer {
  border-top: 1px solid #d9dbde;
  background-color: #f5f5f7;
}
.blue .accountSetup .accountSetup__supportItemContent {
  background-color: #EDEEF2;
}
.blue .accountSetup .accountSetup__page {
  background-color: #fcfcfc;
}
.blue .accountSetup .accountSetup__spinner {
  background-color: #fcfcfc;
}
.blue .accountSetupButtonIcon {
  background-color: #F2F3F7;
}
.blue .useOfTermsPanel {
  border-top: 1px solid #d9dbde;
}
@media (hover: hover) {
  .blue .accountType:hover {
    background-color: #F2F3F7;
  }
}
.blue .mat-spinner.mat-progress-spinner circle,
.blue .mat-spinner.mat-progress-spinner .mdc-circular-progress__determinate-circle,
.blue .mat-spinner.mat-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic,
.blue .mat-mdc-progress-spinner circle,
.blue .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,
.blue .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: var(--key-color);
}
.blue .mat-spinner.mat-progress-spinner.mat-spinner-on-variable circle,
.blue .mat-spinner.mat-progress-spinner.mat-spinner-on-variable .mdc-circular-progress__determinate-circle,
.blue .mat-spinner.mat-progress-spinner.mat-spinner-on-variable .mdc-circular-progress__indeterminate-circle-graphic,
.blue .mat-mdc-progress-spinner.mat-spinner-on-variable circle,
.blue .mat-mdc-progress-spinner.mat-spinner-on-variable .mdc-circular-progress__determinate-circle,
.blue .mat-mdc-progress-spinner.mat-spinner-on-variable .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: #001333;
}
.blue .mat-spinner.mat-progress-spinner.mat-spinner-white circle,
.blue .mat-spinner.mat-progress-spinner.mat-spinner-white .mdc-circular-progress__determinate-circle,
.blue .mat-spinner.mat-progress-spinner.mat-spinner-white .mdc-circular-progress__indeterminate-circle-graphic,
.blue .mat-mdc-progress-spinner.mat-spinner-white circle,
.blue .mat-mdc-progress-spinner.mat-spinner-white .mdc-circular-progress__determinate-circle,
.blue .mat-mdc-progress-spinner.mat-spinner-white .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: white;
}
.blue .mat-spinner.mat-progress-spinner.mat-spinner-disabled circle,
.blue .mat-spinner.mat-progress-spinner.mat-spinner-disabled .mdc-circular-progress__determinate-circle,
.blue .mat-spinner.mat-progress-spinner.mat-spinner-disabled .mdc-circular-progress__indeterminate-circle-graphic,
.blue .mat-mdc-progress-spinner.mat-spinner-disabled circle,
.blue .mat-mdc-progress-spinner.mat-spinner-disabled .mdc-circular-progress__determinate-circle,
.blue .mat-mdc-progress-spinner.mat-spinner-disabled .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: rgba(0, 19, 51, 0.38);
}
.blue .link {
  cursor: pointer;
  color: var(--key-color);
}
.blue .link:link {
  color: var(--key-color);
}
.blue .link:visited {
  color: var(--key-color);
}
.blue .link:active {
  color: rgba(var(--key-color-rgb), 0.5);
}
.blue .buhlBankingGuardTooltip {
  background-color: #001333;
  color: #FFFFFF;
}
.blue .verticalLine {
  background-color: #001333;
}
.blue .faqContainer {
  background-color: #f0f0f2;
}
.blue .divider.divider--colorInfocenter {
  background-color: #F2F3F7;
}
.blue .divider.divider--colorBuchungsliste {
  background-color: #F2F3F7;
}
.blue .divider.divider--colorKontenliste {
  background-color: #F2F3F7;
}
.blue .divider.divider--colorDialogHeaderBottomBar {
  background-color: #d9dbde;
}
.blue .divider.divider--colorBorderH1 {
  background-color: rgba(0, 25, 68, 0.14);
}
.blue .divider.divider--colorHintergrund1 {
  background-color: #EDEEF2;
}
.blue .divider.divider--colorDividerListItem {
  background-color: #e8e9ed;
}
.blue .divider.divider--headerFooterDivider {
  background-color: #d9dbde;
}
.blue .divider.divider--cashOfflineAssign {
  background-color: #d9dbde;
}
.blue .divider.divider--welcomeScreen {
  background-color: #d9dbde;
}
.blue .divider.divider--popupMenu {
  background-color: #E8E9ED;
}
.blue .buhlGuard {
  background-image: url('logo_buhlBanking_light.svg');
  background-repeat: no-repeat;
  background-size: 100%;
}
.blue .tanEntry .tanEntry__bankInformation {
  background-color: rgba(0, 19, 51, 0.07);
}
.blue .tanEntry .tanEntry__flickerTan .parameters {
  background-color: rgba(0, 19, 51, 0.07);
}
.blue .mat-slider .mat-slider-track-background {
  background-color: rgba(0, 25, 68, 0.14) !important;
}
.blue .mat-slider .mat-slider-track-fill {
  background-color: #001333 !important;
}
.blue .mat-slider .mat-slider-thumb {
  background-color: #001333 !important;
}
.blue .transactionWait.transactionWait--advent .image {
  background-image: url('daten-an-bank-senden-advent-light@2x.gif');
}
.blue .transactionWait .image {
  background-image: url('daten-an-bank-senden-light@2x.gif');
}
.blue .transactionSuccess .image {
  background-image: url('transaktion-erfolgreich-light@2x.gif');
}
.blue a:link {
  color: var(--key-color);
}
.blue .cardListItem .imageAccountGroup .imageAccountGroup__image {
  border: solid 2px #f5f5f7;
}
.blue .cardListItem .imageAccountGroup .imageAccountGroup__image.imageAccountGroup__image--expanded {
  border: solid 2px #e8e9ed;
}
.blue .cardListItem .imageAccountGroup .imageAccountGroup__overflow {
  background-color: #d9dbde;
}
.blue .accountDetails .memberAccountsIcon .memberAccountIcon {
  border: solid 2px #fcfcfc;
}
.blue .accountDetails .memberAccountsIcon .memberAccountIcon__overflow {
  background-color: #d9dbde;
}
.blue .creditInstituteIcon__visa {
  content: url('logo-visa-light.svg');
}
.blue .mat-mdc-menu-panel {
  background-color: #fcfcfc;
}
.blue .mat-mdc-menu-panel.mat-menu-panel-accounts {
  max-width: 328px !important;
}
.blue .mat-mdc-menu-panel .mat-mdc-menu-content {
  padding: 0 !important;
}
.blue .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.01786em;
  line-height: 20px;
  min-height: 48px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  align-items: center;
  color: #001333;
}
.blue .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
  flex: 1 1 0;
  display: inline-flex;
  align-items: center;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  color: inherit;
}
.blue .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item .icon {
  margin-right: 20px;
  margin-left: 8px;
  flex: 0 0 24px;
}
.blue .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-ripple .mat-ripple-element {
  background-color: rgba(26, 26, 51, 0.05);
}
@media (hover: hover) {
  .blue .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:hover {
    background-color: rgba(26, 26, 51, 0.05);
  }
}
.blue .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.mat-menu-item-expenses {
  color: #F20030;
}
.blue .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-highlighted:not([disabled]) {
  background-color: rgba(26, 26, 51, 0.05);
}
.blue .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.mat-menu-item-icon {
  padding-left: 12px;
}
.blue .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.mat-menu-item-icon:not(.mat-mdc-menu-item-submenu-trigger) {
  padding-right: 32px;
}
.blue .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-submenu-trigger {
  padding-right: 48px;
}
.blue .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-submenu-trigger .mat-mdc-menu-submenu-icon {
  color: rgba(0, 19, 51, 0.38);
  margin-right: 0;
}
.blue .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.mat-menu-item-account {
  width: 328px;
  height: 64px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  align-items: center;
}
.blue .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.mat-menu-item-account .mat-menu-item-account-icon {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  margin-right: 10px;
}
.blue .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.mat-menu-item-account .mat-menu-item-account-text-content {
  flex: 1 1 0;
}
.blue .mat-mdc-menu-panel .mat-divider,
.blue .mat-mdc-menu-panel .mat-mdc-menu-divider,
.blue .mat-mdc-menu-panel .mat-menu-divider {
  width: 100%;
  height: 1px;
  margin: 8px 0;
  background-color: #E8E9ED;
  border-top-color: #E8E9ED;
}
.blue .userMenuHeader {
  background-color: rgba(0, 19, 51, 0.07);
}
.blue .userMenuThemeBubble.userMenuThemeBubble--bright {
  background-color: #fff;
  border-color: rgba(0, 25, 68, 0.38);
}
.blue .userMenuThemeBubble.userMenuThemeBubble--dark {
  background-color: #000;
  border-color: #000;
}
.blue .settings {
  background-color: #fcfcfc;
}
.blue .settings .footer {
  background-color: #f5f5f7;
}
.blue .settingsPage .settingsItem {
  background-color: #f5f5f7;
}
@media (hover: hover) {
  .blue .settingsPage .settingsItem.settingsItem--interactive:hover:not(.settingsItem--interactive--noHover) {
    background-color: rgba(26, 26, 51, 0.05);
  }
}
.blue .settingsPage .settingsBlock {
  background-color: #f5f5f7;
}
.blue .settingsPage .settingsBlock .settingsBlock__divider {
  background-color: #e8e9ed;
}
.blue .settingsBackground {
  background-color: #fcfcfc;
}
.blue .conditionRow .conditionRow__link {
  color: var(--key-color);
}
@media (hover: hover) {
  .blue .contactEntryContainer:hover {
    background-color: #F2F3F7;
  }
}
.blue .settingsFooter {
  background-color: rgba(237, 238, 242, 0.94);
}
.blue .deleteAccountGroup .accountGroupImage .accountGroupImage__accountImage {
  border: solid 2px #EDEEF2;
}
.blue .deleteAccountGroup .accountGroupImage .accountGroupImage__accountImage.accountGroupImage__accountImage--overflow {
  background-color: #d9dbde;
}
.blue .deleteEntity {
  background-color: #EDEEF2;
}
.blue .splitDialog .splitDialog__page {
  background-color: #fcfcfc;
}
.blue .splitEdit input::placeholder {
  color: rgba(0, 19, 51, 0.38);
}
.blue .splitEdit .splitEdit__parent {
  background-color: #f5f5f7;
  border-bottom: 1px solid #d9dbde;
}
.blue .splitEdit .split__purposeMarker {
  background-color: #FFAD08;
}
.blue .splitEdit .split__detailContainer {
  background-color: #F0F0F2;
}
.blue .splitEdit .split__detailContainer:focus-within {
  background-color: #E3E3E6;
}
@media (hover: hover) {
  .blue .splitEdit .split__detailContainer:hover {
    background-color: #E3E3E6;
  }
}
.blue .splitEdit .splitEdit__deleteButton {
  background-color: #f5f5f7;
}
.blue .splitEdit .split__signToggle {
  background-image: url('ic-vorzeichen-minus-light-24.svg');
}
.blue .splitEdit .split__signToggle.split__signToggle--positive {
  background-image: url('ic-vorzeichen-plus-light-24.svg');
}
.blue .simpleInput {
  border-bottom-color: rgba(0, 25, 68, 0.2);
}
.blue .simpleInput:focus-within {
  border-bottom-color: var(--key-color);
}
.blue .simpleInput input::placeholder {
  color: rgba(0, 19, 51, 0.38);
}
.blue .amountButtonContainer {
  background-color: #f0f0f2;
}
.blue .amountButton .amountButton__icon {
  color: rgba(0, 19, 51, 0.38);
}
@media (hover: hover) {
  .blue .amountButton.amountButton--positive:hover {
    background-color: rgba(0, 200, 83, 0.07);
  }
  .blue .amountButton.amountButton--positive:hover .amountButton__icon {
    color: #00C853;
  }
}
.blue .amountButton.amountButton--positive.amountButton--active {
  background-color: rgba(0, 200, 83, 0.07);
  border-color: #00C853 !important;
}
.blue .amountButton.amountButton--positive.amountButton--active .amountButton__icon {
  color: #00C853;
}
@media (hover: hover) {
  .blue .amountButton.amountButton--negative:hover {
    background-color: rgba(255, 0, 0, 0.07);
  }
  .blue .amountButton.amountButton--negative:hover .amountButton__icon {
    color: #FF0000;
  }
}
.blue .amountButton.amountButton--negative.amountButton--active {
  background-color: rgba(255, 0, 0, 0.07);
  border-color: #FF0000 !important;
}
.blue .amountButton.amountButton--negative.amountButton--active .amountButton__icon {
  color: #FF0000;
}
.blue .mat-select.mat-select-tax {
  height: 100%;
}
.blue .mat-select.mat-select-tax .mat-select-trigger {
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 12px;
  padding-right: 7px;
}
.blue .mat-select.mat-select-tax .mat-select-trigger .mat-select-value {
  margin-right: 10px;
  width: auto;
  max-width: unset;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.01786em;
  line-height: 20px;
  vertical-align: middle;
}
.blue .mat-select.mat-select-transaction-parent {
  height: 100%;
}
.blue .mat-select.mat-select-transaction-parent .mat-select-trigger, .blue .mat-select.mat-select-transaction-parent .mat-mdc-select-trigger {
  height: 100% !important;
  padding-left: 8px;
  padding-right: 11px;
  display: flex !important;
  align-items: center !important;
  line-height: 40px !important;
}
.blue .mat-select.mat-select-transaction-parent .mat-select-trigger .mat-select-value, .blue .mat-select.mat-select-transaction-parent .mat-select-trigger .mat-mdc-select-value, .blue .mat-select.mat-select-transaction-parent .mat-mdc-select-trigger .mat-select-value, .blue .mat-select.mat-select-transaction-parent .mat-mdc-select-trigger .mat-mdc-select-value {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.01786em;
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  line-height: 40px !important;
  color: var(--key-color) !important;
}
.blue .mat-select.mat-select-transaction-parent .mat-select-trigger .mat-select-value .mat-mdc-select-value-text, .blue .mat-select.mat-select-transaction-parent .mat-select-trigger .mat-select-value .mat-select-value-text, .blue .mat-select.mat-select-transaction-parent .mat-select-trigger .mat-mdc-select-value .mat-mdc-select-value-text, .blue .mat-select.mat-select-transaction-parent .mat-select-trigger .mat-mdc-select-value .mat-select-value-text, .blue .mat-select.mat-select-transaction-parent .mat-mdc-select-trigger .mat-select-value .mat-mdc-select-value-text, .blue .mat-select.mat-select-transaction-parent .mat-mdc-select-trigger .mat-select-value .mat-select-value-text, .blue .mat-select.mat-select-transaction-parent .mat-mdc-select-trigger .mat-mdc-select-value .mat-mdc-select-value-text, .blue .mat-select.mat-select-transaction-parent .mat-mdc-select-trigger .mat-mdc-select-value .mat-select-value-text {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}
.blue .mat-select.mat-select-transaction-parent .mat-select-trigger .mat-select-arrow-wrapper, .blue .mat-select.mat-select-transaction-parent .mat-select-trigger .mat-mdc-select-arrow-wrapper, .blue .mat-select.mat-select-transaction-parent .mat-mdc-select-trigger .mat-select-arrow-wrapper, .blue .mat-select.mat-select-transaction-parent .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}
.blue .mat-select.mat-select-transaction-parent .mat-select-trigger .mat-select-arrow, .blue .mat-select.mat-select-transaction-parent .mat-select-trigger .mat-mdc-select-arrow, .blue .mat-select.mat-select-transaction-parent .mat-mdc-select-trigger .mat-select-arrow, .blue .mat-select.mat-select-transaction-parent .mat-mdc-select-trigger .mat-mdc-select-arrow {
  color: var(--key-color) !important;
}
.blue .mat-select.mat-select-disabled .mat-select-value {
  color: rgba(0, 19, 51, 0.38);
}
.blue .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 19, 51, 0.38) !important;
}
.blue .mat-select.mat-select-disabled .mat-select-placeholder {
  color: rgba(0, 19, 51, 0.38);
}
.blue .mat-select .mat-select-placeholder {
  color: #001333;
}
.blue .mat-select .mat-select-value {
  color: #001333;
}
.blue .mat-select .mat-select-arrow {
  color: rgba(0, 19, 51, 0.64);
}
.blue.singlePage .mat-select.mat-select-transaction-parent .mat-select-trigger .mat-select-value {
  font-size: 16px;
}
.blue .mat-select-panel-wrap .mat-select-panel {
  min-width: 100% !important;
  margin: 0 16px;
  padding: 8px 0;
  background-color: #fcfcfc;
}
.blue .mat-select-panel-wrap .mat-select-panel:not(.time-slider) {
  max-height: 80vh;
}
.blue .mat-select-panel-wrap .mat-select-panel.transaction-parent {
  margin-top: 4px !important;
  transform: translateY(0) !important;
}
.blue .mat-select-panel-wrap .mat-select-panel .mat-optgroup-label {
  color: #001333 !important;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.01786em;
}
.blue .mat-select-panel-wrap .mat-select-panel .mat-option {
  height: auto !important;
  line-height: unset !important;
  background-color: unset !important;
  color: #001333 !important;
}
.blue .mat-select-panel-wrap .mat-select-panel .mat-option .mat-option-text {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.01786em;
  line-height: 48px;
}
.blue .mat-select-panel-wrap .mat-select-panel .mat-option.mat-selected {
  background-color: rgba(0, 19, 51, 0.07) !important;
}
@media (hover: hover) {
  .blue .mat-select-panel-wrap .mat-select-panel .mat-option:not(.mat-selected):hover {
    background-color: rgba(26, 26, 51, 0.05) !important;
  }
}
.blue .mat-select-panel-wrap .mat-select-panel .mat-option .mat-option-ripple .mat-ripple-element {
  background-color: rgba(26, 26, 51, 0.05);
}
.blue .mat-mdc-form-field .mat-mdc-select-trigger .mat-mdc-select-value {
  color: #001333 !important;
}
.blue .mat-mdc-form-field .mat-mdc-select-trigger .mat-mdc-select-value-text {
  color: #001333 !important;
}
.blue .mat-mdc-form-field .mat-mdc-select-trigger .mat-mdc-select-arrow {
  color: rgba(0, 19, 51, 0.64) !important;
}
.blue .mat-mdc-form-field .mat-mdc-select-disabled .mat-mdc-select-value,
.blue .mat-mdc-form-field .mat-mdc-select-disabled .mat-mdc-select-value-text,
.blue .mat-mdc-form-field .mat-mdc-select-disabled .mat-mdc-select-arrow {
  color: rgba(0, 19, 51, 0.38) !important;
}
.blue .mat-mdc-select-panel {
  background-color: #f0f0f2 !important;
}
.blue .mat-mdc-select-panel .mat-mdc-option {
  color: #001333 !important;
  font-size: 14px !important;
}
.blue .mat-mdc-select-panel .mat-mdc-option .mdc-list-item__primary-text {
  color: #001333 !important;
  font-size: 14px !important;
}
.blue .mat-mdc-select-panel .mat-mdc-option .mdc-list-item__end,
.blue .mat-mdc-select-panel .mat-mdc-option .mat-pseudo-checkbox {
  display: none !important;
}
@media (hover: hover) {
  .blue .mat-mdc-select-panel .mat-mdc-option:hover {
    background-color: #e3e3e6 !important;
  }
}
.blue .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected {
  background-color: #e3e3e6 !important;
  font-weight: 700;
}
.blue .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected .mdc-list-item__primary-text {
  font-weight: 700 !important;
}
.blue .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected .mdc-list-item__end,
.blue .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected .mat-pseudo-checkbox {
  display: none !important;
}
.blue .orderBasketTransfer__select .mat-mdc-select-arrow {
  color: rgba(0, 19, 51, 0.64) !important;
}
.blue .catDlg .mat-mdc-tab .tabItemContent, .blue .catDlg .mat-mdc-tab .tabItemIcon, .blue .catDlg .mat-tab-label .tabItemContent, .blue .catDlg .mat-tab-label .tabItemIcon {
  color: rgba(0, 19, 51, 0.68) !important;
}
.blue .catDlg .mat-mdc-tab.mdc-tab--active .tabItemContent, .blue .catDlg .mat-mdc-tab.mdc-tab--active .tabItemIcon, .blue .catDlg .mat-mdc-tab.mat-tab-label-active .tabItemContent, .blue .catDlg .mat-mdc-tab.mat-tab-label-active .tabItemIcon, .blue .catDlg .mat-tab-label.mdc-tab--active .tabItemContent, .blue .catDlg .mat-tab-label.mdc-tab--active .tabItemIcon, .blue .catDlg .mat-tab-label.mat-tab-label-active .tabItemContent, .blue .catDlg .mat-tab-label.mat-tab-label-active .tabItemIcon {
  color: var(--key-color) !important;
}
@media (hover: hover) {
  .blue .catDlg .mat-mdc-tab:not(.mdc-tab--active):hover .tabItemContent, .blue .catDlg .mat-mdc-tab:not(.mdc-tab--active):hover .tabItemIcon, .blue .catDlg .mat-mdc-tab:not(.mat-tab-label-active):hover .tabItemContent, .blue .catDlg .mat-mdc-tab:not(.mat-tab-label-active):hover .tabItemIcon, .blue .catDlg .mat-tab-label:not(.mdc-tab--active):hover .tabItemContent, .blue .catDlg .mat-tab-label:not(.mdc-tab--active):hover .tabItemIcon, .blue .catDlg .mat-tab-label:not(.mat-tab-label-active):hover .tabItemContent, .blue .catDlg .mat-tab-label:not(.mat-tab-label-active):hover .tabItemIcon {
    color: #001333 !important;
  }
  .blue .catDlg .mat-mdc-tab:hover, .blue .catDlg .mat-tab-label:hover {
    background-color: rgba(var(--key-color-rgb), 0.1) !important;
  }
  .blue .catDlg .mat-mdc-tab.mdc-tab--active:hover .tabItemContent, .blue .catDlg .mat-mdc-tab.mdc-tab--active:hover .tabItemIcon, .blue .catDlg .mat-mdc-tab.mat-tab-label-active:hover .tabItemContent, .blue .catDlg .mat-mdc-tab.mat-tab-label-active:hover .tabItemIcon, .blue .catDlg .mat-tab-label.mdc-tab--active:hover .tabItemContent, .blue .catDlg .mat-tab-label.mdc-tab--active:hover .tabItemIcon, .blue .catDlg .mat-tab-label.mat-tab-label-active:hover .tabItemContent, .blue .catDlg .mat-tab-label.mat-tab-label-active:hover .tabItemIcon {
    color: var(--key-color) !important;
  }
}
.blue .contractsContent .mat-mdc-tab-header {
  height: 65px !important;
  align-items: center;
  border-bottom: 1px solid #d9dbde;
  background-color: #f5f5f7;
}
.blue .contractsContent .mat-mdc-tab-header .mat-mdc-tab-label-container {
  justify-content: flex-start;
}
.blue .contractsContent .mat-mdc-tab {
  flex: 0 0 auto !important;
  height: 65px !important;
  max-width: none !important;
  color: rgba(0, 19, 51, 0.68) !important;
}
.blue .contractsContent .mat-mdc-tab .mdc-tab__text-label {
  color: rgba(0, 19, 51, 0.68) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-transform: none !important;
}
.blue .contractsContent .mat-mdc-tab.mdc-tab--active {
  color: #001333 !important;
}
.blue .contractsContent .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: #001333 !important;
}
@media (hover: hover) {
  .blue .contractsContent .mat-mdc-tab:hover {
    background-color: rgba(var(--key-color-rgb), 0.1) !important;
  }
}
.blue .contractsContent .mat-mdc-tab-indicator .mat-mdc-tab-indicator__content--underline {
  background-color: var(--key-color) !important;
  height: 1px !important;
  border: none !important;
}
.blue .financeServiceContent .mat-form-field-compact .mat-mdc-text-field-wrapper.mdc-text-field--filled.mdc-text-field--no-label,
.blue .financeServiceContent .mat-form-field-compact .mat-mdc-text-field-wrapper.mdc-text-field--filled,
.blue .financeServiceContent .mat-form-field-compact .mdc-text-field.mdc-text-field--filled {
  background-color: #f0f0f2 !important;
  border-radius: 8px 8px 0 0 !important;
}
.blue .financeServiceContent .mat-form-field-compact .mat-mdc-form-field-focus-overlay {
  background-color: transparent !important;
}
.blue .financeServiceContent .mat-form-field-compact .mdc-line-ripple::before {
  border-bottom-color: rgba(0, 25, 68, 0.6) !important;
  border-bottom-width: 1px !important;
}
@media (hover: hover) {
  .blue .financeServiceContent .mat-form-field-compact:hover .mdc-line-ripple::before {
    border-bottom-color: var(--key-color) !important;
  }
}
.blue .mat-mdc-slide-toggle {
  --mdc-switch-selected-track-color: #ffffff61;
  --mdc-switch-unselected-track-color: #ffffff61;
  --mdc-switch-selected-track-outline-color: #ffffff61;
  --mdc-switch-unselected-track-outline-color: #ffffff61;
}
.blue .mat-mdc-form-field .mat-mdc-select-arrow {
  color: rgba(0, 19, 51, 0.68) !important;
}
.blue.singlePage .mat-select-panel-wrap .mat-select-panel.transaction-parent .mat-option .mat-option-text {
  font-size: 16px;
}
.blue .dialogContainer {
  width: 640px;
}
.blue .dialogContainer .dialog {
  max-width: 80vw;
  max-height: 80vh;
  width: 640px;
}
.blue .dialogContainer .mat-dialog-container,
.blue .dialogContainer .mat-mdc-dialog-container .mdc-dialog__surface {
  border-radius: 16px;
  background-color: #fcfcfc;
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 30px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.blue .dialogContainer.dialogContainer--autoSize {
  width: unset !important;
}
.blue .dialogContainer.dialogContainer--autoSize .dialog {
  width: unset !important;
}
.blue .dialogContainer.dialogContainer--shadow8dp .mat-dialog-container,
.blue .dialogContainer.dialogContainer--shadow8dp .mat-mdc-dialog-container .mdc-dialog__surface {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.blue .dialogContainer.dialogContainer--minWidth640px {
  min-width: 640px;
}
.blue .dialogContainer.dialogContainer--minWidth640px .dialog {
  min-width: 640px;
}
.blue .dialogContainer.dialogContainer--width640px {
  width: 640px;
}
.blue .dialogContainer.dialogContainer--width640px .dialog {
  width: 640px;
}
.blue .dialogContainer.dialogContainer--width592px {
  width: 592px;
}
.blue .dialogContainer.dialogContainer--width592px .dialog {
  width: 592px;
}
.blue .dialogContainer.dialogContainer--width470px {
  width: 470px;
}
.blue .dialogContainer.dialogContainer--width470px .dialog {
  width: 470px;
}
.blue .dialogContainer.dialogContainer--width420px {
  width: 420px;
}
.blue .dialogContainer.dialogContainer--width420px .dialog {
  width: 420px;
}
.blue .dialogContainer.dialogContainer--width360px {
  width: 360px;
}
.blue .dialogContainer.dialogContainer--width360px .dialog {
  width: 360px;
}
.blue .dialogContainer.dialogContainer--width288px {
  width: 288px;
}
.blue .dialogContainer.dialogContainer--width288px .dialog {
  width: 288px;
}
.blue .dialogContainer.dialogContainer--width80vw {
  width: 80vw;
}
.blue .dialogContainer.dialogContainer--width80vw .dialog {
  width: 80vw;
}
.blue .dialogContainer.dialogContainer--width90vw {
  width: 90vw;
  max-width: 90vw !important;
}
.blue .dialogContainer.dialogContainer--width90vw .dialog {
  width: 90vw;
  max-width: 90vw;
}
.blue .dialogContainer.dialogContainer--height60vh {
  height: 60vh;
}
.blue .dialogContainer.dialogContainer--height60vh .dialog {
  height: 60vh;
}
.blue .dialogContainer.dialogContainer--height70vh {
  height: 70vh;
}
.blue .dialogContainer.dialogContainer--height70vh .dialog {
  height: 70vh;
}
.blue .dialogContainer.dialogContainer--height80vh {
  height: 80vh;
  max-height: 80vh;
}
.blue .dialogContainer.dialogContainer--height80vh .dialog {
  height: 80vh;
}
.blue .dialogContainer.dialogContainer--height90vh {
  height: 90vh;
  max-height: 90vh;
}
.blue .dialogContainer.dialogContainer--height90vh .dialog {
  height: 90vh;
  max-height: 90vh;
}
.blue .dialogContainer.dialogContainer--maxHeight680px {
  max-height: 680px;
}
.blue .dialogContainer.dialogContainer--maxHeight680px .dialog {
  max-height: 680px;
}
.blue .dialogContainer.dialogContainer--maxHeight60vh {
  max-height: 60vh;
}
.blue .dialogContainer.dialogContainer--maxHeight60vh .dialog {
  max-height: 60vh;
}
.blue .dialogContainer.dialogContainer--maxHeight90vh {
  max-height: 90vh;
}
.blue .dialogContainer.dialogContainer--maxHeight90vh .dialog {
  max-height: 90vh;
}
.blue .dialogContainer.dialogContainer--maxHeight720px {
  max-height: 720px;
}
.blue .dialogContainer.dialogContainer--maxHeight720px .dialog {
  max-height: 720px;
}
.blue .dialogContainer.dialogContainer--fullScreen {
  width: 100vw !important;
  max-width: 100vw !important;
  max-width: -webkit-fill-available !important;
  height: 100vh !important;
  max-height: 100vh !important;
  max-height: -webkit-fill-available !important;
}
.blue .dialogContainer.dialogContainer--fullScreen .mat-dialog-container,
.blue .dialogContainer.dialogContainer--fullScreen .mat-mdc-dialog-container .mdc-dialog__surface {
  border-radius: 0;
}
.blue .dialogContainer.dialogContainer--fullScreen .dialog {
  width: 100vw !important;
  height: 100vh !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
  max-width: -webkit-fill-available !important;
  max-height: -webkit-fill-available !important;
}
.blue .dialogContainer.dialogContainer--fullScreenMinus20 {
  width: calc(100vw - 40px);
  max-width: 100vw !important;
  height: calc(100vh - 40px);
  max-height: 100vh !important;
}
.blue .dialogContainer.dialogContainer--fullScreenMinus20 .dialog {
  width: calc(100vw - 40px);
  max-width: 100vw;
  height: calc(100vh - 40px);
  max-height: 100vh;
}
.blue .dialogContainer.dialogContainer--fullScreenMaxWidth915 {
  width: calc(100vw - 40px);
  max-width: 915px !important;
  height: calc(100vh - 40px);
  max-height: 100vh !important;
}
.blue .dialogContainer.dialogContainer--fullScreenMaxWidth915 .dialog {
  width: calc(100vw - 40px);
  max-width: 915px;
  height: calc(100vh - 40px);
  max-height: 100vh;
}
.blue .dialogContainer.dialogContainer--fullScreenMaxWidth1280 {
  width: calc(100vw - 40px);
  max-width: 1280px !important;
  height: calc(100vh - 40px);
  max-height: 100vh !important;
}
.blue .dialogContainer.dialogContainer--fullScreenMaxWidth1280 .dialog {
  width: calc(100vw - 40px);
  max-width: 1280px;
  height: calc(100vh - 40px);
  max-height: 100vh;
}
.blue .dialogContainer.dialogContainer--fullScreenMaxWidth1360 {
  width: calc(100vw - 40px);
  max-width: 1360px !important;
  height: calc(100vh - 40px);
  max-height: 100vh !important;
}
.blue .dialogContainer.dialogContainer--fullScreenMaxWidth1360 .dialog {
  width: calc(100vw - 40px);
  max-width: 1360px;
  height: calc(100vh - 40px);
  max-height: 100vh;
}
.blue.singlePage .dialogContainer {
  margin: unset !important;
  width: 280px;
}
.blue.singlePage .dialogContainer .dialog {
  width: 280px;
}
.blue.singlePage .dialogContainer.dialogContainer--singlePageFullWidthMinus8 {
  width: calc(100vw - 16px);
  max-width: 100vw !important;
}
.blue.singlePage .dialogContainer.dialogContainer--singlePageFullWidthMinus8 .dialog {
  width: calc(100vw - 16px);
  max-width: 100vw;
}
.blue.singlePage .dialogContainer.dialogContainer--singlePageFullWidthMinus24 {
  width: calc(100vw - 48px);
  max-width: 100vw !important;
}
.blue.singlePage .dialogContainer.dialogContainer--singlePageFullWidthMinus24 .dialog {
  width: calc(100vw - 48px);
  max-width: 100vw;
}
.blue.singlePage .dialogContainer.dialogContainer--singlePageFullScreen {
  width: 100vw;
  max-width: 100vw !important;
  max-width: -webkit-fill-available !important;
  height: 100vh;
  max-height: 100vh !important;
  max-height: -webkit-fill-available !important;
}
@keyframes bottom-up {
  from {
    transform: translateY(100vh);
  }
  to {
    transform: translateY(0);
  }
}
.blue.singlePage .dialogContainer.dialogContainer--singlePageFullScreen {
  animation: bottom-up 0.3s ease-out;
}
.blue.singlePage .dialogContainer.dialogContainer--singlePageFullScreen .mat-dialog-container,
.blue.singlePage .dialogContainer.dialogContainer--singlePageFullScreen .mat-mdc-dialog-container .mdc-dialog__surface {
  border-radius: 0;
}
.blue.singlePage .dialogContainer.dialogContainer--singlePageFullScreen .dialog {
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  max-height: 100vh;
  max-width: -webkit-fill-available;
  max-height: -webkit-fill-available;
}
.blue .mat-dialog-container,
.blue .mat-mdc-dialog-container .mdc-dialog__surface {
  padding: 0;
}
.blue .dialog .dialog__header.dialog__header--forceBackground {
  background-color: #f5f5f7;
}
.blue .dialog .dialog__header.dialog__header--border {
  background-color: #f5f5f7;
  border-bottom: 1px solid #d9dbde;
}
.blue .dialog .dialog__footer.dialog__footer--border {
  background-color: #f5f5f7;
  border-top: 1px solid #d9dbde;
}
.blue .changeBooking .changeBooking__page {
  background-color: #fcfcfc;
}
@media (hover: hover) {
  .blue .categoryContentItem:hover {
    background-color: #F2F3F7;
  }
}
.blue .groupCharacteristic {
  background-color: #f0f0f2;
}
.blue .receiver {
  background-color: #FCFCFC;
}
.blue .simpleTextField .simpleTextField__select {
  height: 100%;
  display: flex;
  align-items: center;
}
.blue .simpleTextField .simpleTextField__select .mat-mdc-select-trigger, .blue .simpleTextField .simpleTextField__select .mat-select-trigger {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  width: 100%;
  line-height: 40px !important;
}
.blue .simpleTextField .simpleTextField__select .mat-mdc-select-value, .blue .simpleTextField .simpleTextField__select .mat-select-value {
  color: #001333 !important;
  font-size: 14px !important;
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  line-height: 40px !important;
}
.blue .simpleTextField .simpleTextField__select .mat-mdc-select-value .mat-mdc-select-value-text, .blue .simpleTextField .simpleTextField__select .mat-mdc-select-value .mat-select-value-text, .blue .simpleTextField .simpleTextField__select .mat-select-value .mat-mdc-select-value-text, .blue .simpleTextField .simpleTextField__select .mat-select-value .mat-select-value-text {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}
.blue .simpleTextField .simpleTextField__select .mat-mdc-select-arrow-wrapper, .blue .simpleTextField .simpleTextField__select .mat-select-arrow-wrapper {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}
.blue .simpleTextField .simpleTextField__select .mat-mdc-select-arrow, .blue .simpleTextField .simpleTextField__select .mat-select-arrow {
  color: rgba(0, 19, 51, 0.68) !important;
}
@media (hover: hover) {
  .blue .simpleTextField:hover .simpleTextField__border {
    background-color: rgba(0, 25, 68, 0.6);
  }
}
.blue .simpleTextField:focus-within .simpleTextField__border {
  background-color: var(--key-color);
}
.blue .simpleTextField .simpleTextField__border {
  background-color: rgba(0, 25, 68, 0.14);
}
.blue .simpleTextField .simpleTextField__input::placeholder {
  color: rgba(0, 19, 51, 0.38);
}
.blue .reportsContent .reportsContent__dates .dates__bubble--current {
  background-color: #001944;
}
.blue .reportsContent .reportsContent__dates .dates__bubble--nextPrevious {
  border: solid 1px rgba(0, 25, 68, 0.14);
}
.blue .noData__image.noData__image--donut {
  background-image: url('ic-keine-daten-donut-96-blue.svg');
}
.blue .absoluteChart {
  background-color: #fcfcfc;
}
.blue .xs2aMigrationImage {
  background-image: url('xs2a-hell.svg');
  background-repeat: no-repeat;
}
.blue .ct-label {
  color: rgba(0, 19, 51, 0.68);
}
.blue .ct-grid {
  stroke: rgba(0, 19, 51, 0.68);
}
.blue .chartist__donutUnknown {
  fill: #AAAAAA;
}
.blue .chartist__donutHomeAndLiving {
  fill: #97D700;
}
.blue .chartist__donutHousing {
  fill: #FFCD00;
}
.blue .chartist__donutTransportAndMobility {
  fill: #00BAB3;
}
.blue .chartist__donutChildren {
  fill: #E10600;
}
.blue .chartist__donutLeisure {
  fill: #FF6900;
}
.blue .chartist__donutSavingsAndProvisions {
  fill: #004677;
}
.blue .chartist__donutOtherExpenses {
  fill: #7C878E;
}
.blue .chartist__donutCashAndCreditCardPayments {
  fill: #568B83;
}
.blue .chartist__barCategorized {
  stroke: var(--key-color);
}
.blue .chartist__barNotCategorized {
  stroke: #AAAAAA;
}
.blue .accountPicker .accountPicker__selectAllRow {
  background-color: #f0f0f2;
  cursor: pointer;
}
.blue .accountPicker .accountPicker__accountContainer.accountPicker__account--group {
  background-color: #e8e9ed;
}
.blue .accountPicker .accountPicker__accountContainer.accountPicker__account--groupMember {
  background-color: #fff6ee;
}
.blue .accountPicker .accountPicker__accountContainer .accountPicker__account .account__image.account__image--group .accountGroup__image {
  border: solid 2px #e8e9ed;
}
.blue .accountPicker .accountPicker__accountContainer .accountPicker__account .account__image.account__image--group .accountGroup__image.accountGroup__image--dialogBackground {
  border: solid 2px #fcfcfc;
}
.blue .accountPicker .accountPicker__accountContainer .accountPicker__account .account__image.account__image--group .accountGroup__image.accountGroup__image--overflow {
  background-color: #d9dbde;
}
.blue .mat-datepicker-toggle {
  color: rgba(0, 19, 51, 0.64);
}
.blue .mat-datepicker-toggle.mat-datepicker-toggle-active {
  color: var(--key-color);
}
.blue .mat-autocomplete-panel,
.blue .mat-mdc-autocomplete-panel {
  background-color: #fcfcfc !important;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.blue .mat-autocomplete-panel .mat-option, .blue .mat-autocomplete-panel .mat-option.mat-selected,
.blue .mat-autocomplete-panel .mat-mdc-option, .blue .mat-autocomplete-panel .mat-mdc-option.mdc-list-item--selected,
.blue .mat-mdc-autocomplete-panel .mat-option,
.blue .mat-mdc-autocomplete-panel .mat-option.mat-selected,
.blue .mat-mdc-autocomplete-panel .mat-mdc-option,
.blue .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.01786em;
  line-height: 20px;
  display: flex;
  align-items: center;
  background-color: #fcfcfc !important;
  color: #001333 !important;
}
.blue .mat-autocomplete-panel .mat-option .mdc-list-item__primary-text, .blue .mat-autocomplete-panel .mat-option.mat-selected .mdc-list-item__primary-text,
.blue .mat-autocomplete-panel .mat-mdc-option .mdc-list-item__primary-text, .blue .mat-autocomplete-panel .mat-mdc-option.mdc-list-item--selected .mdc-list-item__primary-text,
.blue .mat-mdc-autocomplete-panel .mat-option .mdc-list-item__primary-text,
.blue .mat-mdc-autocomplete-panel .mat-option.mat-selected .mdc-list-item__primary-text,
.blue .mat-mdc-autocomplete-panel .mat-mdc-option .mdc-list-item__primary-text,
.blue .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected .mdc-list-item__primary-text {
  color: #001333 !important;
}
.blue .mat-autocomplete-panel .mat-option .mat-option-ripple .mat-ripple-element, .blue .mat-autocomplete-panel .mat-option.mat-selected .mat-option-ripple .mat-ripple-element,
.blue .mat-autocomplete-panel .mat-mdc-option .mat-option-ripple .mat-ripple-element, .blue .mat-autocomplete-panel .mat-mdc-option.mdc-list-item--selected .mat-option-ripple .mat-ripple-element,
.blue .mat-mdc-autocomplete-panel .mat-option .mat-option-ripple .mat-ripple-element,
.blue .mat-mdc-autocomplete-panel .mat-option.mat-selected .mat-option-ripple .mat-ripple-element,
.blue .mat-mdc-autocomplete-panel .mat-mdc-option .mat-option-ripple .mat-ripple-element,
.blue .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected .mat-option-ripple .mat-ripple-element {
  background-color: rgba(26, 26, 51, 0.05) !important;
}
@media (hover: hover) {
  .blue .mat-autocomplete-panel .mat-option:hover, .blue .mat-autocomplete-panel .mat-option.mat-active, .blue .mat-autocomplete-panel .mat-option.mat-mdc-option-active, .blue .mat-autocomplete-panel .mat-option.mat-selected:hover, .blue .mat-autocomplete-panel .mat-option.mat-selected.mat-active, .blue .mat-autocomplete-panel .mat-option.mat-selected.mat-mdc-option-active,
  .blue .mat-autocomplete-panel .mat-mdc-option:hover,
  .blue .mat-autocomplete-panel .mat-mdc-option.mat-active,
  .blue .mat-autocomplete-panel .mat-mdc-option.mat-mdc-option-active, .blue .mat-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:hover, .blue .mat-autocomplete-panel .mat-mdc-option.mdc-list-item--selected.mat-active, .blue .mat-autocomplete-panel .mat-mdc-option.mdc-list-item--selected.mat-mdc-option-active,
  .blue .mat-mdc-autocomplete-panel .mat-option:hover,
  .blue .mat-mdc-autocomplete-panel .mat-option.mat-active,
  .blue .mat-mdc-autocomplete-panel .mat-option.mat-mdc-option-active,
  .blue .mat-mdc-autocomplete-panel .mat-option.mat-selected:hover,
  .blue .mat-mdc-autocomplete-panel .mat-option.mat-selected.mat-active,
  .blue .mat-mdc-autocomplete-panel .mat-option.mat-selected.mat-mdc-option-active,
  .blue .mat-mdc-autocomplete-panel .mat-mdc-option:hover,
  .blue .mat-mdc-autocomplete-panel .mat-mdc-option.mat-active,
  .blue .mat-mdc-autocomplete-panel .mat-mdc-option.mat-mdc-option-active,
  .blue .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:hover,
  .blue .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected.mat-active,
  .blue .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected.mat-mdc-option-active {
    background-color: rgba(26, 26, 51, 0.05) !important;
  }
}
.blue .headerContainer {
  background-color: #f5f5f7;
  border-bottom: 1px solid #d9dbde;
  box-shadow: none;
}
.blue .headerContainer.headerContainer__noBorder {
  border-bottom: none;
}
.blue.singlePage .headerContainer {
  box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.2);
}
.blue.singlePage .headerContainer.headerContainer__noBoxShadow {
  border-bottom: none;
  box-shadow: none;
}
.blue .sectionList__emptyViewImage--bookingList {
  background-image: url('ic-keine-ergebnisse-buli-96-blue.svg');
}
.blue.singlePage .detailsHeader .detailsHeader__toolbar {
  background-color: #FFFFFF;
}
.blue .detailsFooter {
  background-color: #f5f5f7;
  border-top: 1px solid #d9dbde;
}
.blue .mat-calendar {
  background-color: #fcfcfc;
}
.blue .mat-calendar .mat-calendar-arrow {
  border-top-color: rgba(0, 19, 51, 0.38);
  fill: var(--key-color);
}
.blue .mat-calendar .mat-calendar-previous-button, .blue .mat-calendar .mat-calendar-next-button {
  color: rgba(0, 19, 51, 0.64) !important;
}
.blue .mat-calendar .mat-calendar-previous-button[disabled=true], .blue .mat-calendar .mat-calendar-next-button[disabled=true] {
  color: rgba(0, 19, 51, 0.38) !important;
}
.blue .mat-calendar .mat-calendar-previous-button:not([disabled=true]):hover, .blue .mat-calendar .mat-calendar-next-button:not([disabled=true]):hover {
  background-color: rgba(26, 26, 51, 0.05);
}
.blue .mat-calendar .mat-calendar-previous-button .mat-ripple-element, .blue .mat-calendar .mat-calendar-next-button .mat-ripple-element {
  background-color: rgba(26, 26, 51, 0.05) !important;
}
.blue .mat-calendar .mat-calendar-table-header th {
  color: rgba(0, 19, 51, 0.68);
}
.blue .mat-calendar .mat-calendar-table-header .mat-calendar-table-header-divider::after {
  background-color: #d9dbde !important;
}
.blue .mat-calendar .mat-calendar-body .mat-calendar-body-label {
  color: #001333;
}
.blue .mat-calendar .mat-calendar-body .mat-calendar-body-cell .mat-calendar-body-cell-content {
  border-width: 0;
  color: #001333;
}
.blue .mat-calendar .mat-calendar-body .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-selected {
  color: white;
}
.blue .mat-calendar .mat-calendar-body .mat-calendar-body-cell.mat-calendar-body-disabled .mat-calendar-body-cell-content {
  color: rgba(0, 19, 51, 0.38);
}
.blue .mat-calendar .mat-calendar-body .mat-calendar-body-today {
  border-color: #001333;
}
.blue .mat-calendar .mat-calendar-body .mat-calendar-body-selected {
  background-color: var(--key-color);
}
.blue .mat-calendar .mat-calendar-body .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  background-color: rgba(26, 26, 51, 0.05);
}
.blue .mat-calendar .mat-calendar-body .mat-calendar-body-in-range::before {
  background-color: rgba(var(--key-color-rgb), 0.2);
}
.blue .mat-datepicker-actions {
  background-color: #fcfcfc;
}
.blue .typeCard {
  background-color: #f5f5f7;
}
.blue .typeCard.typeCard--creditCard .typeCard__icon {
  background-image: url('logo_kreditkarten.svg');
}
.blue .typeCard.typeCard--outbank .typeCard__icon {
  background-image: url('logo-outbank-import-56.svg');
}
.blue .typeCard.typeCard--moreBanks .typeCard__icon {
  width: 48px !important;
  height: 48px !important;
  margin-top: 24px !important;
  margin-bottom: 4px !important;
}
.blue .bankSearchEmpty .bankSearchEmpty__icon {
  background-image: url('ic_bank_twotone_96_blue@2x.png');
}
.blue .status .status__cardImage.status__cardImage--group {
  background-color: #EDEEF2;
}
.blue .status .status__cardImage.status__cardImage--group .accountGroup__image.accountGroup__image--overflow {
  background-color: #f0f0f2;
}
.blue .takePhoto {
  border: 4px solid #001333;
}
.blue .takePhoto.takePhoto--disabled {
  border-color: rgba(0, 19, 51, 0.38);
}
.blue .takePhoto.takePhoto--disabled .takePhoto__inner {
  background-color: rgba(0, 19, 51, 0.38);
}
.blue .takePhoto .takePhoto__inner {
  background-color: #001333;
}
.blue .cameraUnavailableOverlay {
  background-color: #edeef2;
}
.blue .mat-date-range-input input::placeholder {
  color: rgba(0, 19, 51, 0.38);
}
.blue .mat-date-range-input .mat-date-range-input-start-wrapper {
  line-height: 20px;
}
.blue .mat-date-range-input .mat-date-range-input-separator {
  font-size: 14px;
  line-height: 20px;
  margin-left: 4px;
  margin-right: 4px;
  color: #001333;
}
.blue .mat-snack-bar-container {
  background-color: #024A9D;
  color: white;
  border-radius: 8px;
  overflow: hidden;
}
.blue .mat-snack-bar-container.mat-snack-bar-container-with-button {
  padding: 14px 8px 8px 16px;
}
.blue .pageBackground {
  background-color: #fcfcfc;
}
.blue .donutChart .donutChart__shadow {
  background-image: url('grafik-schatten-piechart-hell@2x.png');
}
.blue .highcharts-axis-labels {
  font-size: 12px;
  letter-spacing: 0.03333em;
  line-height: 16px;
  fill: rgba(0, 19, 51, 0.68);
}
.blue .highcharts-grid.highcharts-yaxis-grid {
  stroke: #e8e9ed;
}
.blue .highcharts-xaxis .highcharts-axis-line {
  stroke: rgba(0, 19, 51, 0.38);
  stroke-width: 2;
}
.blue .highcharts-xaxis.highcharts-xaxis-tick-line .highcharts-tick {
  stroke: rgba(0, 19, 51, 0.38);
}
.blue .highcharts-plot-line.highcharts-plot-line-zero {
  stroke: #001333;
}
.blue .highcharts-tooltip-box {
  fill: #fcfcfc;
}
.blue .highcharts-tooltip {
  filter: none;
}
.blue .highcharts-label-box {
  fill: #fcfcfc;
}
.blue .highcharts-variablepie-series .highcharts-point {
  stroke-width: 0.5px;
}
.blue .highcharts-area-series .highcharts-graph.zone-negative {
  stroke: #F20030;
}
.blue .highcharts-sunburst-series .highcharts-point {
  stroke: #EDEEF2 !important;
}
.blue .highcharts-sankey-series text {
  fill: #001333;
}
.blue .budgetsContent .budgetsContent__budget .budget__budgetGraphic .budgetGraphic__overlay {
  background-color: #EDEEF2;
}
.blue .budgetsContent .budgetsContent__budget .budget__budgetGraphic .budgetGraphic__usedArea {
  background-color: rgba(0, 25, 68, 0.07);
}
.blue .budgetsContent .budgetsContent__budget .budget__budgetGraphic .budgetGraphic__usedArea .budgetGraphic__usedFill {
  background-color: #00B762;
}
.blue .budgetsContent .budgetsContent__budget .budget__budgetGraphic .budgetGraphic__usedArea .budgetGraphic__usedFill.budgetGraphic__usedFill--exceeded {
  background-color: #F20030;
}
.blue .budgetsContent .budgetsContent__budget .budget__budgetGraphic .budgetGraphic__usedArea .budgetGraphic__usedFill.budgetGraphic__usedFill--nearlyAllUsed {
  background-color: #FFC107;
}
.blue .budgetsContent .budgetsContent__budget .budget__budgetGraphic .budgetGraphic__usedArea .budgetGraphic__usedText {
  color: #001333;
}
.blue .budgetsContent .budgetsContent__budget .budget__budgetGraphic .budgetGraphic__usedArea .budgetGraphic__usedText.budgetGraphic__usedText--inside {
  color: white;
}
.blue .budgetsContent .budgetsContent__budget .budget__budgetGraphic .budgetGraphic__separator .separator__dot {
  background-color: #001333;
}
.blue .budgetsContent .budgetsContent__budget .budget__budgetGraphic .budgetGraphic__exceededArea {
  background-color: rgba(242, 0, 48, 0.16);
}
.blue .budgetsContent .budgetsContent__budget .budget__budgetGraphic .budgetGraphic__exceededArea.budgetGraphic__exceededArea--filled {
  background-color: unset;
  background-image: linear-gradient(135deg, #f20030 25%, #fa9eb0 25%, #fa9eb0 50%, #f20030 50%, #f20030 75%, #fa9eb0 75%, #fa9eb0 100%);
}
.blue .budgetsContent .budgetsContent__budget .budget__remainingDaysGraphic {
  background-color: rgba(0, 25, 68, 0.07);
}
.blue .budgetsContent .budgetsContent__budget .budget__remainingDaysGraphic .budget__elapsedDaysGraphic {
  background-color: #001333;
}
.blue .budgetsContent .budgetsContent__empty .empty__icon.empty__icon--generic {
  background-image: url('ic-keine-ergebnisse-buli-96-blue.svg');
}
.blue .budgetDialog__page {
  background-color: #fcfcfc;
}
.blue .budgetDialog input::placeholder {
  color: rgba(0, 19, 51, 0.38);
}
.blue .budgetDialog .budgetDialogRow {
  background-color: #f0f0f2;
  cursor: pointer;
}
@media (hover: hover) {
  .blue .budgetDialog .budgetDialogRow.budgetDialogRow--interactive:hover:not(.budgetDialogRow--interactive--noHover) {
    background-color: #E3E3E6;
  }
}
.blue .budgetDialog .budgetDialogRow:focus-within {
  background-color: #E3E3E6;
}
.blue .budgetDialog .budgetDialog__contentRow .contentRow__iconAlert {
  background-color: #FA7D19;
}
.blue .taxYearChooser {
  border: solid 1px rgba(0, 25, 68, 0.14);
}
@media (hover: hover) {
  .blue .taxYearChooser:focus-within {
    border-color: var(--key-color);
  }
}
.blue .taxYearChooser > * {
  flex: none;
}
.blue .detailsContent .documentsContent .document.document--existing {
  border: solid 1px rgba(0, 25, 68, 0.2);
}
.blue .addDocumentDialog .loading {
  background-color: #fcfcfc;
}
.blue .addDocumentDialog .loading .loading__image {
  background-image: url('datei-hochladen-light@2x.gif');
}
.blue .documentEmptyImage {
  background-image: url('ic-dokument-twotone-96-h.svg');
}
.blue .documentListSection .documentListSection__header {
  background-color: #f0f0f2;
}
.blue .documentListSection .documentListSection__header.documentListSection__header--mainBackground {
  background-color: #fcfcfc;
}
.blue .documentListSection .folderSuggestionContainer__content {
  background-color: #E2EEFB;
}
.blue .dropDownMenuButton {
  border: solid 1px rgba(0, 19, 51, 0.2);
}
.blue .dropDownMenuButton.dropDownMenuButton--focused {
  border: solid 1px rgba(0, 19, 51, 0.38);
  background-color: rgba(26, 26, 51, 0.05);
}
.blue .dropDownMenuButton.dropDownMenuButton--iconOnly {
  border: none;
}
.blue .documentCell.documentCell--selected {
  background-color: rgba(var(--key-color-rgb), 0.12);
}
.blue .documentCell .documentCell__previewLoadingContainer {
  background-color: #f5f5f7;
  border: solid 1px #d9dbde;
}
.blue .documentCell .documentCell__previewLoadingContainer.documentCell__previewLoadingContainer--large {
  background-color: #fcfcfc;
  border: none;
}
.blue .documentCell .documentCell__previewContainer {
  background-color: #f5f5f7;
  border: solid 1px #d9dbde;
}
.blue .documentCell .documentCell__previewContainer.documentCell__previewContainer--large {
  background-color: #fcfcfc;
}
.blue .documentCell .documentCell__multiplePreviewContainer .documentCell__preview {
  border: solid 1px #d9dbde;
  background-color: #EDEEF2;
}
.blue .documentCell .documentCellOverlay {
  background-color: #f5f5f7;
}
.blue .documentCell .documentCellOverlay .documentCellOverlay__detailsContainer .documentCellOverlay__detailsDivider {
  background-color: #E8E9ED;
}
.blue .documentCell .documentCellOverlay .documentCellOverlay__detailsContainer .documentCellOverlay__tagsContainer .documentCellOverlay__tagEntry {
  color: #001333;
  background-color: #E8E9ED;
}
.blue .documentCell .documentCell__badgeContainer .documentCell__tagContainer .documentCell__tag {
  background-color: #001333;
  border: solid 1px transparent;
}
.blue .documentCell .documentCell__badgeContainer .documentCell__dueIndicator--open {
  background-color: rgba(0, 19, 51, 0.68);
}
.blue .documentCell .documentCell__badgeContainer .documentCell__dueIndicator--dueSoon {
  background-color: #FFC107;
}
.blue .documentCell .documentCell__badgeContainer .documentCell__dueIndicator--due {
  background-color: #F20030;
}
.blue .documentCell .documentCell_indicatorContainer .documentCell_indicator {
  background-color: #d9dbde;
}
.blue .documentCell__counter {
  background-color: #d9dbde;
}
.blue .documentRowCell.documentRowCell--selected {
  background-color: rgba(var(--key-color-rgb), 0.12);
}
@media (hover: hover) {
  .blue .documentRowCell:not(.documentRowCell--selected):not(.documentRowCell--hoveringLeftContainer):hover {
    background-color: rgba(26, 26, 51, 0.05);
  }
  .blue .documentRowCell .documentRowCell__leftContainer:not(.documentRowCell__leftContainer--noHover):hover {
    background-color: rgba(26, 26, 51, 0.05);
  }
}
.blue .documentRowCell .documentRowCell__previewLoadingContainer {
  background-color: #f5f5f7;
  border-color: #d9dbde;
}
.blue .documentRowCell .documentRowCell__previewContainer {
  background-color: #f5f5f7;
  border-color: #d9dbde;
}
.blue .checkmark__soon {
  color: #ee9f00;
}
.blue .documentRowCell__middleRow .uncheckedHint {
  color: #ee9f00;
}
.blue .documentRowCell__tag {
  background-color: #f0f0f2;
}
.blue .assignedBookingInfos {
  border: solid 1px #e8e9ed;
}
.blue .documentPreviewContainer .documentPreviewContainer__background {
  background-color: #f5f5f7;
  border: solid 1px #d9dbde;
}
.blue .subDocument {
  border: solid 1px rgba(0, 25, 68, 0.2);
}
@media (hover: hover) {
  .blue .documentInfoContainer__row--clickable:hover .text:last-child span {
    background-color: #e8e9ed;
  }
}
.blue .documentInfoContainer__divider {
  background-color: #E8E9ED;
}
.blue .documentDetailsRow--button {
  background-color: #f0f0f2;
}
@media (hover: hover) {
  .blue .documentDetailsRow:not(.documentDetailsRow--noHover):hover {
    background-color: #F2F3F7;
  }
}
.blue .portalDocumentDownloadContainer__buttonContainer {
  background-color: #f0f0f2;
}
.blue .documentDetails .previewImage {
  border: solid 1px #d9dbde;
}
.blue .areaFab .areaFab__button {
  background-color: #FFFFFF;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
}
.blue .areaFab .areaFab__circle {
  box-shadow: 0 0 5px -3px rgba(0, 0, 0, 0.2), 0 0 10px 1px rgba(0, 0, 0, 0.14), 0 0 14px 2px rgba(0, 0, 0, 0.12);
}
.blue .bonusCardDialog__page {
  background-color: #fcfcfc;
}
.blue .bonusCardsCameraErrorImage {
  background-image: url('ic-keine-kamera-two-tone-96-h.svg');
}
.blue .bonusCardDialogDeleteRow {
  background-color: #fcfcfc;
  cursor: pointer;
}
.blue .mat-chip-list.mat-chip-list__centered,
.blue .mat-mdc-chip-set.mat-chip-list__centered,
.blue .mat-mdc-chip-grid.mat-chip-list__centered {
  display: flex;
  justify-content: center;
}
.blue .mat-chip-list.mat-chip-list__centered .mat-chip-list-wrapper,
.blue .mat-chip-list.mat-chip-list__centered .mdc-evolution-chip-set__chips,
.blue .mat-chip-list.mat-chip-list__centered .mat-mdc-chip-set-chips,
.blue .mat-chip-list.mat-chip-list__centered .mat-mdc-chip-grid-chips,
.blue .mat-mdc-chip-set.mat-chip-list__centered .mat-chip-list-wrapper,
.blue .mat-mdc-chip-set.mat-chip-list__centered .mdc-evolution-chip-set__chips,
.blue .mat-mdc-chip-set.mat-chip-list__centered .mat-mdc-chip-set-chips,
.blue .mat-mdc-chip-set.mat-chip-list__centered .mat-mdc-chip-grid-chips,
.blue .mat-mdc-chip-grid.mat-chip-list__centered .mat-chip-list-wrapper,
.blue .mat-mdc-chip-grid.mat-chip-list__centered .mdc-evolution-chip-set__chips,
.blue .mat-mdc-chip-grid.mat-chip-list__centered .mat-mdc-chip-set-chips,
.blue .mat-mdc-chip-grid.mat-chip-list__centered .mat-mdc-chip-grid-chips {
  justify-content: center;
}
.blue .mat-chip.mat-standard-chip,
.blue .mat-mdc-chip:not(.mdc-evolution-chip--disabled) {
  background-color: rgba(var(--key-color-rgb), 0.12) !important;
  color: #001333;
  border: solid 1px var(--key-color);
  --mdc-chip-container-shape: 16px;
  --mdc-chip-label-text-size: 14px;
  --mat-chip-elevated-container-color: transparent;
  margin: 4px !important;
  padding-right: 8px !important;
  height: 33px !important;
}
.blue .mat-chip.mat-standard-chip .mdc-chip__text-label,
.blue .mat-mdc-chip:not(.mdc-evolution-chip--disabled) .mdc-chip__text-label {
  color: inherit;
  padding-right: 0 !important;
}
@media (hover: hover) {
  .blue .mat-chip.mat-standard-chip:not([removable=true]):hover,
  .blue .mat-mdc-chip:not(.mdc-evolution-chip--disabled):not([removable=true]):hover {
    background-color: #E3E3E6;
  }
}
.blue .mat-chip.mat-standard-chip.mat-chip-unselected,
.blue .mat-mdc-chip:not(.mdc-evolution-chip--disabled).mat-chip-unselected {
  background-color: #f0f0f2 !important;
  border: none;
  cursor: pointer;
  --mat-chip-elevated-container-color: #f0f0f2;
  padding-right: 12px !important;
}
.blue .mat-chip.mat-standard-chip .mat-ripple-element,
.blue .mat-mdc-chip:not(.mdc-evolution-chip--disabled) .mat-ripple-element {
  background-color: rgba(26, 26, 51, 0.05);
}
.blue .mat-chip.mat-standard-chip .mat-chip-remove,
.blue .mat-chip.mat-standard-chip .mat-mdc-chip-remove,
.blue .mat-chip.mat-standard-chip [matChipRemove],
.blue .mat-mdc-chip:not(.mdc-evolution-chip--disabled) .mat-chip-remove,
.blue .mat-mdc-chip:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-remove,
.blue .mat-mdc-chip:not(.mdc-evolution-chip--disabled) [matChipRemove] {
  color: rgba(0, 19, 51, 0.64);
  display: flex !important;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
  visibility: visible !important;
  min-width: 20px;
  min-height: 20px;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0 0 0 4px;
  position: relative;
  overflow: visible;
}
@media (hover: hover) {
  .blue .mat-chip.mat-standard-chip .mat-chip-remove:hover,
  .blue .mat-chip.mat-standard-chip .mat-mdc-chip-remove:hover,
  .blue .mat-chip.mat-standard-chip [matChipRemove]:hover,
  .blue .mat-mdc-chip:not(.mdc-evolution-chip--disabled) .mat-chip-remove:hover,
  .blue .mat-mdc-chip:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-remove:hover,
  .blue .mat-mdc-chip:not(.mdc-evolution-chip--disabled) [matChipRemove]:hover {
    color: #001333;
  }
}
.blue .mat-chip.mat-standard-chip .mat-chip-remove i,
.blue .mat-chip.mat-standard-chip .mat-mdc-chip-remove i,
.blue .mat-chip.mat-standard-chip [matChipRemove] i,
.blue .mat-mdc-chip:not(.mdc-evolution-chip--disabled) .mat-chip-remove i,
.blue .mat-mdc-chip:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-remove i,
.blue .mat-mdc-chip:not(.mdc-evolution-chip--disabled) [matChipRemove] i {
  color: inherit;
  display: block;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
}
.blue .mat-chip.mat-standard-chip .mat-chip-remove .mat-mdc-button-touch-target,
.blue .mat-chip.mat-standard-chip .mat-mdc-chip-remove .mat-mdc-button-touch-target,
.blue .mat-chip.mat-standard-chip [matChipRemove] .mat-mdc-button-touch-target,
.blue .mat-mdc-chip:not(.mdc-evolution-chip--disabled) .mat-chip-remove .mat-mdc-button-touch-target,
.blue .mat-mdc-chip:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-remove .mat-mdc-button-touch-target,
.blue .mat-mdc-chip:not(.mdc-evolution-chip--disabled) [matChipRemove] .mat-mdc-button-touch-target {
  display: none;
}
.blue .addDocumentBookingPage {
  background-color: #fcfcfc;
}
.blue .addDocumentBookingList .document__preview {
  border: solid 1px rgba(0, 25, 68, 0.2);
}
.blue .addDocumentBookingDetails .details .details__amountRow .amountRow__amount {
  background: rgba(0, 200, 83, 0.08);
}
.blue .addDocumentBookingDetails .details .details__amountRow .amountRow__amount.amountRow__amount--negative {
  background: rgba(255, 0, 0, 0.1);
}
.blue .addDocumentSection__header {
  background-color: #f0f0f2;
}
.blue .documentOrderBasketCell.documentOrderBasketCell--selected {
  background-color: rgba(var(--key-color-rgb), 0.12);
}
@media (hover: hover) {
  .blue .documentOrderBasketCell:not(.documentOrderBasketCell--selected):not(.documentOrderBasketCell--hoveringLeftContainer):hover {
    background-color: rgba(26, 26, 51, 0.05);
  }
  .blue .documentOrderBasketCell .documentOrderBasketCell__leftContainer:not(.documentOrderBasketCell__leftContainer--noHover):hover {
    background-color: rgba(26, 26, 51, 0.05);
  }
}
.blue .documentListSection__divider {
  background-color: #e8e9ed;
}
.blue .orderBasketTransfer .orderBasketTransfer__select {
  border: 1px solid rgba(0, 25, 68, 0.14);
}
.blue .orderBasketUpdated .orderBasketUpdated__image {
  background-image: url('order-basket-updated-h.svg');
}
.blue .offer {
  background-color: #f5f5f7;
}
.blue .offer__securitiesPopup {
  background-color: #001333;
  color: #FFFFFF;
}
.blue .drillUpChip {
  border-color: rgba(0, 25, 68, 0.14) !important;
}
.blue .eCommerceCardsEmptyPageImage {
  background-image: url('ic-shopping-two-tone-96-blue.svg');
}
.blue .addressContent .image.image--addAddress {
  background-image: url("/assets/grafiken/addresses/ic-neuer-kontakt-light-72.svg");
}
.blue .addressContent .image.image--editAddress {
  background-image: url("/assets/grafiken/addresses/ic-kontaktdetails-light-72.svg");
}
.blue .docutain {
  background-color: #EDEEF2;
}
.blue .cdk-overlay-dark-backdrop {
  background: rgba(0, 19, 51, 0.3);
}
.blue .loginBaseContainer {
  background-color: #f5f5f7;
}
.blue .loginBaseContainer .loginContainer {
  background-color: #fff;
  border: 1px solid #e8e9ed;
}
.blue .loginBaseContainer .loginContainer .loginContainer__icon {
  background-image: url('fb-logo-light.svg');
}
.blue .videoContainer .modeSwitch {
  color: #ffffff;
  background-color: rgba(0, 19, 51, 0.3);
}
.blue .swipeRevealItem.swipeRevealItem--backgroundKeyColor {
  background-color: var(--key-color);
}
.blue .swipeRevealItem.swipeRevealItem--background {
  background-color: #5C6C87;
}
.blue .swipeRevealItem.swipeRevealItem--foregroundWhite {
  color: #FFFFFF;
}
.blue .bonusCardDialogSpinner {
  background-color: #fcfcfc;
}
.blue .addBookingDocumentPage {
  background-color: #fcfcfc;
}
.blue .bookingDocumentSectionHeader {
  background-color: #f0f0f2;
}
.blue .addBookingDocumentPreview .addBookingDocumentPreview__header {
  background-color: #f5f5f7;
  border-bottom: 1px solid #d9dbde;
}
.blue .outbankAccount .addCard {
  border-color: #001333;
}
.blue .flyoutOverlay {
  background-color: rgba(0, 19, 51, 0.3);
}
.blue .menuOverlay {
  background-color: rgba(0, 19, 51, 0.3);
}
.blue .flyoutMenu {
  background-color: #f5f5f7;
}
.blue .sidebarMenu {
  background-color: #e8e9ed;
  border-color: #d9dbde;
}
.blue .sidebarMenu .openFlyoutButton .openFlyoutButton--newContent {
  outline: 2px solid #e8e9ed;
}
.blue .sidebarMenu .sidebarMenuShadow {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.11));
}
.blue .exceededBudgetNotification {
  background-color: #F20030;
}
.blue .expensesSwitch {
  background-image: url('ic_cat_erhaltene_gutschriften_32_light.svg');
}
.blue .incomesSwitch {
  background-image: url('ic_cat_ausgestellte_gutschriften_32_light.svg');
}
.blue .document--new .addButton {
  background-color: #f0f0f2;
}
.blue .upcomingOrderListSection .upcomingOrderListSection__header {
  background-color: #f0f0f2;
}
.blue .upcomingOrderListSection .upcomingOrderListSection__divider {
  background-color: #e8e9ed;
}
.blue .journalTeaserDialog .image {
  background-image: url('grafik-finanzblick-journal-light.svg');
}
.blue .keywordContent .keyword__attached {
  background-color: rgba(var(--key-color-rgb), 0.12);
}
.blue .keywordContent .keyword__addFromSearch {
  background-color: #00B762;
}
.blue .keywordContent .keywordEdit__inputContainer .keywordEdit__input {
  background-color: #f0f0f2;
}
.blue .keywordContent .keywordEdit__inputContainer .keywordEdit__input::placeholder {
  color: rgba(0, 19, 51, 0.38);
}
.blue .keywordContent .keywordEdit__inputContainer .keywordEdit__input:focus-within {
  background-color: #e3e3e6;
}
@media (hover: hover) {
  .blue .keywordContent .keywordEdit__inputContainer .keywordEdit__input:hover {
    background-color: #e3e3e6;
  }
}
.blue .flyoutMenu .userInitials {
  background-image: linear-gradient(to bottom, #003d72, #001333);
}
.blue .mat-input-element {
  caret-color: unset;
}
.blue .depotPositionList__performance {
  background-color: #f0f0f2;
}
.blue .prognosticatedBookingListSection .prognosticatedBookingListSection__header {
  background-color: #f0f0f2;
}
.blue .prognosticatedBookingListSection .prognosticatedBookingListSection__divider {
  background-color: #e8e9ed;
}
.blue .paybackHeader {
  border-bottom: #d9dbde 1px solid;
}
.blue .accountsContent .bookingsContainer .bookingsHeader {
  border-bottom: #d9dbde 1px solid;
}
.blue .accountsContent .bookingsContainer .bookingsHeader.bookingsHeader--migration {
  background-color: rgba(var(--key-color-rgb), 0.12);
}
.blue .imageArchiveGroup {
  border-color: #001333;
  color: #001333;
}
.blue .imageArchiveGroup.imageArchiveGroup--faded {
  border-color: rgba(0, 19, 51, 0.68);
  color: rgba(0, 19, 51, 0.68);
}
.blue .unreadNewsCard {
  background-color: rgba(var(--key-color-rgb), 0.12);
}
.blue .mat-tooltip {
  color: #FFFFFF;
  background-color: rgba(0, 19, 51, 0.9);
  animation-duration: 100ms;
}
.blue .customBonusCardEntry .customBonusCardEntry__Icon {
  background-color: #f5f5f7;
}
.blue .welcome .topPicture {
  background-image: url('welcome-bookings-light.png');
}
.blue .welcome .topPicture.topPicture--tax:not(.topPicture--second) {
  background-image: url('welcome-tax-light.png');
}
.blue .welcome .topPicture.topPicture--second {
  background-image: url('welcome-accounts-light.png');
}
.blue .welcome .buttonContainer.buttonContainer--overflow {
  background-color: #f5f5f7;
}
.blue .welcome .requiredStuff {
  background-color: #f5f5f7;
}
.blue .monetizationDialog__page {
  background-color: #fcfcfc;
}
.blue .monetizationDialog__page .footer.footer--overflow {
  background-color: #f5f5f7;
}
.blue .monetizationDialog__page .button.button--disabled {
  background-color: rgba(26, 26, 51, 0.05) !important;
}
.blue .dragAndDropOverlay {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 16px;
  z-index: 2000;
  color: var(--key-color);
  background-color: rgba(255, 255, 255, 0.85);
  pointer-events: none;
  border: dashed 2px var(--key-color);
  border-radius: 4px;
}
.blue .document-tooltip {
  background-color: #d9dbde;
}
.blue .documentDialog {
  background-color: #f5f5f7;
}
.blue .controlBar {
  background-color: #001333;
}
.blue .documentFolderPickerDialog__page {
  background-color: #fcfcfc;
}
.blue .accountContainer {
  background-color: #f5f5f7;
  border-bottom: 1px solid #d9dbde;
}
.blue .contractContainer {
  background-color: #f5f5f7;
  border-bottom: 1px solid #d9dbde;
}
.blue .yearPicker .yearPicker__previousNextButton, .blue .yearPicker .yearPicker__wholeYearButton {
  border: solid 1px rgba(0, 25, 68, 0.14);
}
.blue .yearPicker .yearPicker__previousNextButton.yearPicker__wholeYearButton--selected, .blue .yearPicker .yearPicker__wholeYearButton.yearPicker__wholeYearButton--selected {
  background-color: rgba(var(--key-color-rgb), 0.12);
  border: solid 1px var(--key-color);
}
.blue .monthPicker .monthPicker__button {
  background-color: #f0f0f2;
}
.blue .monthPicker .monthPicker__button.monthPicker__button--selected {
  background-color: rgba(var(--key-color-rgb), 0.12);
  border: solid 1px var(--key-color);
}
.blue .tagPicker .tagPicker__button {
  background-color: #f0f0f2;
}
.blue .tagPicker .tagPicker__button.tagPicker__button--selected {
  background-color: rgba(var(--key-color-rgb), 0.12);
  border: solid 1px var(--key-color);
}
.blue .openInvoicesOnlyButton {
  background-color: #f0f0f2;
}
.blue .openInvoicesOnlyButton.openInvoicesOnlyButton--selected {
  background-color: rgba(var(--key-color-rgb), 0.12);
  border: solid 1px var(--key-color);
}
.blue .dokublickWelcome .topPicture {
  background-image: url('dokublick-onboarding-light.png');
}
.blue .dokublickWelcome .buttonContainer.buttonContainer--overflow {
  background-color: #f5f5f7;
}
.blue .dokublickWelcome .requiredStuff {
  background-color: #f5f5f7;
}
.blue .subscriptionsContainer .subscriptionContainer.subscriptionContainer--subscribed .subscriptionHeader {
  background-color: #2E8AF7;
}
.blue .subscriptionsContainer .subscription {
  background-color: #FFFFFF;
}
.blue .subscription .greyBox, .blue .module .greyBox {
  background-color: #EDEEF2;
}
.blue .modulesContainer .module {
  background-color: #FFFFFF;
}
.blue .dokublickSubscriptionSettingsBackground {
  background-color: #f0f0f2;
}
.blue .circleFill.circleFill--primaryText {
  border-color: #001333;
}
.blue .circleFill.circleFill--primaryText .circleFill__circle {
  stroke: #001333 !important;
}
.blue .circleFill.circleFill--secondaryText {
  border-color: rgba(0, 19, 51, 0.68);
}
.blue .circleFill.circleFill--secondaryText .circleFill__circle {
  stroke: rgba(0, 19, 51, 0.68) !important;
}
.blue .circleFill.circleFill--variable {
  border-color: #FFAD08;
}
.blue .circleFill.circleFill--variable .circleFill__circle {
  stroke: #FFAD08 !important;
}
.blue .circleFill.circleFill--expenses {
  border-color: #F20030;
}
.blue .circleFill.circleFill--expenses .circleFill__circle {
  stroke: #F20030 !important;
}
.blue .circleFill.circleFill--white {
  border-color: white;
}
.blue .circleFill.circleFill--white .circleFill__circle {
  stroke: white !important;
}
.blue .subscriptionInfo .greyBox {
  background-color: #F0F0F2;
}
.blue .usageBar {
  background-color: #F0F0F2;
}
.blue .usageBar .usageBar__fill {
  background-color: #00B762;
}
.blue .usageBar .usageBar__fill.usageBar__fill--exceeded {
  background-color: #F20030;
}
.blue .usageBar .usageBar__fill.usageBar__fill--nearlyAllUsed {
  background-color: #FFC107;
}
.blue .usageBar .usageBar__fill.usageBar__fill--disabled {
  background-color: rgba(0, 19, 51, 0.38);
}
.blue .usageBar .usageBar__fill.usageBar__fill--primaryText {
  background-color: #001333;
}
.blue .exceededDisplay {
  background-color: #F0F0F2;
}
.blue .exceededDisplay.exceededDisplay--exceeded {
  background-color: #F20030;
}
.blue .documentLimit .documentLimit--image {
  background-image: url('grafik-limit-ueberschritten-light.svg');
}
.blue .documentLimit .greyBox {
  background-color: #F0F0F2;
}
.blue .documentLimit .greyBox .boxIconBackground {
  background-color: rgba(26, 26, 51, 0.05);
}
.blue .documentLimit .greyBox .boxIconBackground.limitIcon {
  background-color: rgba(255, 0, 0, 0.16);
}
.blue .documentLimitDivider {
  background-color: #e8e9ed;
}
.blue .documentLimitButtonContainer.documentLimitButtonContainer--overflow {
  background-color: #f5f5f7;
}
.blue .quotaExceededCard {
  background-image: linear-gradient(to bottom, #5f6672, #707987);
}
.blue.singlePage .quotaExceededCard {
  padding: 0;
}
.blue .portalStatement.portalStatement--selected {
  background-color: rgba(var(--key-color-rgb), 0.12);
}
@media (hover: hover) {
  .blue .portalStatement:not(.portalStatement--selected):not(.portalStatement--hoveringLeftContainer):hover {
    background-color: rgba(26, 26, 51, 0.05);
  }
  .blue .portalStatement .portalStatement__leftContainer:not(.portalStatement__leftContainer--noHover):hover {
    background-color: rgba(26, 26, 51, 0.05);
  }
}
.blue .portalStatement .portalStatement__leftContainer {
  border-color: #d9dbde;
  background-color: #f5f5f7;
}
.blue .taxDocumentsMainSection.taxDocumentsMainSection--displayDocument .documentContentContainer {
  box-shadow: 0 0 0 1px #d9dbde;
}
.blue .detailsPurpose {
  background-color: #f0f0f2;
}
.blue .pageIndicators {
  background-color: #fcfcfc;
}
.blue .pageIndicators .indicator {
  background-color: rgba(0, 19, 51, 0.16);
}
.blue .taxExtra {
  background-color: #f0f0f2;
}
.blue .inbox__header.inbox__header--small {
  background-color: #E8E9ED;
}
.blue .inbox__largeContainer .inboxLeft {
  background-color: #f5f5f7;
}
.blue .inbox__mediumContainer .inboxDocument {
  background-color: #f5f5f7;
}
.blue .inbox__smallContainer .inboxDocumentContainer {
  background-color: #E8E9ED;
}
.blue .inbox__smallContainer .inboxDocument {
  background-color: #f5f5f7;
}
.blue .inbox__smallContainer .inboxDocumentExpander {
  background-color: #fcfcfc;
}
.blue .inbox__header .inboxNextPrevious {
  border: 1px solid rgba(0, 19, 51, 0.2);
}
.blue .inbox__assign .assign__select {
  background-color: #f0f0f2;
}
.blue .inboxState {
  background-color: rgba(255, 173, 8, 0.4);
}
.blue .inboxAttachments .attachmentImage {
  background-color: #f5f5f7;
  border: solid 1px #d9dbde;
}
.blue .freePlanHint {
  background-color: #f5f5f7;
}
.blue.singlePage .freePlanHint {
  background-color: #f5f5f7;
}
.blue .freeDocumentHint {
  border-color: rgba(0, 19, 51, 0.2);
}
.blue .teaser-default-background {
  background-color: #f0f0f2;
}
.blue .currencyInput__signToggle {
  background-image: url('ic-vorzeichen-minus-light-24.svg');
}
.blue .currencyInput__signToggle.currencyInput__signToggle--positive {
  background-image: url('ic-vorzeichen-plus-light-24.svg');
}
.blue .mobileAppTeaser {
  background-color: #fcfcfc;
}
.blue .clarkSmallContainer .logo {
  background-image: url('logo-clark-koopereation-links-sp-light@2x.png');
}
.blue .clarkLargeContainer .logo {
  background-image: url('logo-clark-koopereation-rechts-light@2x.png');
}
.blue .clarkSmallContainer .ellipse, .blue .clarkLargeContainer .ellipse {
  background-color: #001333;
}
.blue .clarkSmallContainer .headerText, .blue .clarkLargeContainer .headerText {
  color: #0439d7;
}
.blue .orderBasketTransfer__noAccountPlaceholder {
  background-color: rgba(46, 138, 247, 0.12);
}
.blue .orderBasketTransferAccountSetupOnboarding .grayContainer {
  background-color: #f0f0f2;
}
.blue .orderBasketTransferAccountSetupOnboarding .grayContainer .divider {
  background-color: #d9dbde;
}
.blue .orderBasketTransfer .previewContainer {
  background-color: #E8E9ED;
}
.blue .orderBasketTransfer .previewContainer .previewImage {
  background-color: #f5f5f7;
}
.blue .orderBasketTransfer .previewContainer .previewExpander {
  background-color: #fcfcfc;
}
.blue .ocrCheckText {
  background-color: rgba(255, 173, 8, 0.4);
  color: #001333;
}
.blue .ocrCheckText .ocrCheckIcon {
  color: #001333;
}
.blue .categoryTree__nodeContainer--expandedBackground {
  background-color: #f5f5f7;
}
.blue .categoryTree__toggleContainer {
  background-color: #f0f0f2;
}
.blue .categoryTree__toggleContainer .categoryTree__toggleSelectedIndicator {
  background-color: #fcfcfc;
}
@media (hover: hover) {
  .blue .categoryTree__toggleContainer .categoryTree__toggleButton:hover {
    background-color: rgba(26, 26, 51, 0.05);
  }
}
.blue .multiSelectHeader__editButton {
  background-color: rgba(var(--key-color-rgb), 0.12);
  color: var(--key-color);
}
.blue .multiSelectHeader__editButton.multiSelectHeader__editButton--disabled {
  background-color: rgba(26, 26, 51, 0.05);
  color: rgba(0, 19, 51, 0.38);
  pointer-events: none;
}
.blue .bookingsHeader.bookingsHeader--authentication {
  background-color: rgba(255, 173, 8, 0.4);
}
.blue .deleteCategoryHint {
  background-color: #f0f0f2;
}
.blue .autobankingAd {
  background-image: url('grafik-autobanking-light.svg');
}
.blue .categoryEdit__toggleContainer {
  background-color: #f0f0f2;
}
.blue .categoryEdit__toggleContainer .categoryEdit__toggleSelectedIndicator {
  background-color: #fcfcfc;
}
@media (hover: hover) {
  .blue .categoryEdit__toggleContainer .categoryEdit__toggleButton:hover {
    background-color: rgba(26, 26, 51, 0.05);
  }
}
.blue .transactionParent__form .section-title {
  color: rgba(0, 19, 51, 0.38);
}
.blue .csvImportCustomization .columnAssignmentContainer .select mat-select {
  border-color: rgba(0, 19, 51, 0.2);
}
.blue .csvImportCustomization .columnAssignmentContainer .select mat-select .mat-select-placeholder {
  color: rgba(0, 19, 51, 0.68);
}
.blue .contractInfo .switch {
  background-color: #f0f0f2;
}
.blue .contractInfo .bubbleSelectContainer {
  border-color: #d9dbde;
}
.blue .contractEditDetail .switch {
  background-color: #f0f0f2;
}
.blue .bubbles .bubble {
  background-color: #f0f0f2;
}
.blue .bubbles .bubble.bubble--selected {
  background-color: rgba(var(--key-color-rgb), 0.12);
  outline: 1px solid var(--key-color);
}
@media (hover: hover) {
  .blue .contractDetails .contractDetails__detail:hover .text:last-child {
    background-color: #e8e9ed;
  }
}
.blue .contractDetails .contractDetails__reminderBubble {
  background-color: #FA7D19;
}
.blue .contractDetails .contractDetails__noteContent {
  background-color: #f0f0f2;
  color: #001333;
}
.blue .sectionList__contractsEmptyView .addButton {
  background-color: var(--key-color);
}
.blue .sectionList__contractsEmptyView .addButton.addButton--account {
  background-color: #FA7D19;
}
.blue .sectionList__contractsEmptyView .addButton.addButton--account.flatButtonRipple > .mat-ripple-element {
  background-color: #F7420D;
}
@media (hover: hover) {
  .blue .sectionList__contractsEmptyView .addButton.addButton--account.flatButtonRipple:not(.flatButtonRipple--noHover):hover {
    background-color: #F95F13;
  }
}
.blue .addDocumentSection .addDocumentSection__booking.addDocumentSection__booking--selected {
  background-color: rgba(var(--key-color-rgb), 0.12);
}
.blue .potentialContract {
  background-color: #d9eafe;
}
.blue .depotPerformance .timeRangeButton.timeRangeButton--selected {
  background-color: rgba(var(--key-color-rgb), 0.12);
}
.blue .cardListItem .reminderBubble {
  background-color: #ffad08;
}

body.black {
  background-color: #1c1c1c;
}

.black .text.text--colorPrimary {
  color: #FFFFFF;
}
.black .text.text--colorSecondary {
  color: rgba(255, 255, 255, 0.54);
}
.black .text.text--keyColor {
  color: var(--key-color);
}
.black .text.text--colorDisabled {
  color: rgba(255, 255, 255, 0.38);
}
.black .text.text--colorMenuHintergrund {
  color: #434343;
}
.black .text.text--error {
  color: #F20030;
}
.black .text.text--colorIncome {
  color: #00C853;
}
.black .text.text--colorExpenses {
  color: #FF0000;
}
.black .text.text--colorVariable {
  color: #FFC107;
}
.black .text.text--colorDokublickRecommended {
  color: #029D26;
}
.black .text.text--onVariable {
  color: #FFC107;
}
.black .background2 {
  background-color: #262626;
}
.black .mainBackground {
  background-color: #000000;
}
.black .errorPanel {
  background-color: rgba(242, 0, 48, 0.07);
}
.black .fb-border-h1-color {
  color: rgba(255, 255, 255, 0.2);
}
.black .fb-border-h1-border {
  border: solid 1px rgba(255, 255, 255, 0.2);
}
.black .taxFlexContainer .toggleContainer {
  background-color: #1c1c1c;
  border-bottom: 1px solid #262626;
}
.black .catDlg .catDlg__templateContainer {
  border-top: 1px solid #262626;
}
.black .catDlg .catDlg__wait {
  background-color: #121212;
}
.black.singlePage .catDlg .catDlg__templateContainer {
  max-height: unset;
}
.black .mat-tab-group-details .mat-mdc-tab-header {
  height: 65px !important;
  min-height: 65px !important;
  background-color: #1c1c1c !important;
}
.black .mat-tab-group-details .mat-mdc-tab .mdc-tab__ripple,
.black .mat-tab-group-details .mdc-tab .mdc-tab__ripple {
  --mdc-ripple-color: rgba(var(--key-color-rgb), 0.24);
  --mdc-ripple-hover-opacity: 0.16;
  --mdc-ripple-press-opacity: 1;
  --mdc-ripple-focus-opacity: 0.24;
}
.black .mat-tab-group-details .mat-mdc-tab {
  height: 65px !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
}
.black .mat-tab-group-details .mat-mdc-tab .mdc-tab__content {
  padding: 0 !important;
}
.black .mat-tab-group-details .mdc-tab-indicator__content.mdc-tab-indicator__content--underline {
  background-color: var(--key-color) !important;
  height: 2px !important;
  border: none !important;
  bottom: 0 !important;
  width: 100% !important;
}
.black .mat-tab-group-details .mdc-tab__content {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}
.black .mat-tab-group-details .mat-tab-label-icon-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
}
.black .mat-tab-group-details .mat-tab-label-icon {
  margin-bottom: 4px !important;
  margin-top: 12px !important;
}
.black .mat-tab-group-details .mdc-tab__text-label {
  color: rgba(255, 255, 255, 0.38) !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  margin-bottom: 14px !important;
}
.black .mat-tab-group-details .mdc-tab--active .mdc-tab__text-label, .black .mat-tab-group-details .mdc-tab--active .mat-tab-label-icon {
  color: var(--key-color) !important;
}
.black .cdk-overlay-pane:has(.transaction-parent),
.black .cdk-overlay-pane:has(.account-details-select) {
  margin-top: 4px !important;
  transform: translateY(0) !important;
  max-height: none !important;
}
.black .mat-mdc-select-panel.transaction-parent,
.black .mat-mdc-select-panel.account-details-select {
  margin-top: 4px !important;
  transform: translateY(0) !important;
  max-height: none !important;
  background-color: #262626 !important;
}
.black .mat-mdc-select-panel.transaction-parent .mat-mdc-option,
.black .mat-mdc-select-panel.account-details-select .mat-mdc-option {
  color: #FFFFFF !important;
  font-size: 14px !important;
}
.black .mat-mdc-select-panel.transaction-parent .mat-mdc-option .mdc-list-item__primary-text,
.black .mat-mdc-select-panel.account-details-select .mat-mdc-option .mdc-list-item__primary-text {
  color: #FFFFFF !important;
  font-size: 14px !important;
}
.black .mat-mdc-select-panel.transaction-parent .mat-mdc-option .mat-pseudo-checkbox, .black .mat-mdc-select-panel.transaction-parent .mat-mdc-option .mdc-list-item__end,
.black .mat-mdc-select-panel.account-details-select .mat-mdc-option .mat-pseudo-checkbox,
.black .mat-mdc-select-panel.account-details-select .mat-mdc-option .mdc-list-item__end {
  display: none !important;
}
@media (hover: hover) {
  .black .mat-mdc-select-panel.transaction-parent .mat-mdc-option:hover,
  .black .mat-mdc-select-panel.account-details-select .mat-mdc-option:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }
}
.black .mat-mdc-select-panel.transaction-parent .mat-mdc-option.mdc-list-item--selected,
.black .mat-mdc-select-panel.account-details-select .mat-mdc-option.mdc-list-item--selected {
  background-color: rgba(255, 255, 255, 0.07) !important;
  font-weight: 700;
}
.black .mat-mdc-select-panel.transaction-parent .mat-mdc-option.mdc-list-item--selected .mdc-list-item__primary-text,
.black .mat-mdc-select-panel.account-details-select .mat-mdc-option.mdc-list-item--selected .mdc-list-item__primary-text {
  font-weight: 700 !important;
}
.black .mat-tab-group-content {
  background-color: #000000;
}
.black .mat-tab-group-content .mat-mdc-tab .mdc-tab__text-label {
  color: rgba(255, 255, 255, 0.38) !important;
}
.black .mat-tab-group-content .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: #FFFFFF !important;
}
.black .mat-tab-group-content .mdc-tab-indicator__content.mdc-tab-indicator__content--underline {
  background-color: var(--key-color) !important;
  height: 4px !important;
  border: none !important;
  width: 100% !important;
}
.black .mat-tab-group-content .mat-mdc-tab-header {
  border-bottom: 1px solid #262626;
  background-color: #1c1c1c;
}
@media (hover: hover) {
  .black .mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab:hover:not(:active),
  .black .mat-tab-group-content .mat-mdc-tab-header .mdc-tab:hover:not(:active) {
    background-color: rgba(var(--key-color-rgb), 0.16);
  }
}
.black .mdc-tab .mdc-tab__ripple,
.black .mat-mdc-tab .mdc-tab__ripple {
  --mdc-ripple-color: rgba(var(--key-color-rgb), 0.24);
  --mdc-ripple-hover-opacity: 0.16;
  --mdc-ripple-press-opacity: 1;
  --mdc-ripple-focus-opacity: 0.24;
}
.black .mat-mdc-tab .mat-mdc-tab-ripple .mat-ripple-element,
.black .mdc-tab .mat-mdc-tab-ripple .mat-ripple-element {
  background-color: transparent !important;
}
.black .mdc-tab .mdc-tab__ripple::before,
.black .mdc-tab .mdc-tab__ripple::after,
.black .mat-mdc-tab .mdc-tab__ripple::before,
.black .mat-mdc-tab .mdc-tab__ripple::after {
  background-color: rgba(var(--key-color-rgb), 0.24) !important;
}
.black .mat-mdc-radio-button {
  --mdc-radio-selected-icon-color: var(--key-color);
  --mdc-radio-selected-hover-icon-color: var(--key-color);
  --mdc-radio-selected-pressed-icon-color: var(--key-color);
  --mat-radio-checked-ripple-color: rgba(var(--key-color-rgb), 0.16);
  --mat-radio-ripple-color: rgba(255, 255, 255, 0.1);
}
.black .mat-mdc-radio-button.mat-accent,
.black .mat-mdc-radio-button.mat-primary,
.black .mat-mdc-radio-button .mdc-radio {
  --mdc-radio-selected-icon-color: var(--key-color);
  --mdc-radio-selected-hover-icon-color: var(--key-color);
  --mdc-radio-selected-pressed-icon-color: var(--key-color);
}
.black .mat-mdc-radio-button.mat-accent .mdc-radio,
.black .mat-mdc-radio-button.mat-primary .mdc-radio {
  color: var(--key-color) !important;
}
.black .mat-mdc-radio-button.mat-accent .mdc-radio .mdc-radio__native-control:checked ~ .mdc-radio__background .mdc-radio__outer-circle,
.black .mat-mdc-radio-button.mat-primary .mdc-radio .mdc-radio__native-control:checked ~ .mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--key-color) !important;
  border-width: 1px !important;
}
.black .mat-mdc-radio-button.mat-accent .mdc-radio .mdc-radio__native-control:checked ~ .mdc-radio__background .mdc-radio__inner-circle,
.black .mat-mdc-radio-button.mat-primary .mdc-radio .mdc-radio__native-control:checked ~ .mdc-radio__background .mdc-radio__inner-circle {
  background-color: var(--key-color) !important;
  border-color: var(--key-color) !important;
  transform: scale(0.56) !important;
  transform-origin: center center !important;
}
.black .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:not(:checked) ~ .mdc-radio__background .mdc-radio__outer-circle {
  border-color: rgba(255, 255, 255, 0.54) !important;
  border-width: 1px !important;
}
.black .mat-radio-button .mat-radio-outer-circle {
  border-color: rgba(255, 255, 255, 0.54) !important;
  border-width: 1px !important;
}
.black .mat-radio-button.mat-radio-checked .mat-radio-outer-circle {
  border-color: var(--key-color) !important;
  border-width: 1px !important;
}
.black .mat-radio-button.mat-radio-checked .mat-radio-inner-circle {
  background-color: var(--key-color) !important;
  transform: scale(0.56) !important;
  transform-origin: center center !important;
}
.black .mat-mdc-radio-button.keyColorRipple .mat-radio-ripple,
.black .mat-mdc-radio-button.keyColorRipple .mat-ripple,
.black .mat-mdc-radio-button.keyColorRipple .mdc-radio__ripple,
.black .mat-mdc-radio-button.keyColorRipple .mat-mdc-focus-indicator,
.black .mat-mdc-radio-button.keyColorRipple .mdc-radio__ripple::before,
.black .mat-mdc-radio-button.keyColorRipple .mdc-radio__ripple::after,
.black .mat-mdc-radio-button.keyColorRipple .mdc-radio__focus-ring,
.black .mat-radio-button.keyColorRipple .mat-radio-ripple,
.black .mat-radio-button.keyColorRipple .mat-ripple {
  display: none !important;
}
.black .mat-mdc-radio-button.keyColorRipple {
  --mat-radio-state-layer-size: 0px !important;
}
.black .mat-mdc-radio-button.keyColorRipple .mdc-radio__ripple::before,
.black .mat-mdc-radio-button.keyColorRipple .mdc-radio__ripple::after {
  background-color: transparent !important;
}
.black .mat-radio-button.keyColorRipple .mat-ripple,
.black .mat-radio-button.keyColorRipple .mat-ripple-element,
.black .mat-mdc-radio-button.keyColorRipple .mat-ripple,
.black .mat-mdc-radio-button.keyColorRipple .mat-ripple-element,
.black .mat-mdc-radio-button.keyColorRipple .mdc-radio__ripple,
.black .mat-mdc-radio-button.keyColorRipple .mdc-radio__ripple::before,
.black .mat-mdc-radio-button.keyColorRipple .mdc-radio__ripple::after {
  display: none !important;
  background-color: transparent !important;
}
.black .bonusCardsContent {
  background-color: #000000;
}
.black .bonusCardsContent .bonusCards__header {
  background-color: #000000;
}
.black .bonusCardsContent .mat-mdc-tab-group.mat-tab-group-content .mat-mdc-tab-header,
.black .bonusCardsContent .mat-mdc-tab-group.mat-tab-group-content .mat-tab-header,
.black .bonusCardsContent .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header,
.black .bonusCardsContent .mat-tab-group.mat-tab-group-content .mat-tab-header {
  background-color: #1c1c1c !important;
}
.black .bonusCardsContent .mat-mdc-tab-header, .black .bonusCardsContent .mat-tab-header, .black .bonusCardsContent .mat-mdc-tab-root-container, .black .bonusCardsContent .mat-tab-label-container, .black .bonusCardsContent .mat-tab-list, .black .bonusCardsContent .mat-tab-labels, .black .bonusCardsContent .mat-mdc-tab-header .mdc-tab-bar, .black .bonusCardsContent .mat-mdc-tab-header .mdc-tab-scroller, .black .bonusCardsContent .mat-mdc-tab-header .mdc-tab, .black .bonusCardsContent .mat-mdc-tab-header .mdc-tab-surface {
  background-color: #1c1c1c !important;
  height: 65px !important;
  min-height: 65px !important;
}
.black .bonusCardsContent .mat-mdc-tab-header, .black .bonusCardsContent .mat-tab-header {
  border-bottom: 1px solid #262626 !important;
}
.black .bonusCardsContent .mat-mdc-tab-header {
  border-bottom: 1px solid #262626 !important;
  background-color: #1c1c1c !important;
  --mdc-tab-indicator-container-color: transparent !important;
  --mdc-tab-indicator-active-indicator-color: var(--key-color) !important;
  --mat-tab-header-active-label-text-color: #FFFFFF !important;
  --mat-tab-header-inactive-label-text-color: #FFFFFF !important;
  --mat-tab-header-active-ripple-color: transparent !important;
  --mat-tab-header-inactive-ripple-color: transparent !important;
  --mat-tab-header-active-focus-label-text-color: #FFFFFF !important;
  --mat-tab-header-active-hover-label-text-color: #FFFFFF !important;
  --mat-tab-header-active-focus-indicator-color: var(--key-color) !important;
  --mat-tab-header-active-hover-indicator-color: var(--key-color) !important;
  --mat-tab-header-inactive-focus-label-text-color: #FFFFFF !important;
  --mat-tab-header-inactive-hover-label-text-color: #FFFFFF !important;
  --mdc-tab-container-color: transparent !important;
  --mat-tab-header-container-color: transparent !important;
}
.black .bonusCardsContent .mat-mdc-tab, .black .bonusCardsContent .mat-tab-label {
  justify-content: flex-start !important;
  height: 65px !important;
  color: #FFFFFF !important;
  opacity: 1 !important;
  padding: 0 20px !important;
  min-width: 0 !important;
  background-color: transparent !important;
}
.black .bonusCardsContent .mat-mdc-tab.mat-tab-label-active, .black .bonusCardsContent .mat-mdc-tab.mdc-tab--active, .black .bonusCardsContent .mat-tab-label.mat-tab-label-active, .black .bonusCardsContent .mat-tab-label.mdc-tab--active {
  background-color: transparent !important;
}
.black .bonusCardsContent .mat-mdc-tab .mdc-tab__content, .black .bonusCardsContent .mat-mdc-tab .mat-tab-label-content, .black .bonusCardsContent .mat-tab-label .mdc-tab__content, .black .bonusCardsContent .mat-tab-label .mat-tab-label-content {
  padding: 0 !important;
  height: 65px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
.black .bonusCardsContent .mat-mdc-tab .mdc-tab__text-label, .black .bonusCardsContent .mat-mdc-tab span, .black .bonusCardsContent .mat-tab-label .mdc-tab__text-label, .black .bonusCardsContent .mat-tab-label span {
  color: #FFFFFF !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: left !important;
}
.black .bonusCardsContent .mat-mdc-tab .mdc-button__label, .black .bonusCardsContent .mat-tab-label .mdc-button__label {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
}
.black .bonusCardsContent .mat-ink-bar, .black .bonusCardsContent .mdc-tab-indicator__content--underline {
  background-color: var(--key-color) !important;
  height: 4px !important;
}
.black .bonusCardsContent .barCodeImageContainer, .black .bonusCardsContent .qrCodeImageContainer {
  background-color: #ffffff !important;
  border-color: #262626 !important;
}
.black .bookingListSection__header {
  background-color: #1c1c1c;
}
.black .bookingListSection__divider {
  background-color: #262626;
}
.black .bookingListSection__splitDivider {
  background-color: #262626;
}
.black .bookingCell.bookingCell--selected {
  background-color: rgba(var(--key-color-rgb), 0.24);
}
@media (hover: hover) {
  .black .bookingCell:not(.bookingCell--selected):not(.bookingCell--isSplit):not(.bookingCell--hoveringLeftContainer):hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .black .bookingCell .bookingCell__leftContainer:not(.bookingCell__leftContainer--noHover):hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}
.black .bookingCell--isSplit {
  background-color: #121212;
}
.black .depotPositionList__divider {
  background-color: #262626;
}
@media (hover: hover) {
  .black .depotPositionCell:not(.depotPositionCell--selected):hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}
.black .depotPositionCell.depotPositionCell--selected {
  background-color: rgba(var(--key-color-rgb), 0.24);
}
.black .orderListSection__header {
  background-color: #1c1c1c;
}
.black .orderListSection__divider {
  background-color: #262626;
}
.black .orderCell.orderCell--selected {
  background-color: rgba(var(--key-color-rgb), 0.24);
}
@media (hover: hover) {
  .black .orderCell:not(.orderCell--selected):not(.orderCell--noHover):hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}
.black .orderCell.orderCell--selected {
  background-color: rgba(var(--key-color-rgb), 0.24);
}
.black .icon.icon--borderh1 {
  color: rgba(255, 255, 255, 0.2);
}
.black .icon .icon--primary {
  color: rgba(255, 255, 255, 0.64);
}
@media (hover: hover) {
  .black .icon .icon--primary:not(.icon--noHover):hover {
    color: rgba(255, 255, 255, 0.87);
  }
}
.black .icon.icon--primaryText16 {
  color: rgba(255, 255, 255, 0.16);
}
.black .icon.icon--primaryHover {
  color: rgba(255, 255, 255, 0.87);
}
.black .icon.icon--disabledText {
  color: rgba(255, 255, 255, 0.38);
}
.black .icon.icon--primaryText {
  color: #FFFFFF;
}
.black .icon.icon--secondaryText {
  color: rgba(255, 255, 255, 0.54);
}
.black .icon.icon--primaryDisabled {
  color: rgba(255, 255, 255, 0.38);
}
.black .icon.icon--primaryWhite {
  color: rgba(255, 255, 255, 0.54);
}
@media (hover: hover) {
  .black .icon.icon--primaryWhite:not(.icon--noHover):hover {
    color: #FFFFFF;
  }
}
.black .icon.icon--primary16 {
  color: rgba(255, 255, 255, 0.16);
}
@media (hover: hover) {
  .black .icon.icon--primary16:not(.icon--noHover):hover {
    color: rgba(255, 255, 255, 0.87);
  }
}
.black .icon.icon--onVariable {
  color: #FFC107;
}
.black .icon .icon--listItemCategory {
  color: rgba(255, 255, 255, 0.54);
}
.black .icon.icon--primary38 {
  color: rgba(255, 255, 255, 0.38);
}
.black .icon.icon--keyColor {
  color: var(--key-color);
}
.black .icon.icon--white {
  color: white;
}
.black .icon.icon--error {
  color: #F20030;
}
.black .icon.icon--expenses {
  color: #FF0000;
}
.black .icon.icon--incomes {
  color: #00C853;
}
.black .icon.icon--contractBookingsEmptyView {
  color: rgba(255, 255, 255, 0.54);
}
.black .icon--primary {
  color: rgba(255, 255, 255, 0.64);
}
@media (hover: hover) {
  .black .icon--primary:not(.icon--noHover):hover {
    color: rgba(255, 255, 255, 0.87);
  }
}
.black .icon--primary--noHover {
  color: rgba(255, 255, 255, 0.64);
}
.black .icon--primary--disabled {
  color: rgba(255, 255, 255, 0.38);
}
.black .icon--keyColor--noHover {
  color: var(--key-color);
}
.black .icon--listItemCategory {
  color: rgba(255, 255, 255, 0.54);
}
.black .icon--secondaryBL {
  color: rgba(255, 255, 255, 0.38);
}
.black .icon--secondaryText {
  color: rgba(255, 255, 255, 0.54);
}
.black .icon--disabled {
  color: rgba(255, 255, 255, 0.38);
}
.black .fb-menu {
  background-color: #262626;
}
.black .mat-ripple:not(:empty) {
  transform: none;
}
.black .mat-ripple.primaryRipple > .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
@media (hover: hover) {
  .black .mat-ripple.primaryRipple:not(.primaryRipple--noHover):hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}
.black .mat-ripple.secondaryRipple > :not(.mat-ripple-element) {
  z-index: 1;
}
.black .mat-ripple.secondaryRipple > .mat-ripple-element {
  background-color: #4C4C4C !important;
}
@media (hover: hover) {
  .black .mat-ripple.secondaryRipple:hover {
    background-color: #333333 !important;
  }
}
.black .mat-ripple.keyColorRipple > .mat-ripple-element {
  background-color: rgba(var(--key-color-rgb), 0.24);
}
@media (hover: hover) {
  .black .mat-ripple.keyColorRipple:not(.keyColorRipple--noHover):hover {
    background-color: rgba(var(--key-color-rgb), 0.16);
  }
}
.black .mat-ripple.keyColorSecondaryRipple > .mat-ripple-element {
  background-color: rgba(var(--key-color-rgb), 0.32);
}
@media (hover: hover) {
  .black .mat-ripple.keyColorSecondaryRipple:not(.keyColorSecondaryRipple--noHover):hover {
    background-color: rgba(var(--key-color-rgb), 0.28);
  }
}
.black .mat-ripple.whiteRipple > .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.2);
}
@media (hover: hover) {
  .black .mat-ripple.whiteRipple:not(.whiteRipple--noHover):hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}
.black .mat-ripple.flatButtonRipple > .mat-ripple-element {
  background-color: var(--flat-button-ripple);
}
@media (hover: hover) {
  .black .mat-ripple.flatButtonRipple:not(.flatButtonRipple--noHover):hover {
    background-color: var(--flat-button-hover);
  }
}
.black .mat-ripple.errorRipple > .mat-ripple-element {
  background-color: rgba(242, 0, 48, 0.16);
}
@media (hover: hover) {
  .black .mat-ripple.errorRipple:not(.whiteRipple--noHover):hover {
    background-color: rgba(242, 0, 48, 0.07);
  }
}
.black .mat-ripple.accountGroupItemRipple > .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
@media (hover: hover) {
  .black .mat-ripple.accountGroupItemRipple:hover {
    background-color: rgba(255, 255, 255, 0.07);
  }
}
.black .mat-ripple.documentCheckBoxRipple > .mat-ripple-element {
  background-color: rgba(26, 26, 51, 0.05);
}
@media (hover: hover) {
  .black .mat-ripple.documentCheckBoxRipple:not(.documentCheckBoxRipple--noHover):hover {
    background-color: rgba(26, 26, 51, 0.1);
  }
}
.black .searchTextBox {
  background-color: #202020;
}
.black .searchTextBox .searchIcon {
  color: rgba(255, 255, 255, 0.38);
}
.black .searchTextBox .searchInput::placeholder {
  color: rgba(255, 255, 255, 0.38);
}
@media (hover: hover) {
  .black .searchTextBox:hover {
    background-color: #333333;
  }
}
.black .searchTextBox:focus-within {
  background-color: #333333;
}
.black .searchTextBox:focus-within .searchIcon {
  color: rgba(255, 255, 255, 0.87);
}
.black .card.card--selected .card__contentContainer {
  background-color: rgba(var(--key-color-rgb), 0.24) !important;
}
.black .card .card__contentContainer {
  background-color: #1c1c1c;
}
.black .card .card__contentContainer.card__contentContainer--archive {
  background-color: transparent;
}
.black .card .card__contentContainer.card__contentContainer--groupExpanded {
  background-color: #333333;
}
.black .card .card__contentContainer.card__contentContainer--documentFolderExpanded {
  background-color: #333333;
}
.black.singlePage .card .card__contentContainer {
  background-color: #121212;
}
.black.singlePage .card .card__contentContainer.card__contentContainer--groupExpanded {
  background-color: #333333;
}
.black.singlePage .card .card__contentContainer.card__contentContainer--documentFolderExpanded {
  background-color: #333333;
}
.black .appContainer_finanzblickLogo {
  background-image: url('fb-logo-dark.svg');
}
.black .appContainer__cardSection .drawerChild {
  background-color: #000000;
}
.black .appContainer__cardDetailsSection .drawerChild {
  background-color: #000000;
}
.black .appContainer__detailsSection .drawerChild {
  background-color: #000000;
}
.black .appContainer__mainSection {
  background-color: #000000;
}
.black .drawer.drawer--shadow {
  box-shadow: 0 0 0 1px #262626;
}
.black .banksuche--logo {
  background-image: url('ic_banksuche_twotone_96_black@2x.png');
  background-repeat: no-repeat;
  background-size: 96px 96px;
}
.black .bank--logo {
  background-image: url('ic_bank_twotone_96_black@2x.png');
  background-repeat: no-repeat;
  background-size: 96px 96px;
}
.black .finanzblick--logo {
  background-image: url('app-icon-finanzblick.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  width: 40px;
  height: 40px;
}
.black .mat-progress-bar .mat-progress-bar-buffer {
  background-color: rgba(0, 0, 0, 0);
}
.black .mat-progress-bar .mat-progress-bar-background {
  fill: rgba(0, 0, 0, 0);
}
.black .mat-progress-bar .mat-progress-bar-fill::after {
  background-color: var(--key-color);
}
.black .mat-progress-bar.mat-progress-bar-green .mat-progress-bar-fill::after {
  background-color: #00C853;
}
.black .mat-progress-bar.mat-progress-bar-yellow .mat-progress-bar-fill::after {
  background-color: #FFC107;
}
.black .mat-progress-bar.mat-progress-bar-red .mat-progress-bar-fill::after {
  background-color: #FF0000;
}
.black .detailsContainer .detailsContent .detailsContent__conversionInformation {
  background-color: #202020;
}
.black .detailsContainer .detailsContent .removeTax {
  background-color: #202020;
}
.black .documentPreview {
  border: 1px solid lightgray;
}
.black .documentPreviewAddButton {
  display: block;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background-color: var(--key-color);
  cursor: pointer;
  align-items: center;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
@media (hover: hover) {
  .black .documentPreviewAddButton:hover {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
}
.black .appContainer__mainComponentContainer {
  background-color: #080808;
}
.black .appContainer__headerShadow {
  background-color: #434343;
  box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.2);
}
.black .appContainer__overlay {
  width: 100%;
  height: 100%;
  z-index: 9;
  left: 0;
  top: 0;
  position: absolute;
  background-color: rgba(47, 47, 47, 0.8);
}
.black .appContainer__menuLogoContainer {
  background-image: linear-gradient(to bottom, rgba(28, 28, 28, 0.8), #1c1c1c);
}
.black .appContainer__menuLogoContainer .appContainer__menuLogo.appContainer__menuLogo--advent {
  background-image: url("/assets/grafiken/finanzblickLogo/fb-logo-menu-advent-dark.svg");
}
.black .appContainer__menuLogoContainer .appContainer__menuLogo {
  background-image: url("/assets/grafiken/finanzblickLogo/fb-logo-dark.svg");
}
.black .appContainer__menuLegalContainer {
  background-image: linear-gradient(to bottom, rgba(28, 28, 28, 0.8), #1c1c1c);
}
.black .appContainer__menuItem {
  color: rgba(255, 255, 255, 0.54);
}
.black .appContainer__menuItem.appContainer__menuItem--large {
  color: #FFFFFF;
}
.black .appContainer__menuItem--selected {
  color: var(--key-color) !important;
  background-color: rgba(var(--key-color-rgb), 0.24);
}
.black .menuItemSeparator {
  background-color: #262626;
}
.black .areaMenuItemHeader--unSelectedSmall {
  background-color: #333333;
  opacity: 0.7;
}
.black .areaMenuItemHeader--selected {
  background-color: "$menu-eintrag-active";
}
.black .areaMenuItemHeader--selectedSmall {
  background-color: #000000;
}
@media (hover: hover) {
  .black .areaMenuItemHeader:hover {
    opacity: 1;
  }
  .black .areaMenuItemHeader:hover .areaMenuItemHeaderTextContainer > :first-child {
    color: #FFFFFF !important;
  }
}
.black .areaMenuItemContainer--backgroundSmall {
  background-color: #000000;
}
.black .sideBarItemSelectedBackground {
  background-color: rgba(var(--key-color-rgb), 0.24);
}
.black .unreadContentIcon.unreadContentIcon--small {
  outline: 2px solid #333333;
}
.black .unreadContentIcon.unreadContentIcon--selectedSmall {
  outline: 2px solid #000000;
}
.black .unreadContentIcon.unreadContentIcon--new {
  background-color: #00C853;
}
.black .accountDetails .accountDetails__header {
  background-color: #1c1c1c;
}
.black .accountDetails .accountDetails__container .accountDetails__buttons .accountDetails__buttonBackground {
  background-color: #202020;
}
.black .accountGroup .accountGroup__accountList .accountGroup__accountListDivider {
  background-color: #262626;
}
.black .accountGroup .accountGroup__buttonBackground {
  background-color: #202020;
}
.black .accountDetails__buttonContainer {
  border: 1px solid #262626;
}
.black .accountDetails__buttonContainer .accountDetails__buttonSeparator {
  background-color: #262626;
}
.black .accountDetails__buttonContainer .accountDetails__button .accountDetails__buttonIcon {
  color: #FFFFFF;
}
.black .accountDetails__buttonContainer .accountDetails__button .accountDetails__buttonText {
  color: #FFFFFF;
}
.black .accountDetails__buttonContainer .accountDetails__button .accountDetails__buttonText.accountDetails__buttonText--disabled {
  color: rgba(255, 255, 255, 0.38);
}
.black .accountDetails__buttonContainer .accountDetails__button.accountDetails__button--disabled .accountDetails__buttonIcon {
  color: rgba(255, 255, 255, 0.38) !important;
}
.black .accountDetails__buttonContainer .accountDetails__button.accountDetails__button--disabled .accountDetails__buttonText {
  color: rgba(255, 255, 255, 0.38) !important;
}
@media (hover: hover) {
  .black .accountDetails__buttonContainer .accountDetails__button:hover .accountDetails__buttonText {
    color: #FFFFFF;
  }
  .black .accountDetails__buttonContainer .accountDetails__button:hover .accountDetails__buttonText.accountDetails__buttonText--disabled {
    color: rgba(255, 255, 255, 0.38);
  }
}
.black .newsItem__divider {
  background-color: #505050;
}
.black .comingSoon {
  background-color: #080808;
}
.black .comingSoon .comingSoon__image.comingSoon__image--reports {
  background-image: url('coming_soon_auswertungen_black.gif');
}
.black .comingSoon .comingSoon__image.comingSoon__image--budgets {
  background-image: url('coming_soon_budgets_black.gif');
}
.black .comingSoon .comingSoon__image.comingSoon__image--documents {
  background-image: url('coming_soon_dokumente_black.gif');
}
.black .comingSoon .comingSoon__image.comingSoon__image--tax {
  background-image: url('coming_soon_steuer_black.gif');
}
.black .comingSoon .comingSoon__image.comingSoon__image--financeservice {
  background-image: url('coming_soon_finanzservice_black.gif');
}
.black .comingSoon .comingSoon__image.comingSoon__image--settings {
  background-image: url('coming_soon_auswertungen_black.gif');
}
.black .cardListItem_newInfoIcon {
  background-color: #FA7D19;
  outline: 2px solid #1c1c1c;
}
.black .cardListItem_newInfoIcon.cardListItem_newInfoIcon--selected {
  outline: 2px solid var(--new-info-icon-border-selected-dark) !important;
}
.black .cardListItem_newInfoIcon.cardListItem_newInfoIcon--groupExpanded {
  outline: 2px solid #333333;
}
.black .cardListItem_newInfoIcon.cardListItem_newInfoIcon--groupMember {
  outline: 2px solid #000000;
}
.black .dialog .fbScrollbar.os-host:not(.os-host-scrolling):not(.os-host-scrollbar-horizontal-hidden) .os-scrollbar.os-scrollbar-horizontal, .black .documentView .fbScrollbar.os-host:not(.os-host-scrolling):not(.os-host-scrollbar-horizontal-hidden) .os-scrollbar.os-scrollbar-horizontal {
  opacity: 1;
  visibility: unset;
}
.black .dialog .fbScrollbar.os-host:not(.os-host-scrolling):not(.os-host-scrollbar-vertical-hidden) .os-scrollbar.os-scrollbar-vertical, .black .documentView .fbScrollbar.os-host:not(.os-host-scrolling):not(.os-host-scrollbar-vertical-hidden) .os-scrollbar.os-scrollbar-vertical {
  opacity: 1;
  visibility: unset;
}
.black .fbScrollbar.os-host:not(.os-host-scrolling) .os-scrollbar {
  opacity: 0;
  visibility: hidden;
}
.black .fbScrollbar > .os-scrollbar {
  padding: 0;
}
.black .fbScrollbar > .os-scrollbar-horizontal {
  right: 16px;
  height: 12px;
}
.black .fbScrollbar > .os-scrollbar-vertical {
  bottom: 16px;
  width: 12px;
}
.black .fbScrollbar.os-host-rtl > .os-scrollbar-horizontal {
  left: 16px;
  right: 0;
}
.black .fbScrollbar > .os-scrollbar-corner {
  height: 16px;
  width: 16px;
  background-color: transparent;
}
.black .fbScrollbar > .os-scrollbar > .os-scrollbar-track {
  background: transparent;
}
.black .fbScrollbar > .os-scrollbar-horizontal > .os-scrollbar-track:before,
.black .fbScrollbar > .os-scrollbar-vertical > .os-scrollbar-track:before {
  content: "";
  display: block;
  position: absolute;
}
.black .fbScrollbar > .os-scrollbar-horizontal > .os-scrollbar-track:before {
  left: 5px;
  right: 5px;
  height: 2px;
  top: 50%;
  margin-top: -1px;
}
.black .fbScrollbar > .os-scrollbar-vertical > .os-scrollbar-track:before {
  left: 0;
  right: 0;
  height: 100%;
  top: 0;
  margin-top: 0;
  opacity: 0;
}
@media (hover: hover) {
  .black .fbScrollbar > .os-scrollbar-vertical:hover > .os-scrollbar-track:before {
    opacity: 1;
  }
}
.black .fbScrollbar > .os-scrollbar-vertical.active > .os-scrollbar-track:before {
  opacity: 1;
}
.black .fbScrollbar > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: transparent;
}
.black .fbScrollbar > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  min-width: 100px;
  max-width: 100px;
}
.black .fbScrollbar > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  right: 4px;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.38);
}
@media (hover: hover) {
  .black .fbScrollbar > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:hover:before {
    left: 3px;
    right: 3px;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.54);
  }
}
.black .fbScrollbar > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active:before {
  left: 3px;
  right: 3px;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.54);
}
.black .fbScrollbar > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  height: 100%;
  min-width: 16px;
}
.black .fbScrollbar > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  width: 100%;
  min-height: 16px;
}
.black .fbScrollbar.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
  transition: background-color 0.3s, right 0.3s, left 0.3s, border-radius 0.3s;
}
.black .fbScrollbar.os-host-transition > .os-scrollbar > .os-scrollbar-track:before {
  transition: opacity 0.3s;
}
.black .status {
  background-color: #434343;
}
.black .featureFlagLoading {
  background-color: #080808;
}
.black .mat-mdc-checkbox {
  --mdc-checkbox-selected-icon-color: var(--key-color);
  --mdc-checkbox-selected-focus-icon-color: var(--key-color);
  --mdc-checkbox-selected-hover-icon-color: var(--key-color);
  --mdc-checkbox-selected-pressed-icon-color: var(--key-color);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.64);
  --mdc-checkbox-unselected-focus-icon-color: rgba(255, 255, 255, 0.64);
  --mdc-checkbox-unselected-hover-icon-color: rgba(255, 255, 255, 0.64);
  --mdc-checkbox-unselected-hover-state-layer-color: #FFFFFF;
  --mdc-checkbox-unselected-pressed-state-layer-color: #FFFFFF;
  --mdc-checkbox-selected-hover-state-layer-color: #FFFFFF;
  --mdc-checkbox-selected-pressed-state-layer-color: #FFFFFF;
  --mdc-checkbox-unselected-focus-state-layer-color: transparent;
  --mdc-checkbox-selected-focus-state-layer-color: transparent;
}
.black .mat-mdc-checkbox .mdc-checkbox__background {
  border-color: rgba(255, 255, 255, 0.64) !important;
}
.black .mat-mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.black .mat-mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  background-color: var(--key-color) !important;
  border-color: var(--key-color) !important;
}
.black .mat-mdc-checkbox .mdc-checkbox__checkmark-path {
  stroke: white !important;
}
.black .mat-mdc-checkbox .mdc-checkbox__mixedmark {
  border-color: white !important;
}
.black .mat-mdc-checkbox .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background {
  background-color: rgba(255, 255, 255, 0.38) !important;
  border-color: rgba(255, 255, 255, 0.38) !important;
}
.black .mat-mdc-checkbox .mdc-label {
  color: #FFFFFF;
}
.black .mat-mdc-checkbox.mat-mdc-checkbox-disabled .mdc-label {
  color: rgba(255, 255, 255, 0.38);
}
.black .mat-mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__ripple,
.black .mat-mdc-checkbox .mdc-checkbox__native-control:focus ~ .mat-mdc-checkbox-ripple {
  opacity: 0 !important;
}
.black .mat-checkbox.mat-checkbox-disabled .mat-ripple-element {
  background-color: unset;
}
.black .mat-checkbox.mat-checkbox-checked .mat-checkbox-frame {
  opacity: 0;
}
.black .mat-checkbox.mat-checkbox-checked .mat-checkbox-background {
  background-color: var(--key-color);
}
.black .mat-checkbox.mat-checkbox-checked.mat-checkbox-disabled .mat-checkbox-background {
  background-color: rgba(255, 255, 255, 0.38);
}
@media (hover: hover) {
  .black .mat-checkbox.mat-checkbox-checked .mat-checkbox-inner-container:hover .mat-checkbox-persistent-ripple {
    opacity: 0.16;
  }
}
.black .mat-checkbox.mat-checkbox-checked .mat-ripple-element:not(.mat-checkbox-persistent-ripple) {
  opacity: 0.24;
}
.black .mat-checkbox.mat-checkbox-checked:not(.mat-checkbox-disabled) .mat-checkbox-ripple .mat-ripple-element.mat-checkbox-persistent-ripple {
  background-color: var(--key-color-rgb);
}
.black .mat-checkbox.mat-checkbox-checked:not(.mat-checkbox-disabled) .mat-checkbox-ripple .mat-ripple-element:not(mat-checkbox-persistent-ripple) {
  background-color: var(--key-color-rgb);
}
.black .mat-checkbox.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: var(--key-color);
}
@media (hover: hover) {
  .black .mat-checkbox.mat-checkbox-indeterminate .mat-checkbox-inner-container:hover .mat-checkbox-persistent-ripple {
    opacity: 0.16;
  }
}
.black .mat-checkbox.mat-checkbox-indeterminate .mat-ripple-element:not(.mat-checkbox-persistent-ripple) {
  opacity: 0.24;
}
.black .mat-checkbox.mat-checkbox-indeterminate:not(.mat-checkbox-disabled) .mat-checkbox-ripple .mat-ripple-element.mat-checkbox-persistent-ripple {
  background-color: var(--key-color-rgb);
}
.black .mat-checkbox.mat-checkbox-indeterminate:not(.mat-checkbox-disabled) .mat-checkbox-ripple .mat-ripple-element:not(mat-checkbox-persistent-ripple) {
  background-color: var(--key-color-rgb);
}
@media (hover: hover) {
  .black .mat-checkbox .mat-checkbox-inner-container:hover .mat-checkbox-persistent-ripple {
    opacity: 0.1;
  }
}
.black .mat-checkbox .mat-ripple-element:not(.mat-checkbox-persistent-ripple) {
  opacity: 0.1;
}
.black .mat-checkbox:not(.mat-checkbox-disabled) .mat-checkbox-ripple .mat-ripple-element.mat-checkbox-persistent-ripple {
  background-color: #FFFFFF;
}
.black .mat-checkbox:not(.mat-checkbox-disabled) .mat-checkbox-ripple .mat-ripple-element:not(mat-checkbox-persistent-ripple) {
  background-color: #FFFFFF;
}
.black .mat-checkbox .mat-checkbox-inner-container {
  width: 40px;
  height: 40px;
  padding: 11px;
}
.black .mat-checkbox .mat-checkbox-inner-container .mat-checkbox-frame {
  top: 11px;
  left: 11px;
  right: 11px;
  bottom: 11px;
}
.black .mat-checkbox .mat-checkbox-inner-container .mat-checkbox-background {
  top: 11px;
  left: 11px;
  right: 11px;
  bottom: 11px;
}
.black .mat-checkbox.documentCell__checkBox .mat-checkbox-inner-container {
  width: 28px;
  height: 28px;
  padding: 2px;
  background-color: rgba(52, 52, 52, 0.6);
  border-radius: 4px;
}
.black .mat-checkbox.documentCell__checkBox .mat-checkbox-inner-container .mat-checkbox-frame {
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
}
.black .mat-checkbox.documentCell__checkBox .mat-checkbox-inner-container .mat-checkbox-background {
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
}
.black .mat-checkbox .mat-checkbox-frame {
  border-color: rgba(255, 255, 255, 0.64);
  border-width: 1px;
  transition: none;
}
.black .mat-checkbox.fbCheckbox--defaultState .mat-checkbox-frame {
  border-color: rgba(255, 255, 255, 0.16);
}
.black .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: var(--key-color);
}
.black .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle {
  background-color: var(--key-color);
  transform: scale(0.55);
}
.black .mat-radio-button.mat-accent .mat-radio-outer-circle {
  border-color: rgba(255, 255, 255, 0.64);
}
@media (hover: hover) {
  .black .mat-radio-button.mat-accent.keyColorRipple .mat-radio-container:hover .mat-radio-persistent-ripple {
    opacity: 0.16;
  }
}
.black .mat-radio-button.mat-accent.keyColorRipple .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple) {
  opacity: 0.24;
}
.black .mat-radio-button.mat-accent.keyColorRipple:not(.mat-radio-disabled) .mat-radio-ripple .mat-ripple-element.mat-radio-persistent-ripple {
  background-color: var(--key-color-rgb);
}
.black .mat-radio-button.mat-accent.keyColorRipple:not(.mat-radio-disabled) .mat-radio-ripple .mat-ripple-element:not(mat-radio-persistent-ripple) {
  background-color: var(--key-color-rgb);
}
.black .mat-radio-button.mat-accent .mat-radio-outer-circle {
  border-width: 1px;
}
.black .iconButton {
  color: #FFFFFF;
}
.black .iconButton[disabled] {
  color: rgba(255, 255, 255, 0.38) !important;
}
.black .iconButton.iconButton--secondaryTextColor {
  color: rgba(255, 255, 255, 0.54);
}
.black .iconButton.iconButton--disabledText {
  color: rgba(255, 255, 255, 0.38);
}
@media (hover: hover) {
  .black .iconButton.iconButton--disabledText:hover {
    color: rgba(255, 255, 255, 0.54);
  }
}
.black .iconButton.iconButton--keyColor {
  color: var(--key-color);
}
.black .iconButton.iconButton--white {
  color: rgba(255, 255, 255, 0.54);
}
@media (hover: hover) {
  .black .iconButton.iconButton--white:hover {
    color: #FFFFFF;
  }
}
.black .iconButton.iconButton--alwaysWhite {
  color: #FFFFFF;
}
@media (hover: hover) {
  .black .iconButton.iconButton--alwaysWhite:hover {
    color: #FFFFFF;
  }
}
.black .iconButton.iconButton--background2 {
  background-color: #262626;
}
.black .iconButton.iconButton--blue {
  color: white;
  background-color: var(--key-color);
}
.black .iconButton.iconButton--pin {
  color: rgba(255, 255, 255, 0.38);
}
@media (hover: hover) {
  .black .iconButton.iconButton--pin:hover {
    color: rgba(255, 255, 255, 0.87);
  }
}
.black .iconButton.iconButton--pin.iconButton--white {
  color: rgba(255, 255, 255, 0.54);
}
@media (hover: hover) {
  .black .iconButton.iconButton--pin.iconButton--white:hover {
    color: #FFFFFF;
  }
}
.black .iconButton.iconButton--error {
  color: #F20030;
}
@media (hover: hover) {
  .black .iconButton.iconButton--error:hover {
    color: #F20030;
  }
}
.black .iconButton.iconButton--focused {
  background-color: rgba(255, 255, 255, 0.1);
}
.black .detailsGroup:not(.detailsGroup--noBorder) {
  border-bottom: 1px solid #363636;
}
.black .documentShowAllBookings .text {
  color: rgba(255, 255, 255, 0.54);
}
.black .documentShowAllBookings .icon {
  color: rgba(255, 255, 255, 0.64);
}
@media (hover: hover) {
  .black .documentShowAllBookings:hover .text {
    color: #FFFFFF;
  }
  .black .documentShowAllBookings:hover .icon {
    color: rgba(255, 255, 255, 0.87);
  }
}
.black .mat-tab-group.mat-tab-group-category .mat-tab-body-wrapper {
  display: none;
}
.black .mat-tab-group.mat-tab-group-category .mat-tab-header {
  background-color: #1c1c1c;
  border-bottom: unset !important;
}
.black .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-tab-label, .black .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-mdc-tab {
  flex: 1 1 0;
  height: 48px;
  min-width: 160px !important;
  opacity: 1;
  padding: 0 !important;
  color: rgba(255, 255, 255, 0.54);
}
.black .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-tab-label .mdc-tab__content, .black .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-mdc-tab .mdc-tab__content {
  padding: 0 !important;
}
.black .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-tab-label .mat-tab-label-content, .black .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-tab-label .mdc-tab__text-label, .black .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-mdc-tab .mat-tab-label-content, .black .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-mdc-tab .mdc-tab__text-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  letter-spacing: normal;
}
.black .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-tab-label.mat-tab-label-active, .black .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-mdc-tab.mat-tab-label-active {
  color: var(--key-color);
}
@media (hover: hover) {
  .black .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-tab-label:not(.mat-tab-label-active):hover, .black .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-mdc-tab:not(.mat-tab-label-active):hover {
    color: #FFFFFF;
  }
}
.black .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-tab-label .mat-ripple-element, .black .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-mdc-tab .mat-ripple-element {
  background-color: rgba(var(--key-color-rgb), 0.24);
}
@media (hover: hover) {
  .black .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-tab-label:hover, .black .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-mdc-tab:hover {
    background-color: rgba(var(--key-color-rgb), 0.16);
  }
}
.black .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-ink-bar {
  background-color: var(--key-color) !important;
}
.black .mat-tab-group.mat-tab-group-normal .mat-tab-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.black .mat-tab-group.mat-tab-group-normal .mat-tab-header .mat-tab-label-container .mat-tab-label {
  color: rgba(255, 255, 255, 0.54);
  opacity: 1;
}
.black .mat-tab-group.mat-tab-group-normal .mat-tab-header .mat-tab-label-container .mat-tab-label .mat-tab-label-content {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.08929em;
}
.black .mat-tab-group.mat-tab-group-normal .mat-tab-header .mat-tab-label-container .mat-tab-label.mat-tab-label-active {
  color: var(--key-color);
}
@media (hover: hover) {
  .black .mat-tab-group.mat-tab-group-normal .mat-tab-header .mat-tab-label-container .mat-tab-label:not(.mat-tab-label-active):hover {
    color: #FFFFFF;
  }
}
.black .mat-tab-group.mat-tab-group-normal .mat-tab-header .mat-tab-label-container .mat-tab-label .mat-ripple-element {
  background-color: rgba(var(--key-color-rgb), 0.24);
}
@media (hover: hover) {
  .black .mat-tab-group.mat-tab-group-normal .mat-tab-header .mat-tab-label-container .mat-tab-label:hover {
    background-color: rgba(var(--key-color-rgb), 0.16);
  }
}
.black .mat-tab-group.mat-tab-group-normal .mat-tab-header .mat-tab-label-container .mat-ink-bar {
  background-color: var(--key-color) !important;
}
.black .mat-tab-group.mat-tab-group-content {
  flex: 1 1 0;
}
.black .mat-tab-group.mat-tab-group-content.mat-tab-group-content-hide-header {
  display: block !important;
}
.black .mat-tab-group.mat-tab-group-content.mat-tab-group-content-hide-header .mat-tab-header,
.black .mat-tab-group.mat-tab-group-content.mat-tab-group-content-hide-header .mat-mdc-tab-header,
.black .mat-tab-group.mat-tab-group-content.mat-tab-group-content-hide-header .mat-mdc-tab-label-container {
  display: none !important;
}
.black .mat-tab-group.mat-tab-group-content.mat-tab-group-content-hide-selection-bar .mat-ink-bar {
  display: none;
}
.black .mat-tab-group.mat-tab-group-content .mat-tab-header,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header {
  background-color: #1c1c1c;
  border: none;
  height: 65px !important;
  min-height: 65px !important;
  max-height: 65px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
}
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-header-pagination,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-header-pagination {
  display: none !important;
}
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container,
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container {
  position: relative;
  border-bottom: 1px solid #262626;
  height: 65px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
}
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container:before,
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container:before,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container:before,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 8px;
  z-index: 2;
  background-image: linear-gradient(to right, #080808, rgba(8, 8, 8, 0));
}
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container:after,
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container:after,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container:after,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 8px;
  z-index: 2;
  background-image: linear-gradient(to left, #080808, rgba(8, 8, 8, 0));
}
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-tab-label,
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-mdc-tab,
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-tab-label,
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-tab-label,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-mdc-tab,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-tab-label,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab {
  height: 64px !important;
  min-height: 64px !important;
  min-width: 0 !important;
  flex: 0 1 auto !important;
  padding-right: 24px;
  padding-left: 24px;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  font-size: 20px !important;
  letter-spacing: 0.0125em !important;
  font-weight: 500 !important;
  line-height: normal !important;
  color: rgba(255, 255, 255, 0.38);
  opacity: 1 !important;
}
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-tab-label .mdc-tab__content,
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-mdc-tab .mdc-tab__content,
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-tab-label .mdc-tab__content,
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab .mdc-tab__content,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-tab-label .mdc-tab__content,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-mdc-tab .mdc-tab__content,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-tab-label .mdc-tab__content,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab .mdc-tab__content {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 100% !important;
}
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-tab-label .mdc-tab__text-label,
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-mdc-tab .mdc-tab__text-label,
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-tab-label .mdc-tab__text-label,
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab .mdc-tab__text-label,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-tab-label .mdc-tab__text-label,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-mdc-tab .mdc-tab__text-label,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-tab-label .mdc-tab__text-label,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab .mdc-tab__text-label {
  color: inherit;
  font-size: 20px !important;
  letter-spacing: 0.0125em !important;
  font-weight: 500 !important;
  line-height: normal !important;
  display: inline-block !important;
}
@media (hover: hover) {
  .black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-tab-label:hover,
  .black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-mdc-tab:hover,
  .black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-tab-label:hover,
  .black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab:hover,
  .black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-tab-label:hover,
  .black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-mdc-tab:hover,
  .black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-tab-label:hover,
  .black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab:hover {
    background-color: rgba(var(--key-color-rgb), 0.16);
  }
}
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-tab-label .mat-ripple-element,
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-mdc-tab .mat-ripple-element,
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-tab-label .mat-ripple-element,
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab .mat-ripple-element,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-tab-label .mat-ripple-element,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-mdc-tab .mat-ripple-element,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-tab-label .mat-ripple-element,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab .mat-ripple-element {
  background-color: rgba(var(--key-color-rgb), 0.24);
}
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-tab-label.mat-tab-label-active, .black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-tab-label.mdc-tab--active,
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-mdc-tab.mat-tab-label-active,
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-mdc-tab.mdc-tab--active,
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-tab-label.mat-tab-label-active,
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-tab-label.mdc-tab--active,
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab.mat-tab-label-active,
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab.mdc-tab--active,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-tab-label.mat-tab-label-active,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-tab-label.mdc-tab--active,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-mdc-tab.mat-tab-label-active,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-mdc-tab.mdc-tab--active,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-tab-label.mat-tab-label-active,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-tab-label.mdc-tab--active,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab.mat-tab-label-active,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab.mdc-tab--active {
  color: #FFFFFF;
}
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-ink-bar,
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mdc-tab-indicator__content--underline,
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mat-ink-bar,
.black .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-mdc-tab-label-container .mdc-tab-indicator__content--underline,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mat-ink-bar,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-tab-label-container .mdc-tab-indicator__content--underline,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-ink-bar,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-header .mat-mdc-tab-label-container .mdc-tab-indicator__content--underline {
  height: 3px !important;
  background-color: var(--key-color) !important;
  border-color: var(--key-color) !important;
  width: 100%;
}
.black .mat-tab-group.mat-tab-group-content .mat-tab-body-wrapper,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-body-wrapper {
  height: 100%;
  width: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.black .mat-tab-group.mat-tab-group-content .mat-tab-body,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-body,
.black .mat-tab-group.mat-tab-group-content .mat-tab-body-content,
.black .mat-tab-group.mat-tab-group-content .mat-mdc-tab-body-content {
  height: 100%;
  min-height: 0;
}
.black .mat-tab-group.mat-tab-group-details {
  height: 100%;
  width: 100%;
}
.black .mat-tab-group.mat-tab-group-details .mat-tab-header,
.black .mat-tab-group.mat-tab-group-details .mat-mdc-tab-header {
  background-color: #1c1c1c;
}
.black .mat-tab-group.mat-tab-group-details .mat-tab-body-wrapper,
.black .mat-tab-group.mat-tab-group-details .mat-mdc-tab-body-wrapper {
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.black .mat-tab-group.mat-tab-group-details .mat-tab-body,
.black .mat-tab-group.mat-tab-group-details .mat-mdc-tab-body,
.black .mat-tab-group.mat-tab-group-details .mat-tab-body-content,
.black .mat-tab-group.mat-tab-group-details .mat-mdc-tab-body-content {
  height: 100%;
  min-height: 0;
}
.black .mat-tab-group.mat-tab-group-details .mat-tab-label,
.black .mat-tab-group.mat-tab-group-details .mat-mdc-tab {
  height: 72px;
  flex: 1 1 0;
  min-width: 0 !important;
  padding: 0;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.54);
}
.black .mat-tab-group.mat-tab-group-details .mat-tab-label .mdc-tab__text-label,
.black .mat-tab-group.mat-tab-group-details .mat-mdc-tab .mdc-tab__text-label {
  color: rgba(255, 255, 255, 0.54);
}
.black .mat-tab-group.mat-tab-group-details .mat-tab-label .mat-tab-label-icon-container,
.black .mat-tab-group.mat-tab-group-details .mat-mdc-tab .mat-tab-label-icon-container {
  display: flex;
  flex-direction: column;
}
.black .mat-tab-group.mat-tab-group-details .mat-tab-label .mat-tab-label-icon-container .mat-tab-label-icon,
.black .mat-tab-group.mat-tab-group-details .mat-mdc-tab .mat-tab-label-icon-container .mat-tab-label-icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.black .mat-tab-group.mat-tab-group-details .mat-tab-label .mat-tab-label-icon-container .mat-tab-label-description,
.black .mat-tab-group.mat-tab-group-details .mat-mdc-tab .mat-tab-label-icon-container .mat-tab-label-description {
  display: inline;
  letter-spacing: 0;
  line-height: 16px;
}
.black .mat-tab-group.mat-tab-group-details .mat-tab-label.mat-tab-label-active,
.black .mat-tab-group.mat-tab-group-details .mat-mdc-tab.mdc-tab--active {
  color: var(--key-color);
}
.black .mat-tab-group.mat-tab-group-details .mat-tab-label.mat-tab-label-active .mdc-tab__content,
.black .mat-tab-group.mat-tab-group-details .mat-tab-label.mat-tab-label-active .mdc-tab__text-label,
.black .mat-tab-group.mat-tab-group-details .mat-mdc-tab.mdc-tab--active .mdc-tab__content,
.black .mat-tab-group.mat-tab-group-details .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: var(--key-color) !important;
}
.black .mat-tab-group.mat-tab-group-details .mat-tab-label.mat-tab-label-active:not(.mat-tab-disabled) {
  opacity: 1;
}
.black .mat-tab-group.mat-tab-group-details .mat-tab-header-pagination,
.black .mat-tab-group.mat-tab-group-details .mat-mdc-tab-header-pagination {
  display: none;
}
.black .mat-tab-group.mat-tab-group-details .mat-tab-header,
.black .mat-tab-group.mat-tab-group-details .mat-mdc-tab-header {
  border-bottom: 1px solid #262626;
}
.black .mat-tab-group.mat-tab-group-details .mat-ink-bar,
.black .mat-tab-group.mat-tab-group-details .mdc-tab-indicator__content--underline {
  height: 2px;
  background-color: var(--key-color) !important;
  border-color: var(--key-color) !important;
}
.black.singlePage .mat-tab-group.mat-tab-group-content .mat-tab-header {
  max-width: unset;
  margin-top: 0;
  padding-left: unset;
  padding-right: unset;
  box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.black.singlePage .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-tab-label {
  height: 48px;
  padding: 0 16px;
  font-size: 16px;
  letter-spacing: 0.26px;
  font-weight: 500;
}
.black.singlePage .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container .mat-tab-label.mat-tab-label-active {
  color: var(--key-color);
}
.black.singlePage .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container:before {
  display: none;
}
.black.singlePage .mat-tab-group.mat-tab-group-content .mat-tab-header .mat-tab-label-container:after {
  display: none;
}
.black.singlePage .mat-tab-group.mat-tab-group-details .mat-tab-label {
  height: 48px;
  padding-top: 20px;
}
.black.singlePage .mat-tab-group.mat-tab-group-details .mat-tab-label.mat-tab-label-active {
  height: 48px;
}
.black.singlePage .mat-tab-group.mat-tab-group-category .mat-tab-header .mat-tab-label-container .mat-tab-label .mat-tab-label-content {
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: normal;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill {
  --mdc-theme-primary: var(--key-color);
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill .mdc-line-ripple::before {
  border-bottom-color: rgba(255, 255, 255, 0.2);
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill .mdc-line-ripple::after {
  border-bottom-color: rgba(255, 255, 255, 0.6) !important;
  transition: none;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-floating-label {
  color: rgba(255, 255, 255, 0.54);
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-floating-label mat-label {
  font-size: 14px;
  letter-spacing: 0.01786em;
  line-height: 20px;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-focused .mat-mdc-floating-label {
  color: var(--key-color) !important;
}
@media (hover: hover) {
  .black .mat-mdc-form-field.mat-form-field-appearance-fill:hover:not(.mat-focused):not(.mat-form-field-invalid) .mat-mdc-floating-label {
    color: rgba(255, 255, 255, 0.54);
  }
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill .mdc-text-field--focused .mdc-floating-label {
  color: var(--key-color) !important;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-subscript-wrapper {
  color: rgba(255, 255, 255, 0.54) !important;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-subscript-wrapper .mat-mdc-hint, .black .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint {
  color: rgba(255, 255, 255, 0.54) !important;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-error .mat-mdc-floating-label {
  color: #F20030 !important;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-error .mdc-line-ripple::before {
  border-bottom-color: #F20030 !important;
  border-bottom-width: 2px !important;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-error .mdc-line-ripple::after {
  display: none;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-compact .mat-mdc-text-field-wrapper {
  padding-top: 0;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-compact .mat-mdc-select-arrow-wrapper {
  transform: none;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-compact .mat-mdc-form-field-infix {
  width: 114px;
  height: 36px;
  min-height: 36px;
  border-top: 0;
  padding-top: 9px;
  padding-bottom: 7px;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-compact .mat-mdc-form-field-infix .mat-mdc-select-value-text {
  font-size: 14px;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-align-center .mat-mdc-form-field-flex {
  align-items: center;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-yellow-underline .mdc-line-ripple::before {
  border-bottom-color: #FFC107 !important;
  border-bottom-width: 2px !important;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-yellow-underline .mdc-line-ripple::after {
  display: none;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-settings-item {
  flex: 1 1 0;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-settings-item .mat-mdc-text-field-wrapper {
  background-color: unset !important;
  padding: unset;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-settings-item .mat-mdc-form-field-infix {
  padding: 14px 0 14px;
  min-height: auto;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-settings-item .mat-mdc-form-field-infix input::placeholder {
  color: rgba(255, 255, 255, 0.54);
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-settings-item .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-booking-details-note .mat-mdc-text-field-wrapper {
  background-color: unset !important;
  padding: unset;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-booking-details-note .mat-mdc-form-field-infix textarea::placeholder {
  color: rgba(255, 255, 255, 0.54);
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-no-background .mat-mdc-text-field-wrapper {
  background-color: unset !important;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-no-background .mat-mdc-form-field-icon-suffix {
  align-self: center;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-no-hint .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-document-details-note .mat-mdc-text-field-wrapper {
  border-radius: 8px;
  padding: 12px 16px 13px;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-document-details-note .mat-mdc-form-field-infix {
  padding: 0;
  min-height: auto;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-document-details-note .mat-mdc-form-field-infix textarea::placeholder {
  color: rgba(255, 255, 255, 0.38);
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-document-details-note .mdc-line-ripple {
  display: none;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-document-details-note .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-no-padding .mat-mdc-text-field-wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-disabled:not(.mat-form-field-no-disabled-style) .mat-mdc-input-element {
  color: rgba(255, 255, 255, 0.38);
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-disabled:not(.mat-form-field-no-disabled-style) .mat-mdc-text-field-wrapper {
  background-color: rgba(28, 28, 28, 0.6);
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-disabled:not(.mat-form-field-no-disabled-style) .mdc-line-ripple {
  display: none;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-disabled:not(.mat-form-field-no-disabled-style) .icon {
  color: rgba(255, 255, 255, 0.38);
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-focused .mdc-line-ripple::after {
  border-bottom-color: var(--key-color) !important;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill.mat-focused .mat-mdc-floating-label {
  color: var(--key-color) !important;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-input-element {
  color: #FFFFFF;
  caret-color: #FFFFFF;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-input-element::placeholder {
  color: #FFFFFF;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-input-element.mat-datepicker-input::placeholder {
  color: rgba(255, 255, 255, 0.38);
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper {
  border-radius: 8px 8px 0 0;
  background-color: #202020;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper:focus-within {
  background-color: #333333;
}
@media (hover: hover) {
  .black .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper:hover {
    background-color: #333333;
  }
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay {
  background-color: transparent;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-icon-suffix .icon {
  margin-left: 8px;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-icon-prefix .icon {
  margin-right: 8px;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill .icon {
  width: 24px;
  height: 24px;
  padding: unset;
  color: rgba(255, 255, 255, 0.64);
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-input-element,
.black .mat-mdc-form-field.mat-form-field-appearance-fill .mat-date-range-input-inner,
.black .mat-mdc-form-field.mat-form-field-appearance-fill .mat-date-range-input-mirror {
  font-size: 14px;
  letter-spacing: 0.01786em;
  line-height: 20px;
  color: #FFFFFF;
}
.black .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-input-element.matInput16Bold,
.black .mat-mdc-form-field.mat-form-field-appearance-fill .mat-date-range-input-inner.matInput16Bold,
.black .mat-mdc-form-field.mat-form-field-appearance-fill .mat-date-range-input-mirror.matInput16Bold {
  font-size: 16px;
  font-weight: bold;
}
.black.singlePage .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-input-element,
.black.singlePage .mat-mdc-form-field.mat-form-field-appearance-fill .mat-date-range-input-inner,
.black.singlePage .mat-mdc-form-field.mat-form-field-appearance-fill .mat-date-range-input-mirror {
  font-size: 16px;
  letter-spacing: 0.01625em;
  line-height: 19px;
}
.black.singlePage .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-floating-label mat-label {
  font-size: 16px;
  letter-spacing: 0.01625em;
  line-height: 19px;
}
.black .mat-mdc-form-field.mat-form-field-invalid .mat-mdc-input-element {
  caret-color: #FFC107;
}
.black .mat-mdc-form-field-error,
.black .mat-error {
  color: #FFC107;
}
.black .mat-mdc-form-field-error.mat-error--secondary,
.black .mat-error.mat-error--secondary {
  color: rgba(255, 255, 255, 0.54);
}
.black .transactionParent .transactionParent__form.transactionParent__form--framed {
  background-color: #262626;
}
.black .transactionParent .transactionParent__form .transactionParent__formSelect {
  border: 1px solid var(--key-color);
  margin-bottom: 16px;
}
.black .transactionParent .transactionParent__form .transactionParent__formDivider {
  background-color: #000000;
  margin: 16px 0;
}
.black .transactionParent .transactionParent__form .mat-mdc-form-field {
  display: block;
  margin-bottom: 16px;
}
.black .transactionParent .transactionParent__form .mat-mdc-form-field:first-of-type {
  margin-top: 16px;
}
.black .transactionParent .transactionParent__form .mat-mdc-form-field.mat-form-field-no-background {
  margin-top: 8px;
  margin-bottom: 8px;
}
.black .transactionParent .transactionParent__bottomBarDivider {
  background-color: #262626;
}
.black .transactionParent .transactionParent__bottomBar {
  background-color: #1c1c1c;
}
.black.singlePage .transactionParent__form.transactionParent__form--framed {
  background-color: unset;
}
.black.singlePage .transactionParent__form .transactionParent__formDivider {
  background-color: #262626;
  margin: 16px 0;
}
.black.singlePage .transactionParent__form .mat-mdc-form-field {
  display: block;
  margin-bottom: 16px;
}
.black.singlePage .transactionParent__form .mat-mdc-form-field:first-of-type {
  margin-top: 16px;
}
.black.singlePage .transactionParent__form .mat-mdc-form-field.mat-form-field-no-background {
  margin-top: 8px;
  margin-bottom: 8px;
}
.black .transactionFormBlock {
  background-color: #262626;
  padding: 16px 0;
}
.black .transactionFormBlock.assignBlock {
  background-color: #202020;
}
.black.singlePage .transactionFormBlock:not(.assignBlock) {
  background-color: unset;
}
.black .transactionFormDivider {
  background-color: #000000;
  margin: 16px 0;
}
.black.singlePage .transactionFormDivider {
  background-color: #262626;
}
.black .mat-flat-button,
.black .mat-mdc-unelevated-button {
  min-width: 0;
  height: 36px;
  border-radius: 8px;
  padding: 0;
  background-color: var(--key-color) !important;
  color: white !important;
  --mdc-filled-button-container-color: var(--key-color);
  --mat-filled-button-container-color: var(--key-color);
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: var(--flat-button-ripple);
}
.black .mat-flat-button.mat-button-regular-font-weight .mat-button-wrapper, .black .mat-flat-button.mat-button-regular-font-weight .mdc-button__label,
.black .mat-mdc-unelevated-button.mat-button-regular-font-weight .mat-button-wrapper,
.black .mat-mdc-unelevated-button.mat-button-regular-font-weight .mdc-button__label {
  font-weight: 400;
}
.black .mat-flat-button.mat-button-regular-letter-spacing .mat-button-wrapper, .black .mat-flat-button.mat-button-regular-letter-spacing .mdc-button__label,
.black .mat-mdc-unelevated-button.mat-button-regular-letter-spacing .mat-button-wrapper,
.black .mat-mdc-unelevated-button.mat-button-regular-letter-spacing .mdc-button__label {
  letter-spacing: 0.01786em;
}
.black .mat-flat-button.mat-button-smaller-padding .mat-button-wrapper, .black .mat-flat-button.mat-button-smaller-padding .mdc-button__label,
.black .mat-mdc-unelevated-button.mat-button-smaller-padding .mat-button-wrapper,
.black .mat-mdc-unelevated-button.mat-button-smaller-padding .mdc-button__label {
  margin: 0 12px;
}
.black .mat-flat-button.mat-button-smaller-padding .mat-button-wrapper i.icon, .black .mat-flat-button.mat-button-smaller-padding .mdc-button__label i.icon,
.black .mat-mdc-unelevated-button.mat-button-smaller-padding .mat-button-wrapper i.icon,
.black .mat-mdc-unelevated-button.mat-button-smaller-padding .mdc-button__label i.icon {
  margin-left: -2px;
}
.black .mat-flat-button.mat-flat-button-44,
.black .mat-mdc-unelevated-button.mat-flat-button-44 {
  height: 44px;
}
.black .mat-flat-button.mat-flat-button-large,
.black .mat-mdc-unelevated-button.mat-flat-button-large {
  height: 48px;
  border-radius: 10px;
}
.black .mat-flat-button.mat-flat-button-small,
.black .mat-mdc-unelevated-button.mat-flat-button-small {
  height: 33px;
  border-radius: 16.5px;
  line-height: 19px;
}
.black .mat-flat-button.mat-flat-button-small i.icon,
.black .mat-mdc-unelevated-button.mat-flat-button-small i.icon {
  margin: 0;
  padding: 6px 0 0;
}
.black .mat-flat-button.mat-flat-button-secondary,
.black .mat-mdc-unelevated-button.mat-flat-button-secondary {
  background-color: #202020 !important;
  color: rgba(255, 255, 255, 0.54) !important;
  --mdc-filled-button-container-color: #202020;
  --mat-filled-button-container-color: #202020;
  --mdc-filled-button-label-text-color: rgba(255, 255, 255, 0.54);
  --mat-filled-button-label-text-color: rgba(255, 255, 255, 0.54);
}
.black .mat-flat-button.mat-flat-button-secondary .mat-ripple-element,
.black .mat-mdc-unelevated-button.mat-flat-button-secondary .mat-ripple-element {
  background-color: #4C4C4C;
}
.black .mat-flat-button.mat-flat-button-secondary-special,
.black .mat-mdc-unelevated-button.mat-flat-button-secondary-special {
  background-color: var(--key-color) !important;
  color: white !important;
  --mdc-filled-button-container-color: var(--key-color);
  --mat-filled-button-container-color: var(--key-color);
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-label-text-color: white;
}
.black .mat-flat-button.mat-flat-button-secondary-special .mat-ripple-element,
.black .mat-mdc-unelevated-button.mat-flat-button-secondary-special .mat-ripple-element {
  background-color: 0.24;
}
.black .mat-flat-button.mat-flat-button-secondary-special i.icon,
.black .mat-mdc-unelevated-button.mat-flat-button-secondary-special i.icon {
  color: white;
}
.black .mat-flat-button.mat-flat-button-error,
.black .mat-mdc-unelevated-button.mat-flat-button-error {
  background-color: #202020 !important;
  color: #F20030 !important;
  --mdc-filled-button-container-color: #202020;
  --mat-filled-button-container-color: #202020;
  --mdc-filled-button-label-text-color: #F20030;
  --mat-filled-button-label-text-color: #F20030;
}
.black .mat-flat-button.mat-flat-button-error .mat-ripple-element,
.black .mat-mdc-unelevated-button.mat-flat-button-error .mat-ripple-element {
  background-color: rgba(242, 0, 48, 0.16);
}
.black .mat-flat-button.mat-flat-button-dokublick-recommended,
.black .mat-mdc-unelevated-button.mat-flat-button-dokublick-recommended {
  background-color: #029D26 !important;
  --mdc-filled-button-container-color: #029D26;
  --mat-filled-button-container-color: #029D26;
}
.black .mat-flat-button[disabled],
.black .mat-mdc-unelevated-button[disabled] {
  background-color: rgba(255, 255, 255, 0.07) !important;
  color: rgba(255, 255, 255, 0.38) !important;
  --mdc-filled-button-container-color: rgba(255, 255, 255, 0.07);
  --mat-filled-button-container-color: rgba(255, 255, 255, 0.07);
  --mdc-filled-button-label-text-color: rgba(255, 255, 255, 0.38);
  --mat-filled-button-label-text-color: rgba(255, 255, 255, 0.38);
}
@media (hover: hover) {
  .black .mat-flat-button:hover,
  .black .mat-mdc-unelevated-button:hover {
    background-color: var(--flat-button-hover) !important;
    --mdc-filled-button-container-color: var(--flat-button-hover);
    --mat-filled-button-container-color: var(--flat-button-hover);
  }
  .black .mat-flat-button:hover.mat-flat-button-error,
  .black .mat-mdc-unelevated-button:hover.mat-flat-button-error {
    background-color: rgba(242, 0, 48, 0.07) !important;
    --mdc-filled-button-container-color: rgba(242, 0, 48, 0.07);
    --mat-filled-button-container-color: rgba(242, 0, 48, 0.07);
  }
  .black .mat-flat-button:hover.mat-flat-button-secondary-special,
  .black .mat-mdc-unelevated-button:hover.mat-flat-button-secondary-special {
    background-color: rgba(var(--key-color-rgb), 0.85) !important;
    --mdc-filled-button-container-color: rgba(var(--key-color-rgb), 0.85);
    --mat-filled-button-container-color: rgba(var(--key-color-rgb), 0.85);
  }
  .black .mat-flat-button:hover.mat-flat-button-secondary,
  .black .mat-mdc-unelevated-button:hover.mat-flat-button-secondary {
    background-color: #333333 !important;
    --mdc-filled-button-container-color: #333333;
    --mat-filled-button-container-color: #333333;
  }
  .black .mat-flat-button:focus,
  .black .mat-mdc-unelevated-button:focus {
    outline: var(--key-color) solid 2px;
    outline-offset: 2px;
  }
  .black .mat-flat-button:focus.mat-flat-button-dokublick-recommended,
  .black .mat-mdc-unelevated-button:focus.mat-flat-button-dokublick-recommended {
    outline-color: #029D26;
  }
  .black .mat-flat-button:focus.mat-flat-button-error,
  .black .mat-mdc-unelevated-button:focus.mat-flat-button-error {
    outline-color: #F20030;
  }
  .black .mat-flat-button:focus:not(:focus-visible),
  .black .mat-mdc-unelevated-button:focus:not(:focus-visible) {
    outline: none;
  }
}
.black .mat-flat-button .mat-ripple-element,
.black .mat-mdc-unelevated-button .mat-ripple-element {
  background-color: var(--flat-button-ripple);
}
.black .mat-flat-button .mat-button-wrapper,
.black .mat-flat-button .mdc-button__label,
.black .mat-mdc-unelevated-button .mat-button-wrapper,
.black .mat-mdc-unelevated-button .mdc-button__label {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.08929em;
  margin: 0 16px;
  color: inherit;
}
.black .mat-flat-button .mat-button-focus-overlay,
.black .mat-flat-button .mat-mdc-focus-indicator,
.black .mat-mdc-unelevated-button .mat-button-focus-overlay,
.black .mat-mdc-unelevated-button .mat-mdc-focus-indicator {
  opacity: 0 !important;
}
.black .mat-flat-button i.icon,
.black .mat-mdc-unelevated-button i.icon {
  display: inline-block;
  height: 100%;
  width: 20px;
  font-size: 20px;
  padding: 1px 0 0;
  margin-left: -4px;
  margin-right: 8px;
}
.black .mat-flat-button i.icon:before,
.black .mat-mdc-unelevated-button i.icon:before {
  width: 20px;
  height: 20px;
}
.black .mat-flat-button i.icon.icon--noText,
.black .mat-mdc-unelevated-button i.icon.icon--noText {
  margin-left: -4px;
  margin-right: -4px;
}
.black .mat-button,
.black .mat-mdc-button {
  height: 36px;
  padding: 0;
  border-radius: 8px;
  color: var(--key-color);
  --mdc-text-button-label-text-color: var(--key-color);
  --mat-text-button-label-text-color: var(--key-color);
  --mat-text-button-state-layer-color: var(--key-color);
  --mat-text-button-ripple-color: rgba(var(--key-color-rgb), 0.24);
}
.black .mat-button[disabled][disabled],
.black .mat-mdc-button[disabled][disabled] {
  color: rgba(255, 255, 255, 0.38);
  --mdc-text-button-label-text-color: rgba(255, 255, 255, 0.38);
  --mat-text-button-label-text-color: rgba(255, 255, 255, 0.38);
}
.black .mat-button[disabled][disabled] .mat-button-wrapper,
.black .mat-button[disabled][disabled] .mdc-button__label,
.black .mat-mdc-button[disabled][disabled] .mat-button-wrapper,
.black .mat-mdc-button[disabled][disabled] .mdc-button__label {
  color: rgba(255, 255, 255, 0.38);
}
@media (hover: hover) {
  .black .mat-button[disabled][disabled]:hover,
  .black .mat-mdc-button[disabled][disabled]:hover {
    background-color: unset;
  }
}
.black .mat-button.mat-button-regular-font-weight .mat-button-wrapper, .black .mat-button.mat-button-regular-font-weight .mdc-button__label,
.black .mat-mdc-button.mat-button-regular-font-weight .mat-button-wrapper,
.black .mat-mdc-button.mat-button-regular-font-weight .mdc-button__label {
  font-weight: 400;
}
.black .mat-button.mat-button-regular-letter-spacing .mat-button-wrapper, .black .mat-button.mat-button-regular-letter-spacing .mdc-button__label,
.black .mat-mdc-button.mat-button-regular-letter-spacing .mat-button-wrapper,
.black .mat-mdc-button.mat-button-regular-letter-spacing .mdc-button__label {
  letter-spacing: 0.01786em !important;
}
.black .mat-button.mat-button-key-color-secondary,
.black .mat-mdc-button.mat-button-key-color-secondary {
  background-color: rgba(var(--key-color-rgb), 0.24);
}
.black .mat-button.mat-button-key-color-secondary .mat-button-wrapper,
.black .mat-button.mat-button-key-color-secondary .mdc-button__label,
.black .mat-mdc-button.mat-button-key-color-secondary .mat-button-wrapper,
.black .mat-mdc-button.mat-button-key-color-secondary .mdc-button__label {
  margin: 0 12px;
  letter-spacing: normal;
}
@media (hover: hover) {
  .black .mat-button:hover,
  .black .mat-mdc-button:hover {
    background-color: rgba(var(--key-color-rgb), 0.16);
  }
  .black .mat-button:hover.mat-button-key-color-secondary,
  .black .mat-mdc-button:hover.mat-button-key-color-secondary {
    background-color: rgba(var(--key-color-rgb), 0.28);
  }
  .black .mat-button:focus,
  .black .mat-mdc-button:focus {
    outline: var(--key-color) solid 2px;
  }
  .black .mat-button:focus:not(:focus-visible),
  .black .mat-mdc-button:focus:not(:focus-visible) {
    outline: none;
  }
}
.black .mat-button .mat-ripple-element,
.black .mat-mdc-button .mat-ripple-element {
  opacity: unset;
  background-color: rgba(var(--key-color-rgb), 0.24);
}
.black .mat-button .mat-ripple-element.mat-button-key-color-secondary,
.black .mat-mdc-button .mat-ripple-element.mat-button-key-color-secondary {
  background-color: rgba(var(--key-color-rgb), 0.32);
}
.black .mat-button .mat-button-wrapper,
.black .mat-button .mdc-button__label,
.black .mat-mdc-button .mat-button-wrapper,
.black .mat-mdc-button .mdc-button__label {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 8px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.08929em;
  color: var(--key-color);
}
.black .mat-button .mat-button-focus-overlay,
.black .mat-button .mat-mdc-focus-indicator,
.black .mat-mdc-button .mat-button-focus-overlay,
.black .mat-mdc-button .mat-mdc-focus-indicator {
  opacity: 0 !important;
}
.black .mat-button i.icon,
.black .mat-mdc-button i.icon {
  display: inline-block;
  height: 100%;
  width: 20px;
  font-size: 20px;
  padding: 1px 0 0;
  margin-left: -2px;
  margin-right: 6px;
}
.black .mat-button i.icon:before,
.black .mat-mdc-button i.icon:before {
  width: 20px;
  height: 20px;
}
.black .mat-button i.icon.icon--appended,
.black .mat-mdc-button i.icon.icon--appended {
  margin-left: 6px;
  margin-right: -2px;
}
.black .mat-button.mat-button-red,
.black .mat-mdc-button.mat-button-red {
  color: #F20030;
  --mdc-text-button-label-text-color: #F20030;
  --mat-text-button-state-layer-color: #F20030;
}
.black .mat-button.mat-button-red .mat-button-wrapper,
.black .mat-button.mat-button-red .mdc-button__label,
.black .mat-mdc-button.mat-button-red .mat-button-wrapper,
.black .mat-mdc-button.mat-button-red .mdc-button__label {
  color: #F20030;
}
@media (hover: hover) {
  .black .mat-button.mat-button-red:hover,
  .black .mat-mdc-button.mat-button-red:hover {
    background-color: rgba(242, 0, 48, 0.07);
  }
}
.black .mat-button.mat-button-red .mat-ripple-element,
.black .mat-mdc-button.mat-button-red .mat-ripple-element {
  opacity: unset;
  background-color: rgba(242, 0, 48, 0.16);
}
.black .mat-button.mat-button-secondary,
.black .mat-mdc-button.mat-button-secondary {
  color: rgba(255, 255, 255, 0.54);
  --mdc-text-button-label-text-color: rgba(255, 255, 255, 0.54);
  --mat-text-button-state-layer-color: rgba(255, 255, 255, 0.54);
}
.black .mat-button.mat-button-secondary .mat-button-wrapper,
.black .mat-button.mat-button-secondary .mdc-button__label,
.black .mat-mdc-button.mat-button-secondary .mat-button-wrapper,
.black .mat-mdc-button.mat-button-secondary .mdc-button__label {
  color: rgba(255, 255, 255, 0.54);
}
@media (hover: hover) {
  .black .mat-button.mat-button-secondary:hover,
  .black .mat-mdc-button.mat-button-secondary:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}
.black .mat-button.mat-button-secondary .mat-ripple-element,
.black .mat-mdc-button.mat-button-secondary .mat-ripple-element {
  opacity: unset;
  background-color: rgba(255, 255, 255, 0.1);
}
.black .mat-button.mat-button-primary,
.black .mat-mdc-button.mat-button-primary {
  color: #FFFFFF;
  --mdc-text-button-label-text-color: #FFFFFF;
  --mat-text-button-state-layer-color: #FFFFFF;
}
.black .mat-button.mat-button-primary .mat-button-wrapper,
.black .mat-button.mat-button-primary .mdc-button__label,
.black .mat-mdc-button.mat-button-primary .mat-button-wrapper,
.black .mat-mdc-button.mat-button-primary .mdc-button__label {
  color: #FFFFFF;
}
@media (hover: hover) {
  .black .mat-button.mat-button-primary:hover,
  .black .mat-mdc-button.mat-button-primary:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}
.black .mat-button.mat-button-primary .mat-ripple-element,
.black .mat-mdc-button.mat-button-primary .mat-ripple-element {
  opacity: unset;
  background-color: rgba(255, 255, 255, 0.1);
}
.black .mat-stroked-button,
.black .mat-mdc-outlined-button {
  padding: 0 15px;
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.54);
  border: solid 2px rgba(255, 255, 255, 0.64) !important;
  --mdc-outlined-button-label-text-color: rgba(255, 255, 255, 0.54);
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.64);
  --mat-outlined-button-state-layer-color: #FFFFFF;
}
.black .mat-stroked-button.mat-stroked-button-large,
.black .mat-mdc-outlined-button.mat-stroked-button-large {
  height: 48px;
  border-radius: 10px;
}
.black .mat-stroked-button.mat-stroked-button-primary-text,
.black .mat-mdc-outlined-button.mat-stroked-button-primary-text {
  color: #FFFFFF;
  border-color: #FFFFFF;
  --mdc-outlined-button-label-text-color: #FFFFFF;
  --mdc-outlined-button-outline-color: #FFFFFF;
}
.black .mat-stroked-button.mat-stroked-button-special,
.black .mat-mdc-outlined-button.mat-stroked-button-special {
  color: #FFFFFF;
  border-color: rgba(255, 255, 255, 0.2) !important;
  border-width: 1px !important;
  --mdc-outlined-button-label-text-color: #FFFFFF;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.2);
  padding-right: 12px;
  padding-left: 12px;
}
.black .mat-stroked-button.mat-stroked-button-special .mat-button-wrapper,
.black .mat-stroked-button.mat-stroked-button-special .mdc-button__label,
.black .mat-mdc-outlined-button.mat-stroked-button-special .mat-button-wrapper,
.black .mat-mdc-outlined-button.mat-stroked-button-special .mdc-button__label {
  font-weight: 400;
  letter-spacing: normal;
  text-transform: unset;
}
.black .mat-stroked-button[disabled][disabled],
.black .mat-mdc-outlined-button[disabled][disabled] {
  color: rgba(255, 255, 255, 0.38);
  --mdc-text-button-label-text-color: rgba(255, 255, 255, 0.38);
  --mat-text-button-label-text-color: rgba(255, 255, 255, 0.38);
}
@media (hover: hover) {
  .black .mat-stroked-button[disabled][disabled]:hover,
  .black .mat-mdc-outlined-button[disabled][disabled]:hover {
    background-color: unset;
  }
}
@media (hover: hover) {
  .black .mat-stroked-button:hover,
  .black .mat-mdc-outlined-button:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}
.black .mat-stroked-button .mat-ripple-element,
.black .mat-mdc-outlined-button .mat-ripple-element {
  opacity: unset;
  background-color: rgba(255, 255, 255, 0.1);
}
.black .mat-stroked-button .mat-button-wrapper,
.black .mat-stroked-button .mdc-button__label,
.black .mat-mdc-outlined-button .mat-button-wrapper,
.black .mat-mdc-outlined-button .mdc-button__label {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.08929em;
  text-transform: uppercase;
  color: inherit;
}
.black .mat-stroked-button .mat-button-focus-overlay,
.black .mat-stroked-button .mat-mdc-focus-indicator,
.black .mat-mdc-outlined-button .mat-button-focus-overlay,
.black .mat-mdc-outlined-button .mat-mdc-focus-indicator {
  opacity: 0 !important;
}
.black .mat-fab {
  background-color: var(--key-color) !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24) !important;
}
.black .mat-fab .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.black .simpleFab {
  background-color: var(--key-color);
}
.black .simpleFab.simpleFab--primary {
  background-color: #000000;
}
.black .simpleFab.simpleFab--primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.black .simpleFab.simpleFab--tax {
  background-color: #FFE620;
}
.black .simpleFab.simpleFab--tax .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.5);
}
@media (hover: hover) {
  .black .simpleFab:hover {
    background-color: var(--flat-button-hover);
  }
  .black .simpleFab:hover.simpleFab--primary {
    background-color: #202020;
  }
  .black .simpleFab:hover.simpleFab--tax {
    background-color: #FFD10D;
  }
}
.black .simpleFab .mat-ripple-element {
  background-color: var(--flat-button-ripple);
}
.black .simpleFab > i {
  color: white;
  z-index: 1;
}
.black .mat-mdc-slide-toggle .mdc-switch__icons {
  display: none !important;
}
.black .mat-mdc-slide-toggle .mdc-switch__ripple,
.black .mat-mdc-slide-toggle .mdc-switch__focus-ring,
.black .mat-mdc-slide-toggle .mat-mdc-slide-toggle-ripple,
.black .mat-mdc-slide-toggle .mat-ripple-element,
.black .mat-mdc-slide-toggle .mdc-switch__shadow {
  display: none !important;
  opacity: 0 !important;
}
.black .mat-mdc-slide-toggle {
  --mdc-switch-unselected-track-color: #9ca3af;
  --mdc-switch-unselected-track-outline-color: #9ca3af;
  --mdc-switch-unselected-handle-color: #fafafa;
  --mdc-switch-selected-track-color: rgba(var(--key-color-rgb), 0.38);
  --mdc-switch-selected-track-outline-color: rgba(var(--key-color-rgb), 0.38);
  --mdc-switch-selected-handle-color: var(--key-color);
  --mdc-switch-selected-focus-state-layer-color: transparent;
  --mdc-switch-selected-hover-state-layer-color: transparent;
  --mdc-switch-selected-pressed-state-layer-color: transparent;
  --mdc-switch-unselected-focus-state-layer-color: transparent;
  --mdc-switch-unselected-hover-state-layer-color: transparent;
  --mdc-switch-unselected-pressed-state-layer-color: transparent;
}
.black .mat-mdc-slide-toggle .mdc-switch__track::before,
.black .mat-mdc-slide-toggle .mdc-switch__track::after {
  border-width: 0 !important;
  box-shadow: none !important;
}
.black .mat-mdc-slide-toggle .mdc-switch:enabled:not(.mdc-switch--selected) .mdc-switch__handle::after {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.black .mat-mdc-slide-toggle .mdc-switch__handle,
.black .mat-mdc-slide-toggle .mdc-switch__handle::before {
  filter: none !important;
}
.black .mat-mdc-slide-toggle .mdc-switch:enabled:not(.mdc-switch--selected) .mdc-switch__track::before {
  background-color: rgba(0, 19, 51, 0.24) !important;
  border-color: rgba(0, 19, 51, 0.24) !important;
}
.black .mat-mdc-slide-toggle .mdc-switch:enabled.mdc-switch--selected .mdc-switch__track::after {
  background-color: rgba(var(--key-color-rgb), 0.38) !important;
  border-color: rgba(var(--key-color-rgb), 0.38) !important;
}
.black .mat-mdc-slide-toggle .mdc-switch:enabled:not(.mdc-switch--selected) .mdc-switch__handle::after {
  background-color: #fafafa !important;
  border-color: #fafafa !important;
}
.black .mat-mdc-slide-toggle .mdc-switch:enabled.mdc-switch--selected .mdc-switch__handle::after {
  background-color: var(--key-color) !important;
  border-color: var(--key-color) !important;
}
.black .mat-mdc-slide-toggle .mdc-switch:enabled:not(.mdc-switch--selected) .mdc-switch__track::before {
  background-color: rgba(255, 255, 255, 0.3803921569) !important;
  border-color: rgba(255, 255, 255, 0.3803921569) !important;
}
.black .budgetDialog .mat-mdc-form-field .mat-mdc-select-arrow,
.black .budgetDialog .mat-mdc-select .mat-mdc-select-arrow {
  color: rgba(255, 255, 255, 0.54) !important;
}
.black .budgetDialog .mat-mdc-select-arrow svg,
.black .budgetDialog .mat-mdc-select-arrow path {
  fill: rgba(255, 255, 255, 0.54) !important;
  stroke: rgba(255, 255, 255, 0.54) !important;
}
.black .mdc-evolution-chip,
.black .mat-mdc-chip,
.black .mat-mdc-standard-chip {
  color: #FFFFFF !important;
}
.black .mdc-evolution-chip .mdc-evolution-chip__text-label,
.black .mat-mdc-chip .mdc-evolution-chip__text-label,
.black .mat-mdc-standard-chip .mdc-evolution-chip__text-label {
  color: #FFFFFF !important;
}
.black .mdc-evolution-chip .mat-mdc-chip-action-label,
.black .mat-mdc-chip .mat-mdc-chip-action-label,
.black .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  color: #FFFFFF !important;
}
@media (hover: hover) {
  .black .addressBookAccountsContainer .account:hover {
    background-color: #363636;
  }
}
.black .accountSetup .accountSetup__footer {
  border-top: 1px solid #262626;
  background-color: #1c1c1c;
}
.black .accountSetup .accountSetup__supportItemContent {
  background-color: #080808;
}
.black .accountSetup .accountSetup__page {
  background-color: #121212;
}
.black .accountSetup .accountSetup__spinner {
  background-color: #121212;
}
.black .accountSetupButtonIcon {
  background-color: #505050;
}
.black .useOfTermsPanel {
  border-top: 1px solid #262626;
}
@media (hover: hover) {
  .black .accountType:hover {
    background-color: #505050;
  }
}
.black .mat-spinner.mat-progress-spinner circle,
.black .mat-spinner.mat-progress-spinner .mdc-circular-progress__determinate-circle,
.black .mat-spinner.mat-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic,
.black .mat-mdc-progress-spinner circle,
.black .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,
.black .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: var(--key-color);
}
.black .mat-spinner.mat-progress-spinner.mat-spinner-on-variable circle,
.black .mat-spinner.mat-progress-spinner.mat-spinner-on-variable .mdc-circular-progress__determinate-circle,
.black .mat-spinner.mat-progress-spinner.mat-spinner-on-variable .mdc-circular-progress__indeterminate-circle-graphic,
.black .mat-mdc-progress-spinner.mat-spinner-on-variable circle,
.black .mat-mdc-progress-spinner.mat-spinner-on-variable .mdc-circular-progress__determinate-circle,
.black .mat-mdc-progress-spinner.mat-spinner-on-variable .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: #FFC107;
}
.black .mat-spinner.mat-progress-spinner.mat-spinner-white circle,
.black .mat-spinner.mat-progress-spinner.mat-spinner-white .mdc-circular-progress__determinate-circle,
.black .mat-spinner.mat-progress-spinner.mat-spinner-white .mdc-circular-progress__indeterminate-circle-graphic,
.black .mat-mdc-progress-spinner.mat-spinner-white circle,
.black .mat-mdc-progress-spinner.mat-spinner-white .mdc-circular-progress__determinate-circle,
.black .mat-mdc-progress-spinner.mat-spinner-white .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: white;
}
.black .mat-spinner.mat-progress-spinner.mat-spinner-disabled circle,
.black .mat-spinner.mat-progress-spinner.mat-spinner-disabled .mdc-circular-progress__determinate-circle,
.black .mat-spinner.mat-progress-spinner.mat-spinner-disabled .mdc-circular-progress__indeterminate-circle-graphic,
.black .mat-mdc-progress-spinner.mat-spinner-disabled circle,
.black .mat-mdc-progress-spinner.mat-spinner-disabled .mdc-circular-progress__determinate-circle,
.black .mat-mdc-progress-spinner.mat-spinner-disabled .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: rgba(255, 255, 255, 0.38);
}
.black .link {
  cursor: pointer;
  color: var(--key-color);
}
.black .link:link {
  color: var(--key-color);
}
.black .link:visited {
  color: var(--key-color);
}
.black .link:active {
  color: rgba(var(--key-color-rgb), 0.5);
}
.black .buhlBankingGuardTooltip {
  background-color: #FFFFFF;
  color: #080808;
}
.black .verticalLine {
  background-color: #FFFFFF;
}
.black .faqContainer {
  background-color: #202020;
}
.black .divider.divider--colorInfocenter {
  background-color: #505050;
}
.black .divider.divider--colorBuchungsliste {
  background-color: #363636;
}
.black .divider.divider--colorKontenliste {
  background-color: #363636;
}
.black .divider.divider--colorDialogHeaderBottomBar {
  background-color: #262626;
}
.black .divider.divider--colorBorderH1 {
  background-color: rgba(255, 255, 255, 0.2);
}
.black .divider.divider--colorHintergrund1 {
  background-color: #080808;
}
.black .divider.divider--colorDividerListItem {
  background-color: #262626;
}
.black .divider.divider--headerFooterDivider {
  background-color: #262626;
}
.black .divider.divider--cashOfflineAssign {
  background-color: #333333;
}
.black .divider.divider--welcomeScreen {
  background-color: #333333;
}
.black .divider.divider--popupMenu {
  background-color: #333333;
}
.black .buhlGuard {
  background-image: url('logo_buhlBanking_dark.svg');
  background-repeat: no-repeat;
  background-size: 100%;
}
.black .tanEntry .tanEntry__bankInformation {
  background-color: rgba(255, 255, 255, 0.07);
}
.black .tanEntry .tanEntry__flickerTan .parameters {
  background-color: rgba(255, 255, 255, 0.07);
}
.black .mat-slider .mat-slider-track-background {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.black .mat-slider .mat-slider-track-fill {
  background-color: #FFFFFF !important;
}
.black .mat-slider .mat-slider-thumb {
  background-color: #FFFFFF !important;
}
.black .transactionWait.transactionWait--advent .image {
  background-image: url('daten-an-bank-senden-advent-dark@2x.gif');
}
.black .transactionWait .image {
  background-image: url('daten-an-bank-senden-dark@2x.gif');
}
.black .transactionSuccess .image {
  background-image: url('transaktion-erfolgreich-dark@2x.gif');
}
.black a:link {
  color: var(--key-color);
}
.black .cardListItem .imageAccountGroup .imageAccountGroup__image {
  border: solid 2px #1c1c1c;
}
.black .cardListItem .imageAccountGroup .imageAccountGroup__image.imageAccountGroup__image--expanded {
  border: solid 2px #333333;
}
.black .cardListItem .imageAccountGroup .imageAccountGroup__overflow {
  background-color: #474747;
}
.black .accountDetails .memberAccountsIcon .memberAccountIcon {
  border: solid 2px #121212;
}
.black .accountDetails .memberAccountsIcon .memberAccountIcon__overflow {
  background-color: #474747;
}
.black .creditInstituteIcon__visa {
  content: url('logo-visa-dark.svg');
}
.black .mat-mdc-menu-panel {
  background-color: #262626;
}
.black .mat-mdc-menu-panel.mat-menu-panel-accounts {
  max-width: 328px !important;
}
.black .mat-mdc-menu-panel .mat-mdc-menu-content {
  padding: 0 !important;
}
.black .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.01786em;
  line-height: 20px;
  min-height: 48px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  align-items: center;
  color: #FFFFFF;
}
.black .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
  flex: 1 1 0;
  display: inline-flex;
  align-items: center;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  color: inherit;
}
.black .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item .icon {
  margin-right: 20px;
  margin-left: 8px;
  flex: 0 0 24px;
}
.black .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-ripple .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
@media (hover: hover) {
  .black .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}
.black .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.mat-menu-item-expenses {
  color: #FF0000;
}
.black .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-highlighted:not([disabled]) {
  background-color: rgba(255, 255, 255, 0.1);
}
.black .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.mat-menu-item-icon {
  padding-left: 12px;
}
.black .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.mat-menu-item-icon:not(.mat-mdc-menu-item-submenu-trigger) {
  padding-right: 32px;
}
.black .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-submenu-trigger {
  padding-right: 48px;
}
.black .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.mat-mdc-menu-item-submenu-trigger .mat-mdc-menu-submenu-icon {
  color: rgba(255, 255, 255, 0.38);
  margin-right: 0;
}
.black .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.mat-menu-item-account {
  width: 328px;
  height: 64px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  align-items: center;
}
.black .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.mat-menu-item-account .mat-menu-item-account-icon {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  margin-right: 10px;
}
.black .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.mat-menu-item-account .mat-menu-item-account-text-content {
  flex: 1 1 0;
}
.black .mat-mdc-menu-panel .mat-divider,
.black .mat-mdc-menu-panel .mat-mdc-menu-divider,
.black .mat-mdc-menu-panel .mat-menu-divider {
  width: 100%;
  height: 1px;
  margin: 8px 0;
  background-color: #333333;
  border-top-color: #333333;
}
.black .userMenuHeader {
  background-color: rgba(255, 255, 255, 0.07);
}
.black .userMenuThemeBubble.userMenuThemeBubble--bright {
  background-color: #fff;
  border-color: #fff;
}
.black .userMenuThemeBubble.userMenuThemeBubble--dark {
  background-color: #131313;
  border-color: rgba(255, 255, 255, 0.38);
}
.black .settings {
  background-color: #000000;
}
.black .settings .footer {
  background-color: #1c1c1c;
}
.black .settingsPage .settingsItem {
  background-color: #121212;
}
@media (hover: hover) {
  .black .settingsPage .settingsItem.settingsItem--interactive:hover:not(.settingsItem--interactive--noHover) {
    background-color: rgba(255, 255, 255, 0.1);
  }
}
.black .settingsPage .settingsBlock {
  background-color: #121212;
}
.black .settingsPage .settingsBlock .settingsBlock__divider {
  background-color: #262626;
}
.black .settingsBackground {
  background-color: #000000;
}
.black .conditionRow .conditionRow__link {
  color: var(--key-color);
}
@media (hover: hover) {
  .black .contactEntryContainer:hover {
    background-color: #363636;
  }
}
.black .settingsFooter {
  background-color: rgba(8, 8, 8, 0.94);
}
.black .deleteAccountGroup .accountGroupImage .accountGroupImage__accountImage {
  border: solid 2px #080808;
}
.black .deleteAccountGroup .accountGroupImage .accountGroupImage__accountImage.accountGroupImage__accountImage--overflow {
  background-color: #474747;
}
.black .deleteEntity {
  background-color: #080808;
}
.black .splitDialog .splitDialog__page {
  background-color: #121212;
}
.black .splitEdit input::placeholder {
  color: rgba(255, 255, 255, 0.38);
}
.black .splitEdit .splitEdit__parent {
  background-color: #1c1c1c;
  border-bottom: 1px solid #262626;
}
.black .splitEdit .split__purposeMarker {
  background-color: #FFC107;
}
.black .splitEdit .split__detailContainer {
  background-color: #202020;
}
.black .splitEdit .split__detailContainer:focus-within {
  background-color: #333333;
}
@media (hover: hover) {
  .black .splitEdit .split__detailContainer:hover {
    background-color: #333333;
  }
}
.black .splitEdit .splitEdit__deleteButton {
  background-color: #1c1c1c;
}
.black .splitEdit .split__signToggle {
  background-image: url('ic-vorzeichen-minus-dark-24.svg');
}
.black .splitEdit .split__signToggle.split__signToggle--positive {
  background-image: url('ic-vorzeichen-plus-dark-24.svg');
}
.black .simpleInput {
  border-bottom-color: rgba(255, 255, 255, 0.2);
}
.black .simpleInput:focus-within {
  border-bottom-color: var(--key-color);
}
.black .simpleInput input::placeholder {
  color: rgba(255, 255, 255, 0.38);
}
.black .amountButtonContainer {
  background-color: #202020;
}
.black .amountButton .amountButton__icon {
  color: rgba(255, 255, 255, 0.38);
}
@media (hover: hover) {
  .black .amountButton.amountButton--positive:hover {
    background-color: rgba(0, 200, 83, 0.07);
  }
  .black .amountButton.amountButton--positive:hover .amountButton__icon {
    color: #00C853;
  }
}
.black .amountButton.amountButton--positive.amountButton--active {
  background-color: rgba(0, 200, 83, 0.07);
  border-color: #00C853 !important;
}
.black .amountButton.amountButton--positive.amountButton--active .amountButton__icon {
  color: #00C853;
}
@media (hover: hover) {
  .black .amountButton.amountButton--negative:hover {
    background-color: rgba(255, 0, 0, 0.07);
  }
  .black .amountButton.amountButton--negative:hover .amountButton__icon {
    color: #FF0000;
  }
}
.black .amountButton.amountButton--negative.amountButton--active {
  background-color: rgba(255, 0, 0, 0.07);
  border-color: #FF0000 !important;
}
.black .amountButton.amountButton--negative.amountButton--active .amountButton__icon {
  color: #FF0000;
}
.black .mat-select.mat-select-tax {
  height: 100%;
}
.black .mat-select.mat-select-tax .mat-select-trigger {
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 12px;
  padding-right: 7px;
}
.black .mat-select.mat-select-tax .mat-select-trigger .mat-select-value {
  margin-right: 10px;
  width: auto;
  max-width: unset;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.01786em;
  line-height: 20px;
  vertical-align: middle;
}
.black .mat-select.mat-select-transaction-parent {
  height: 100%;
}
.black .mat-select.mat-select-transaction-parent .mat-select-trigger, .black .mat-select.mat-select-transaction-parent .mat-mdc-select-trigger {
  height: 100% !important;
  padding-left: 8px;
  padding-right: 11px;
  display: flex !important;
  align-items: center !important;
  line-height: 40px !important;
}
.black .mat-select.mat-select-transaction-parent .mat-select-trigger .mat-select-value, .black .mat-select.mat-select-transaction-parent .mat-select-trigger .mat-mdc-select-value, .black .mat-select.mat-select-transaction-parent .mat-mdc-select-trigger .mat-select-value, .black .mat-select.mat-select-transaction-parent .mat-mdc-select-trigger .mat-mdc-select-value {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.01786em;
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  line-height: 40px !important;
  color: #FFFFFF !important;
}
.black .mat-select.mat-select-transaction-parent .mat-select-trigger .mat-select-value .mat-mdc-select-value-text, .black .mat-select.mat-select-transaction-parent .mat-select-trigger .mat-select-value .mat-select-value-text, .black .mat-select.mat-select-transaction-parent .mat-select-trigger .mat-mdc-select-value .mat-mdc-select-value-text, .black .mat-select.mat-select-transaction-parent .mat-select-trigger .mat-mdc-select-value .mat-select-value-text, .black .mat-select.mat-select-transaction-parent .mat-mdc-select-trigger .mat-select-value .mat-mdc-select-value-text, .black .mat-select.mat-select-transaction-parent .mat-mdc-select-trigger .mat-select-value .mat-select-value-text, .black .mat-select.mat-select-transaction-parent .mat-mdc-select-trigger .mat-mdc-select-value .mat-mdc-select-value-text, .black .mat-select.mat-select-transaction-parent .mat-mdc-select-trigger .mat-mdc-select-value .mat-select-value-text {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}
.black .mat-select.mat-select-transaction-parent .mat-select-trigger .mat-select-arrow-wrapper, .black .mat-select.mat-select-transaction-parent .mat-select-trigger .mat-mdc-select-arrow-wrapper, .black .mat-select.mat-select-transaction-parent .mat-mdc-select-trigger .mat-select-arrow-wrapper, .black .mat-select.mat-select-transaction-parent .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}
.black .mat-select.mat-select-transaction-parent .mat-select-trigger .mat-select-arrow, .black .mat-select.mat-select-transaction-parent .mat-select-trigger .mat-mdc-select-arrow, .black .mat-select.mat-select-transaction-parent .mat-mdc-select-trigger .mat-select-arrow, .black .mat-select.mat-select-transaction-parent .mat-mdc-select-trigger .mat-mdc-select-arrow {
  color: rgba(255, 255, 255, 0.54) !important;
}
.black .mat-select.mat-select-disabled .mat-select-value {
  color: rgba(255, 255, 255, 0.38);
}
.black .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(255, 255, 255, 0.38) !important;
}
.black .mat-select.mat-select-disabled .mat-select-placeholder {
  color: rgba(255, 255, 255, 0.38);
}
.black .mat-select .mat-select-placeholder {
  color: #FFFFFF;
}
.black .mat-select .mat-select-value {
  color: #FFFFFF;
}
.black .mat-select .mat-select-arrow {
  color: rgba(255, 255, 255, 0.64);
}
.black.singlePage .mat-select.mat-select-transaction-parent .mat-select-trigger .mat-select-value {
  font-size: 16px;
}
.black .mat-select-panel-wrap .mat-select-panel {
  min-width: 100% !important;
  margin: 0 16px;
  padding: 8px 0;
  background-color: #262626;
}
.black .mat-select-panel-wrap .mat-select-panel:not(.time-slider) {
  max-height: 80vh;
}
.black .mat-select-panel-wrap .mat-select-panel.transaction-parent {
  margin-top: 4px !important;
  transform: translateY(0) !important;
}
.black .mat-select-panel-wrap .mat-select-panel .mat-optgroup-label {
  color: #FFFFFF !important;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.01786em;
}
.black .mat-select-panel-wrap .mat-select-panel .mat-option {
  height: auto !important;
  line-height: unset !important;
  background-color: unset !important;
  color: #FFFFFF !important;
}
.black .mat-select-panel-wrap .mat-select-panel .mat-option .mat-option-text {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.01786em;
  line-height: 48px;
}
.black .mat-select-panel-wrap .mat-select-panel .mat-option.mat-selected {
  background-color: rgba(255, 255, 255, 0.07) !important;
}
@media (hover: hover) {
  .black .mat-select-panel-wrap .mat-select-panel .mat-option:not(.mat-selected):hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }
}
.black .mat-select-panel-wrap .mat-select-panel .mat-option .mat-option-ripple .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.black .mat-mdc-form-field .mat-mdc-select-trigger .mat-mdc-select-value {
  color: #FFFFFF !important;
}
.black .mat-mdc-form-field .mat-mdc-select-trigger .mat-mdc-select-value-text {
  color: #FFFFFF !important;
}
.black .mat-mdc-form-field .mat-mdc-select-trigger .mat-mdc-select-arrow {
  color: rgba(255, 255, 255, 0.64) !important;
}
.black .mat-mdc-form-field .mat-mdc-select-disabled .mat-mdc-select-value,
.black .mat-mdc-form-field .mat-mdc-select-disabled .mat-mdc-select-value-text,
.black .mat-mdc-form-field .mat-mdc-select-disabled .mat-mdc-select-arrow {
  color: rgba(255, 255, 255, 0.38) !important;
}
.black .mat-mdc-select-panel {
  background-color: #202020 !important;
}
.black .mat-mdc-select-panel .mat-mdc-option {
  color: #FFFFFF !important;
  font-size: 14px !important;
}
.black .mat-mdc-select-panel .mat-mdc-option .mdc-list-item__primary-text {
  color: #FFFFFF !important;
  font-size: 14px !important;
}
.black .mat-mdc-select-panel .mat-mdc-option .mdc-list-item__end,
.black .mat-mdc-select-panel .mat-mdc-option .mat-pseudo-checkbox {
  display: none !important;
}
@media (hover: hover) {
  .black .mat-mdc-select-panel .mat-mdc-option:hover {
    background-color: #474747 !important;
  }
}
.black .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected {
  background-color: #333333 !important;
  font-weight: 700;
}
.black .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected .mdc-list-item__primary-text {
  font-weight: 700 !important;
}
.black .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected .mdc-list-item__end,
.black .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected .mat-pseudo-checkbox {
  display: none !important;
}
.black .orderBasketTransfer__select .mat-mdc-select-arrow {
  color: rgba(255, 255, 255, 0.64) !important;
}
.black .catDlg .mat-mdc-tab .tabItemContent, .black .catDlg .mat-mdc-tab .tabItemIcon, .black .catDlg .mat-tab-label .tabItemContent, .black .catDlg .mat-tab-label .tabItemIcon {
  color: rgba(255, 255, 255, 0.54) !important;
}
.black .catDlg .mat-mdc-tab.mdc-tab--active .tabItemContent, .black .catDlg .mat-mdc-tab.mdc-tab--active .tabItemIcon, .black .catDlg .mat-mdc-tab.mat-tab-label-active .tabItemContent, .black .catDlg .mat-mdc-tab.mat-tab-label-active .tabItemIcon, .black .catDlg .mat-tab-label.mdc-tab--active .tabItemContent, .black .catDlg .mat-tab-label.mdc-tab--active .tabItemIcon, .black .catDlg .mat-tab-label.mat-tab-label-active .tabItemContent, .black .catDlg .mat-tab-label.mat-tab-label-active .tabItemIcon {
  color: var(--key-color) !important;
}
@media (hover: hover) {
  .black .catDlg .mat-mdc-tab:not(.mdc-tab--active):hover .tabItemContent, .black .catDlg .mat-mdc-tab:not(.mdc-tab--active):hover .tabItemIcon, .black .catDlg .mat-mdc-tab:not(.mat-tab-label-active):hover .tabItemContent, .black .catDlg .mat-mdc-tab:not(.mat-tab-label-active):hover .tabItemIcon, .black .catDlg .mat-tab-label:not(.mdc-tab--active):hover .tabItemContent, .black .catDlg .mat-tab-label:not(.mdc-tab--active):hover .tabItemIcon, .black .catDlg .mat-tab-label:not(.mat-tab-label-active):hover .tabItemContent, .black .catDlg .mat-tab-label:not(.mat-tab-label-active):hover .tabItemIcon {
    color: #FFFFFF !important;
  }
  .black .catDlg .mat-mdc-tab:hover, .black .catDlg .mat-tab-label:hover {
    background-color: rgba(var(--key-color-rgb), 0.16) !important;
  }
  .black .catDlg .mat-mdc-tab.mdc-tab--active:hover .tabItemContent, .black .catDlg .mat-mdc-tab.mdc-tab--active:hover .tabItemIcon, .black .catDlg .mat-mdc-tab.mat-tab-label-active:hover .tabItemContent, .black .catDlg .mat-mdc-tab.mat-tab-label-active:hover .tabItemIcon, .black .catDlg .mat-tab-label.mdc-tab--active:hover .tabItemContent, .black .catDlg .mat-tab-label.mdc-tab--active:hover .tabItemIcon, .black .catDlg .mat-tab-label.mat-tab-label-active:hover .tabItemContent, .black .catDlg .mat-tab-label.mat-tab-label-active:hover .tabItemIcon {
    color: var(--key-color) !important;
  }
}
.black .contractsContent .mat-mdc-tab-header {
  height: 65px !important;
  align-items: center;
  border-bottom: 1px solid #262626;
  background-color: #1c1c1c;
}
.black .contractsContent .mat-mdc-tab-header .mat-mdc-tab-label-container {
  justify-content: flex-start;
}
.black .contractsContent .mat-mdc-tab {
  flex: 0 0 auto !important;
  height: 65px !important;
  max-width: none !important;
  color: rgba(255, 255, 255, 0.54) !important;
}
.black .contractsContent .mat-mdc-tab .mdc-tab__text-label {
  color: rgba(255, 255, 255, 0.54) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-transform: none !important;
}
.black .contractsContent .mat-mdc-tab.mdc-tab--active {
  color: #FFFFFF !important;
}
.black .contractsContent .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: #FFFFFF !important;
}
@media (hover: hover) {
  .black .contractsContent .mat-mdc-tab:hover {
    background-color: rgba(var(--key-color-rgb), 0.16) !important;
  }
}
.black .contractsContent .mat-mdc-tab-indicator .mat-mdc-tab-indicator__content--underline {
  background-color: var(--key-color) !important;
  height: 1px !important;
  border: none !important;
}
.black .financeServiceContent .mat-form-field-compact .mat-mdc-text-field-wrapper.mdc-text-field--filled.mdc-text-field--no-label,
.black .financeServiceContent .mat-form-field-compact .mat-mdc-text-field-wrapper.mdc-text-field--filled,
.black .financeServiceContent .mat-form-field-compact .mdc-text-field.mdc-text-field--filled {
  background-color: #202020 !important;
  border-radius: 8px 8px 0 0 !important;
}
.black .financeServiceContent .mat-form-field-compact .mat-mdc-form-field-focus-overlay {
  background-color: transparent !important;
}
.black .financeServiceContent .mat-form-field-compact .mdc-line-ripple::before {
  border-bottom-color: rgba(255, 255, 255, 0.6) !important;
  border-bottom-width: 1px !important;
}
@media (hover: hover) {
  .black .financeServiceContent .mat-form-field-compact:hover .mdc-line-ripple::before {
    border-bottom-color: var(--key-color) !important;
  }
}
.black .mat-mdc-slide-toggle {
  --mdc-switch-selected-track-color: #ffffff61;
  --mdc-switch-unselected-track-color: #ffffff61;
  --mdc-switch-selected-track-outline-color: #ffffff61;
  --mdc-switch-unselected-track-outline-color: #ffffff61;
}
.black .mat-mdc-form-field .mat-mdc-select-arrow {
  color: rgba(255, 255, 255, 0.54) !important;
}
.black.singlePage .mat-select-panel-wrap .mat-select-panel.transaction-parent .mat-option .mat-option-text {
  font-size: 16px;
}
.black .dialogContainer {
  width: 640px;
}
.black .dialogContainer .dialog {
  max-width: 80vw;
  max-height: 80vh;
  width: 640px;
}
.black .dialogContainer .mat-dialog-container,
.black .dialogContainer .mat-mdc-dialog-container .mdc-dialog__surface {
  border-radius: 16px;
  background-color: #121212;
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 30px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.black .dialogContainer.dialogContainer--autoSize {
  width: unset !important;
}
.black .dialogContainer.dialogContainer--autoSize .dialog {
  width: unset !important;
}
.black .dialogContainer.dialogContainer--shadow8dp .mat-dialog-container,
.black .dialogContainer.dialogContainer--shadow8dp .mat-mdc-dialog-container .mdc-dialog__surface {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.black .dialogContainer.dialogContainer--minWidth640px {
  min-width: 640px;
}
.black .dialogContainer.dialogContainer--minWidth640px .dialog {
  min-width: 640px;
}
.black .dialogContainer.dialogContainer--width640px {
  width: 640px;
}
.black .dialogContainer.dialogContainer--width640px .dialog {
  width: 640px;
}
.black .dialogContainer.dialogContainer--width592px {
  width: 592px;
}
.black .dialogContainer.dialogContainer--width592px .dialog {
  width: 592px;
}
.black .dialogContainer.dialogContainer--width470px {
  width: 470px;
}
.black .dialogContainer.dialogContainer--width470px .dialog {
  width: 470px;
}
.black .dialogContainer.dialogContainer--width420px {
  width: 420px;
}
.black .dialogContainer.dialogContainer--width420px .dialog {
  width: 420px;
}
.black .dialogContainer.dialogContainer--width360px {
  width: 360px;
}
.black .dialogContainer.dialogContainer--width360px .dialog {
  width: 360px;
}
.black .dialogContainer.dialogContainer--width288px {
  width: 288px;
}
.black .dialogContainer.dialogContainer--width288px .dialog {
  width: 288px;
}
.black .dialogContainer.dialogContainer--width80vw {
  width: 80vw;
}
.black .dialogContainer.dialogContainer--width80vw .dialog {
  width: 80vw;
}
.black .dialogContainer.dialogContainer--width90vw {
  width: 90vw;
  max-width: 90vw !important;
}
.black .dialogContainer.dialogContainer--width90vw .dialog {
  width: 90vw;
  max-width: 90vw;
}
.black .dialogContainer.dialogContainer--height60vh {
  height: 60vh;
}
.black .dialogContainer.dialogContainer--height60vh .dialog {
  height: 60vh;
}
.black .dialogContainer.dialogContainer--height70vh {
  height: 70vh;
}
.black .dialogContainer.dialogContainer--height70vh .dialog {
  height: 70vh;
}
.black .dialogContainer.dialogContainer--height80vh {
  height: 80vh;
  max-height: 80vh;
}
.black .dialogContainer.dialogContainer--height80vh .dialog {
  height: 80vh;
}
.black .dialogContainer.dialogContainer--height90vh {
  height: 90vh;
  max-height: 90vh;
}
.black .dialogContainer.dialogContainer--height90vh .dialog {
  height: 90vh;
  max-height: 90vh;
}
.black .dialogContainer.dialogContainer--maxHeight680px {
  max-height: 680px;
}
.black .dialogContainer.dialogContainer--maxHeight680px .dialog {
  max-height: 680px;
}
.black .dialogContainer.dialogContainer--maxHeight60vh {
  max-height: 60vh;
}
.black .dialogContainer.dialogContainer--maxHeight60vh .dialog {
  max-height: 60vh;
}
.black .dialogContainer.dialogContainer--maxHeight90vh {
  max-height: 90vh;
}
.black .dialogContainer.dialogContainer--maxHeight90vh .dialog {
  max-height: 90vh;
}
.black .dialogContainer.dialogContainer--maxHeight720px {
  max-height: 720px;
}
.black .dialogContainer.dialogContainer--maxHeight720px .dialog {
  max-height: 720px;
}
.black .dialogContainer.dialogContainer--fullScreen {
  width: 100vw !important;
  max-width: 100vw !important;
  max-width: -webkit-fill-available !important;
  height: 100vh !important;
  max-height: 100vh !important;
  max-height: -webkit-fill-available !important;
}
.black .dialogContainer.dialogContainer--fullScreen .mat-dialog-container,
.black .dialogContainer.dialogContainer--fullScreen .mat-mdc-dialog-container .mdc-dialog__surface {
  border-radius: 0;
}
.black .dialogContainer.dialogContainer--fullScreen .dialog {
  width: 100vw !important;
  height: 100vh !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
  max-width: -webkit-fill-available !important;
  max-height: -webkit-fill-available !important;
}
.black .dialogContainer.dialogContainer--fullScreenMinus20 {
  width: calc(100vw - 40px);
  max-width: 100vw !important;
  height: calc(100vh - 40px);
  max-height: 100vh !important;
}
.black .dialogContainer.dialogContainer--fullScreenMinus20 .dialog {
  width: calc(100vw - 40px);
  max-width: 100vw;
  height: calc(100vh - 40px);
  max-height: 100vh;
}
.black .dialogContainer.dialogContainer--fullScreenMaxWidth915 {
  width: calc(100vw - 40px);
  max-width: 915px !important;
  height: calc(100vh - 40px);
  max-height: 100vh !important;
}
.black .dialogContainer.dialogContainer--fullScreenMaxWidth915 .dialog {
  width: calc(100vw - 40px);
  max-width: 915px;
  height: calc(100vh - 40px);
  max-height: 100vh;
}
.black .dialogContainer.dialogContainer--fullScreenMaxWidth1280 {
  width: calc(100vw - 40px);
  max-width: 1280px !important;
  height: calc(100vh - 40px);
  max-height: 100vh !important;
}
.black .dialogContainer.dialogContainer--fullScreenMaxWidth1280 .dialog {
  width: calc(100vw - 40px);
  max-width: 1280px;
  height: calc(100vh - 40px);
  max-height: 100vh;
}
.black .dialogContainer.dialogContainer--fullScreenMaxWidth1360 {
  width: calc(100vw - 40px);
  max-width: 1360px !important;
  height: calc(100vh - 40px);
  max-height: 100vh !important;
}
.black .dialogContainer.dialogContainer--fullScreenMaxWidth1360 .dialog {
  width: calc(100vw - 40px);
  max-width: 1360px;
  height: calc(100vh - 40px);
  max-height: 100vh;
}
.black.singlePage .dialogContainer {
  margin: unset !important;
  width: 280px;
}
.black.singlePage .dialogContainer .dialog {
  width: 280px;
}
.black.singlePage .dialogContainer.dialogContainer--singlePageFullWidthMinus8 {
  width: calc(100vw - 16px);
  max-width: 100vw !important;
}
.black.singlePage .dialogContainer.dialogContainer--singlePageFullWidthMinus8 .dialog {
  width: calc(100vw - 16px);
  max-width: 100vw;
}
.black.singlePage .dialogContainer.dialogContainer--singlePageFullWidthMinus24 {
  width: calc(100vw - 48px);
  max-width: 100vw !important;
}
.black.singlePage .dialogContainer.dialogContainer--singlePageFullWidthMinus24 .dialog {
  width: calc(100vw - 48px);
  max-width: 100vw;
}
.black.singlePage .dialogContainer.dialogContainer--singlePageFullScreen {
  width: 100vw;
  max-width: 100vw !important;
  max-width: -webkit-fill-available !important;
  height: 100vh;
  max-height: 100vh !important;
  max-height: -webkit-fill-available !important;
}
@keyframes bottom-up {
  from {
    transform: translateY(100vh);
  }
  to {
    transform: translateY(0);
  }
}
.black.singlePage .dialogContainer.dialogContainer--singlePageFullScreen {
  animation: bottom-up 0.3s ease-out;
}
.black.singlePage .dialogContainer.dialogContainer--singlePageFullScreen .mat-dialog-container,
.black.singlePage .dialogContainer.dialogContainer--singlePageFullScreen .mat-mdc-dialog-container .mdc-dialog__surface {
  border-radius: 0;
}
.black.singlePage .dialogContainer.dialogContainer--singlePageFullScreen .dialog {
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  max-height: 100vh;
  max-width: -webkit-fill-available;
  max-height: -webkit-fill-available;
}
.black .mat-dialog-container,
.black .mat-mdc-dialog-container .mdc-dialog__surface {
  padding: 0;
}
.black .dialog .dialog__header.dialog__header--forceBackground {
  background-color: #1c1c1c;
}
.black .dialog .dialog__header.dialog__header--border {
  background-color: #1c1c1c;
  border-bottom: 1px solid #262626;
}
.black .dialog .dialog__footer.dialog__footer--border {
  background-color: #1c1c1c;
  border-top: 1px solid #262626;
}
.black .changeBooking .changeBooking__page {
  background-color: #121212;
}
@media (hover: hover) {
  .black .categoryContentItem:hover {
    background-color: #363636;
  }
}
.black .groupCharacteristic {
  background-color: #1c1c1c;
}
.black .receiver {
  background-color: #000000;
}
.black .simpleTextField .simpleTextField__select {
  height: 100%;
  display: flex;
  align-items: center;
}
.black .simpleTextField .simpleTextField__select .mat-mdc-select-trigger, .black .simpleTextField .simpleTextField__select .mat-select-trigger {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  width: 100%;
  line-height: 40px !important;
}
.black .simpleTextField .simpleTextField__select .mat-mdc-select-value, .black .simpleTextField .simpleTextField__select .mat-select-value {
  color: #FFFFFF !important;
  font-size: 14px !important;
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  line-height: 40px !important;
}
.black .simpleTextField .simpleTextField__select .mat-mdc-select-value .mat-mdc-select-value-text, .black .simpleTextField .simpleTextField__select .mat-mdc-select-value .mat-select-value-text, .black .simpleTextField .simpleTextField__select .mat-select-value .mat-mdc-select-value-text, .black .simpleTextField .simpleTextField__select .mat-select-value .mat-select-value-text {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}
.black .simpleTextField .simpleTextField__select .mat-mdc-select-arrow-wrapper, .black .simpleTextField .simpleTextField__select .mat-select-arrow-wrapper {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}
.black .simpleTextField .simpleTextField__select .mat-mdc-select-arrow, .black .simpleTextField .simpleTextField__select .mat-select-arrow {
  color: rgba(255, 255, 255, 0.54) !important;
}
@media (hover: hover) {
  .black .simpleTextField:hover .simpleTextField__border {
    background-color: rgba(255, 255, 255, 0.6);
  }
}
.black .simpleTextField:focus-within .simpleTextField__border {
  background-color: var(--key-color);
}
.black .simpleTextField .simpleTextField__border {
  background-color: rgba(255, 255, 255, 0.2);
}
.black .simpleTextField .simpleTextField__input::placeholder {
  color: rgba(255, 255, 255, 0.38);
}
.black .reportsContent .reportsContent__dates .dates__bubble--current {
  background-color: #434343;
}
.black .reportsContent .reportsContent__dates .dates__bubble--nextPrevious {
  border: solid 1px rgba(255, 255, 255, 0.2);
}
.black .noData__image.noData__image--donut {
  background-image: url('ic-keine-daten-donut-96-black.svg');
}
.black .absoluteChart {
  background-color: #000000;
}
.black .xs2aMigrationImage {
  background-image: url('xs2a-dunkel.svg');
  background-repeat: no-repeat;
}
.black .ct-label {
  color: rgba(255, 255, 255, 0.54);
}
.black .ct-grid {
  stroke: rgba(255, 255, 255, 0.54);
}
.black .chartist__donutUnknown {
  fill: #AAAAAA;
}
.black .chartist__donutHomeAndLiving {
  fill: #97D700;
}
.black .chartist__donutHousing {
  fill: #FFCD00;
}
.black .chartist__donutTransportAndMobility {
  fill: #00BAB3;
}
.black .chartist__donutChildren {
  fill: #E10600;
}
.black .chartist__donutLeisure {
  fill: #FF6900;
}
.black .chartist__donutSavingsAndProvisions {
  fill: #004677;
}
.black .chartist__donutOtherExpenses {
  fill: #7C878E;
}
.black .chartist__donutCashAndCreditCardPayments {
  fill: #568B83;
}
.black .chartist__barCategorized {
  stroke: var(--key-color);
}
.black .chartist__barNotCategorized {
  stroke: #AAAAAA;
}
.black .accountPicker .accountPicker__selectAllRow {
  background-color: #202020;
  cursor: pointer;
}
.black .accountPicker .accountPicker__accountContainer.accountPicker__account--group {
  background-color: #333333;
}
.black .accountPicker .accountPicker__accountContainer.accountPicker__account--groupMember {
  background-color: #333333;
}
.black .accountPicker .accountPicker__accountContainer .accountPicker__account .account__image.account__image--group .accountGroup__image {
  border: solid 2px #333333;
}
.black .accountPicker .accountPicker__accountContainer .accountPicker__account .account__image.account__image--group .accountGroup__image.accountGroup__image--dialogBackground {
  border: solid 2px #121212;
}
.black .accountPicker .accountPicker__accountContainer .accountPicker__account .account__image.account__image--group .accountGroup__image.accountGroup__image--overflow {
  background-color: #474747;
}
.black .mat-datepicker-toggle {
  color: rgba(255, 255, 255, 0.64);
}
.black .mat-datepicker-toggle.mat-datepicker-toggle-active {
  color: var(--key-color);
}
.black .mat-autocomplete-panel,
.black .mat-mdc-autocomplete-panel {
  background-color: #262626 !important;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.black .mat-autocomplete-panel .mat-option, .black .mat-autocomplete-panel .mat-option.mat-selected,
.black .mat-autocomplete-panel .mat-mdc-option, .black .mat-autocomplete-panel .mat-mdc-option.mdc-list-item--selected,
.black .mat-mdc-autocomplete-panel .mat-option,
.black .mat-mdc-autocomplete-panel .mat-option.mat-selected,
.black .mat-mdc-autocomplete-panel .mat-mdc-option,
.black .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.01786em;
  line-height: 20px;
  display: flex;
  align-items: center;
  background-color: #262626 !important;
  color: #FFFFFF !important;
}
.black .mat-autocomplete-panel .mat-option .mdc-list-item__primary-text, .black .mat-autocomplete-panel .mat-option.mat-selected .mdc-list-item__primary-text,
.black .mat-autocomplete-panel .mat-mdc-option .mdc-list-item__primary-text, .black .mat-autocomplete-panel .mat-mdc-option.mdc-list-item--selected .mdc-list-item__primary-text,
.black .mat-mdc-autocomplete-panel .mat-option .mdc-list-item__primary-text,
.black .mat-mdc-autocomplete-panel .mat-option.mat-selected .mdc-list-item__primary-text,
.black .mat-mdc-autocomplete-panel .mat-mdc-option .mdc-list-item__primary-text,
.black .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected .mdc-list-item__primary-text {
  color: #FFFFFF !important;
}
.black .mat-autocomplete-panel .mat-option .mat-option-ripple .mat-ripple-element, .black .mat-autocomplete-panel .mat-option.mat-selected .mat-option-ripple .mat-ripple-element,
.black .mat-autocomplete-panel .mat-mdc-option .mat-option-ripple .mat-ripple-element, .black .mat-autocomplete-panel .mat-mdc-option.mdc-list-item--selected .mat-option-ripple .mat-ripple-element,
.black .mat-mdc-autocomplete-panel .mat-option .mat-option-ripple .mat-ripple-element,
.black .mat-mdc-autocomplete-panel .mat-option.mat-selected .mat-option-ripple .mat-ripple-element,
.black .mat-mdc-autocomplete-panel .mat-mdc-option .mat-option-ripple .mat-ripple-element,
.black .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected .mat-option-ripple .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
@media (hover: hover) {
  .black .mat-autocomplete-panel .mat-option:hover, .black .mat-autocomplete-panel .mat-option.mat-active, .black .mat-autocomplete-panel .mat-option.mat-mdc-option-active, .black .mat-autocomplete-panel .mat-option.mat-selected:hover, .black .mat-autocomplete-panel .mat-option.mat-selected.mat-active, .black .mat-autocomplete-panel .mat-option.mat-selected.mat-mdc-option-active,
  .black .mat-autocomplete-panel .mat-mdc-option:hover,
  .black .mat-autocomplete-panel .mat-mdc-option.mat-active,
  .black .mat-autocomplete-panel .mat-mdc-option.mat-mdc-option-active, .black .mat-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:hover, .black .mat-autocomplete-panel .mat-mdc-option.mdc-list-item--selected.mat-active, .black .mat-autocomplete-panel .mat-mdc-option.mdc-list-item--selected.mat-mdc-option-active,
  .black .mat-mdc-autocomplete-panel .mat-option:hover,
  .black .mat-mdc-autocomplete-panel .mat-option.mat-active,
  .black .mat-mdc-autocomplete-panel .mat-option.mat-mdc-option-active,
  .black .mat-mdc-autocomplete-panel .mat-option.mat-selected:hover,
  .black .mat-mdc-autocomplete-panel .mat-option.mat-selected.mat-active,
  .black .mat-mdc-autocomplete-panel .mat-option.mat-selected.mat-mdc-option-active,
  .black .mat-mdc-autocomplete-panel .mat-mdc-option:hover,
  .black .mat-mdc-autocomplete-panel .mat-mdc-option.mat-active,
  .black .mat-mdc-autocomplete-panel .mat-mdc-option.mat-mdc-option-active,
  .black .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:hover,
  .black .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected.mat-active,
  .black .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected.mat-mdc-option-active {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }
}
.black .headerContainer {
  background-color: #1c1c1c;
  border-bottom: 1px solid #262626;
  box-shadow: none;
}
.black .headerContainer.headerContainer__noBorder {
  border-bottom: none;
}
.black.singlePage .headerContainer {
  box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.2);
}
.black.singlePage .headerContainer.headerContainer__noBoxShadow {
  border-bottom: none;
  box-shadow: none;
}
.black .sectionList__emptyViewImage--bookingList {
  background-image: url('ic-keine-ergebnisse-buli-96-black.svg');
}
.black.singlePage .detailsHeader .detailsHeader__toolbar {
  background-color: #434343;
}
.black .detailsFooter {
  background-color: #1c1c1c;
  border-top: 1px solid #262626;
}
.black .mat-calendar {
  background-color: #262626;
}
.black .mat-calendar .mat-calendar-arrow {
  border-top-color: rgba(255, 255, 255, 0.38);
  fill: var(--key-color);
}
.black .mat-calendar .mat-calendar-previous-button, .black .mat-calendar .mat-calendar-next-button {
  color: rgba(255, 255, 255, 0.64) !important;
}
.black .mat-calendar .mat-calendar-previous-button[disabled=true], .black .mat-calendar .mat-calendar-next-button[disabled=true] {
  color: rgba(255, 255, 255, 0.38) !important;
}
.black .mat-calendar .mat-calendar-previous-button:not([disabled=true]):hover, .black .mat-calendar .mat-calendar-next-button:not([disabled=true]):hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.black .mat-calendar .mat-calendar-previous-button .mat-ripple-element, .black .mat-calendar .mat-calendar-next-button .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.black .mat-calendar .mat-calendar-table-header th {
  color: rgba(255, 255, 255, 0.54);
}
.black .mat-calendar .mat-calendar-table-header .mat-calendar-table-header-divider::after {
  background-color: #262626 !important;
}
.black .mat-calendar .mat-calendar-body .mat-calendar-body-label {
  color: #FFFFFF;
}
.black .mat-calendar .mat-calendar-body .mat-calendar-body-cell .mat-calendar-body-cell-content {
  border-width: 0;
  color: #FFFFFF;
}
.black .mat-calendar .mat-calendar-body .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-selected {
  color: white;
}
.black .mat-calendar .mat-calendar-body .mat-calendar-body-cell.mat-calendar-body-disabled .mat-calendar-body-cell-content {
  color: rgba(255, 255, 255, 0.38);
}
.black .mat-calendar .mat-calendar-body .mat-calendar-body-today {
  border-color: #FFFFFF;
}
.black .mat-calendar .mat-calendar-body .mat-calendar-body-selected {
  background-color: var(--key-color);
}
.black .mat-calendar .mat-calendar-body .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  background-color: rgba(255, 255, 255, 0.1);
}
.black .mat-calendar .mat-calendar-body .mat-calendar-body-in-range::before {
  background-color: rgba(var(--key-color-rgb), 0.2);
}
.black .mat-datepicker-actions {
  background-color: #262626;
}
.black .typeCard {
  background-color: #1c1c1c;
}
.black .typeCard.typeCard--creditCard .typeCard__icon {
  background-image: url('logo_kreditkarten.svg');
}
.black .typeCard.typeCard--outbank .typeCard__icon {
  background-image: url('logo-outbank-import-56.svg');
}
.black .typeCard.typeCard--moreBanks .typeCard__icon {
  width: 48px !important;
  height: 48px !important;
  margin-top: 24px !important;
  margin-bottom: 4px !important;
}
.black .bankSearchEmpty .bankSearchEmpty__icon {
  background-image: url('ic_bank_twotone_96_black@2x.png');
}
.black .status .status__cardImage.status__cardImage--group {
  background-color: #080808;
}
.black .status .status__cardImage.status__cardImage--group .accountGroup__image.accountGroup__image--overflow {
  background-color: #202020;
}
.black .takePhoto {
  border: 4px solid #FFFFFF;
}
.black .takePhoto.takePhoto--disabled {
  border-color: rgba(255, 255, 255, 0.38);
}
.black .takePhoto.takePhoto--disabled .takePhoto__inner {
  background-color: rgba(255, 255, 255, 0.38);
}
.black .takePhoto .takePhoto__inner {
  background-color: #FFFFFF;
}
.black .cameraUnavailableOverlay {
  background-color: #262626;
}
.black .mat-date-range-input input::placeholder {
  color: rgba(255, 255, 255, 0.38);
}
.black .mat-date-range-input .mat-date-range-input-start-wrapper {
  line-height: 20px;
}
.black .mat-date-range-input .mat-date-range-input-separator {
  font-size: 14px;
  line-height: 20px;
  margin-left: 4px;
  margin-right: 4px;
  color: #FFFFFF;
}
.black .mat-snack-bar-container {
  background-color: #024A9D;
  color: white;
  border-radius: 8px;
  overflow: hidden;
}
.black .mat-snack-bar-container.mat-snack-bar-container-with-button {
  padding: 14px 8px 8px 16px;
}
.black .pageBackground {
  background-color: #121212;
}
.black .donutChart .donutChart__shadow {
  background-image: url('grafik-schatten-piechart-dunkel@2x.png');
}
.black .highcharts-axis-labels {
  font-size: 12px;
  letter-spacing: 0.03333em;
  line-height: 16px;
  fill: rgba(255, 255, 255, 0.54);
}
.black .highcharts-grid.highcharts-yaxis-grid {
  stroke: #262626;
}
.black .highcharts-xaxis .highcharts-axis-line {
  stroke: rgba(255, 255, 255, 0.38);
  stroke-width: 2;
}
.black .highcharts-xaxis.highcharts-xaxis-tick-line .highcharts-tick {
  stroke: rgba(255, 255, 255, 0.38);
}
.black .highcharts-plot-line.highcharts-plot-line-zero {
  stroke: #FFFFFF;
}
.black .highcharts-tooltip-box {
  fill: #262626;
}
.black .highcharts-tooltip {
  filter: none;
}
.black .highcharts-label-box {
  fill: #262626;
}
.black .highcharts-variablepie-series .highcharts-point {
  stroke-width: 0.5px;
}
.black .highcharts-area-series .highcharts-graph.zone-negative {
  stroke: #FF0000;
}
.black .highcharts-sunburst-series .highcharts-point {
  stroke: #080808 !important;
}
.black .highcharts-sankey-series text {
  fill: #FFFFFF;
}
.black .budgetsContent .budgetsContent__budget .budget__budgetGraphic .budgetGraphic__overlay {
  background-color: #080808;
}
.black .budgetsContent .budgetsContent__budget .budget__budgetGraphic .budgetGraphic__usedArea {
  background-color: rgba(255, 255, 255, 0.1);
}
.black .budgetsContent .budgetsContent__budget .budget__budgetGraphic .budgetGraphic__usedArea .budgetGraphic__usedFill {
  background-color: #00C853;
}
.black .budgetsContent .budgetsContent__budget .budget__budgetGraphic .budgetGraphic__usedArea .budgetGraphic__usedFill.budgetGraphic__usedFill--exceeded {
  background-color: #FF0000;
}
.black .budgetsContent .budgetsContent__budget .budget__budgetGraphic .budgetGraphic__usedArea .budgetGraphic__usedFill.budgetGraphic__usedFill--nearlyAllUsed {
  background-color: #FFC107;
}
.black .budgetsContent .budgetsContent__budget .budget__budgetGraphic .budgetGraphic__usedArea .budgetGraphic__usedText {
  color: #FFFFFF;
}
.black .budgetsContent .budgetsContent__budget .budget__budgetGraphic .budgetGraphic__usedArea .budgetGraphic__usedText.budgetGraphic__usedText--inside {
  color: white;
}
.black .budgetsContent .budgetsContent__budget .budget__budgetGraphic .budgetGraphic__separator .separator__dot {
  background-color: #FFFFFF;
}
.black .budgetsContent .budgetsContent__budget .budget__budgetGraphic .budgetGraphic__exceededArea {
  background-color: rgba(255, 0, 0, 0.24);
}
.black .budgetsContent .budgetsContent__budget .budget__budgetGraphic .budgetGraphic__exceededArea.budgetGraphic__exceededArea--filled {
  background-color: unset;
  background-image: linear-gradient(135deg, #ff0000 25%, #781717 25%, #781717 50%, #ff0000 50%, #ff0000 75%, #781717 75%, #781717 100%);
}
.black .budgetsContent .budgetsContent__budget .budget__remainingDaysGraphic {
  background-color: rgba(255, 255, 255, 0.1);
}
.black .budgetsContent .budgetsContent__budget .budget__remainingDaysGraphic .budget__elapsedDaysGraphic {
  background-color: #FFFFFF;
}
.black .budgetsContent .budgetsContent__empty .empty__icon.empty__icon--generic {
  background-image: url('ic-keine-ergebnisse-buli-96-black.svg');
}
.black .budgetDialog__page {
  background-color: #121212;
}
.black .budgetDialog input::placeholder {
  color: rgba(255, 255, 255, 0.38);
}
.black .budgetDialog .budgetDialogRow {
  background-color: #202020;
  cursor: pointer;
}
@media (hover: hover) {
  .black .budgetDialog .budgetDialogRow.budgetDialogRow--interactive:hover:not(.budgetDialogRow--interactive--noHover) {
    background-color: #333333;
  }
}
.black .budgetDialog .budgetDialogRow:focus-within {
  background-color: #333333;
}
.black .budgetDialog .budgetDialog__contentRow .contentRow__iconAlert {
  background-color: #FA7D19;
}
.black .taxYearChooser {
  border: solid 1px rgba(255, 255, 255, 0.2);
}
@media (hover: hover) {
  .black .taxYearChooser:focus-within {
    border-color: var(--key-color);
  }
}
.black .taxYearChooser > * {
  flex: none;
}
.black .detailsContent .documentsContent .document.document--existing {
  border: solid 1px rgba(255, 255, 255, 0.2);
}
.black .addDocumentDialog .loading {
  background-color: #121212;
}
.black .addDocumentDialog .loading .loading__image {
  background-image: url('datei-hochladen-dark@2x.gif');
}
.black .documentEmptyImage {
  background-image: url('ic-dokument-twotone-96-d.svg');
}
.black .documentListSection .documentListSection__header {
  background-color: #1c1c1c;
}
.black .documentListSection .documentListSection__header.documentListSection__header--mainBackground {
  background-color: #000000;
}
.black .documentListSection .folderSuggestionContainer__content {
  background-color: #0B213B;
}
.black .dropDownMenuButton {
  border: solid 1px rgba(255, 255, 255, 0.2);
}
.black .dropDownMenuButton.dropDownMenuButton--focused {
  border: solid 1px rgba(255, 255, 255, 0.38);
  background-color: rgba(255, 255, 255, 0.07);
}
.black .dropDownMenuButton.dropDownMenuButton--iconOnly {
  border: none;
}
.black .documentCell.documentCell--selected {
  background-color: rgba(var(--key-color-rgb), 0.24);
}
.black .documentCell .documentCell__previewLoadingContainer {
  background-color: #262626;
  border: solid 1px transparent;
}
.black .documentCell .documentCell__previewLoadingContainer.documentCell__previewLoadingContainer--large {
  background-color: #262626;
  border: none;
}
.black .documentCell .documentCell__previewContainer {
  background-color: #262626;
  border: solid 1px transparent;
}
.black .documentCell .documentCell__previewContainer.documentCell__previewContainer--large {
  background-color: #262626;
}
.black .documentCell .documentCell__multiplePreviewContainer .documentCell__preview {
  border: solid 1px transparent;
  background-color: #080808;
}
.black .documentCell .documentCellOverlay {
  background-color: #1c1c1c;
}
.black .documentCell .documentCellOverlay .documentCellOverlay__detailsContainer .documentCellOverlay__detailsDivider {
  background-color: #333333;
}
.black .documentCell .documentCellOverlay .documentCellOverlay__detailsContainer .documentCellOverlay__tagsContainer .documentCellOverlay__tagEntry {
  color: rgba(255, 255, 255, 0.54);
  background-color: #333333;
}
.black .documentCell .documentCell__badgeContainer .documentCell__tagContainer .documentCell__tag {
  background-color: #1c1c1c;
  border: solid 1px #333333;
}
.black .documentCell .documentCell__badgeContainer .documentCell__dueIndicator--open {
  background-color: #545454;
}
.black .documentCell .documentCell__badgeContainer .documentCell__dueIndicator--dueSoon {
  background-color: #FFC107;
}
.black .documentCell .documentCell__badgeContainer .documentCell__dueIndicator--due {
  background-color: #F20030;
}
.black .documentCell .documentCell_indicatorContainer .documentCell_indicator {
  background-color: rgba(0, 0, 0, 0.64);
}
.black .documentCell__counter {
  background-color: rgba(0, 0, 0, 0.64);
}
.black .documentRowCell.documentRowCell--selected {
  background-color: rgba(var(--key-color-rgb), 0.24);
}
@media (hover: hover) {
  .black .documentRowCell:not(.documentRowCell--selected):not(.documentRowCell--hoveringLeftContainer):hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .black .documentRowCell .documentRowCell__leftContainer:not(.documentRowCell__leftContainer--noHover):hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}
.black .documentRowCell .documentRowCell__previewLoadingContainer {
  background-color: #262626;
  border-color: transparent;
}
.black .documentRowCell .documentRowCell__previewContainer {
  background-color: #262626;
  border-color: transparent;
}
.black .checkmark__soon {
  color: #ffc107;
}
.black .documentRowCell__middleRow .uncheckedHint {
  color: #ffc107;
}
.black .documentRowCell__tag {
  background-color: #202020;
}
.black .assignedBookingInfos {
  border: solid 1px #262626;
}
.black .documentPreviewContainer .documentPreviewContainer__background {
  background-color: #1c1c1c;
  border: solid 1px transparent;
}
.black .subDocument {
  border: solid 1px rgba(255, 255, 255, 0.2);
}
@media (hover: hover) {
  .black .documentInfoContainer__row--clickable:hover .text:last-child span {
    background-color: #333333;
  }
}
.black .documentInfoContainer__divider {
  background-color: #333333;
}
.black .documentDetailsRow--button {
  background-color: #202020;
}
@media (hover: hover) {
  .black .documentDetailsRow:not(.documentDetailsRow--noHover):hover {
    background-color: #363636;
  }
}
.black .portalDocumentDownloadContainer__buttonContainer {
  background-color: #202020;
}
.black .documentDetails .previewImage {
  border: solid 1px transparent;
}
.black .areaFab .areaFab__button {
  background-color: #262626;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
}
.black .areaFab .areaFab__circle {
  box-shadow: 0 0 5px -3px rgba(0, 0, 0, 0.2), 0 0 10px 1px rgba(0, 0, 0, 0.14), 0 0 14px 2px rgba(0, 0, 0, 0.12);
}
.black .bonusCardDialog__page {
  background-color: #121212;
}
.black .bonusCardsCameraErrorImage {
  background-image: url('ic-keine-kamera-two-tone-96-d.svg');
}
.black .bonusCardDialogDeleteRow {
  background-color: #121212;
  cursor: pointer;
}
.black .mat-chip-list.mat-chip-list__centered,
.black .mat-mdc-chip-set.mat-chip-list__centered,
.black .mat-mdc-chip-grid.mat-chip-list__centered {
  display: flex;
  justify-content: center;
}
.black .mat-chip-list.mat-chip-list__centered .mat-chip-list-wrapper,
.black .mat-chip-list.mat-chip-list__centered .mdc-evolution-chip-set__chips,
.black .mat-chip-list.mat-chip-list__centered .mat-mdc-chip-set-chips,
.black .mat-chip-list.mat-chip-list__centered .mat-mdc-chip-grid-chips,
.black .mat-mdc-chip-set.mat-chip-list__centered .mat-chip-list-wrapper,
.black .mat-mdc-chip-set.mat-chip-list__centered .mdc-evolution-chip-set__chips,
.black .mat-mdc-chip-set.mat-chip-list__centered .mat-mdc-chip-set-chips,
.black .mat-mdc-chip-set.mat-chip-list__centered .mat-mdc-chip-grid-chips,
.black .mat-mdc-chip-grid.mat-chip-list__centered .mat-chip-list-wrapper,
.black .mat-mdc-chip-grid.mat-chip-list__centered .mdc-evolution-chip-set__chips,
.black .mat-mdc-chip-grid.mat-chip-list__centered .mat-mdc-chip-set-chips,
.black .mat-mdc-chip-grid.mat-chip-list__centered .mat-mdc-chip-grid-chips {
  justify-content: center;
}
.black .mat-chip.mat-standard-chip,
.black .mat-mdc-chip:not(.mdc-evolution-chip--disabled) {
  background-color: rgba(var(--key-color-rgb), 0.12) !important;
  color: #001333;
  border: solid 1px var(--key-color);
  --mdc-chip-container-shape: 16px;
  --mdc-chip-label-text-size: 14px;
  --mat-chip-elevated-container-color: transparent;
  margin: 4px !important;
  padding-right: 8px !important;
  height: 33px !important;
}
.black .mat-chip.mat-standard-chip .mdc-chip__text-label,
.black .mat-mdc-chip:not(.mdc-evolution-chip--disabled) .mdc-chip__text-label {
  color: inherit;
  padding-right: 0 !important;
}
@media (hover: hover) {
  .black .mat-chip.mat-standard-chip:not([removable=true]):hover,
  .black .mat-mdc-chip:not(.mdc-evolution-chip--disabled):not([removable=true]):hover {
    background-color: #333333;
  }
}
.black .mat-chip.mat-standard-chip.mat-chip-unselected,
.black .mat-mdc-chip:not(.mdc-evolution-chip--disabled).mat-chip-unselected {
  background-color: #202020 !important;
  border: none;
  cursor: pointer;
  --mat-chip-elevated-container-color: #202020;
  padding-right: 12px !important;
}
.black .mat-chip.mat-standard-chip .mat-ripple-element,
.black .mat-mdc-chip:not(.mdc-evolution-chip--disabled) .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.black .mat-chip.mat-standard-chip .mat-chip-remove,
.black .mat-chip.mat-standard-chip .mat-mdc-chip-remove,
.black .mat-chip.mat-standard-chip [matChipRemove],
.black .mat-mdc-chip:not(.mdc-evolution-chip--disabled) .mat-chip-remove,
.black .mat-mdc-chip:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-remove,
.black .mat-mdc-chip:not(.mdc-evolution-chip--disabled) [matChipRemove] {
  color: rgba(255, 255, 255, 0.64);
  display: flex !important;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
  visibility: visible !important;
  min-width: 20px;
  min-height: 20px;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0 0 0 4px;
  position: relative;
  overflow: visible;
}
@media (hover: hover) {
  .black .mat-chip.mat-standard-chip .mat-chip-remove:hover,
  .black .mat-chip.mat-standard-chip .mat-mdc-chip-remove:hover,
  .black .mat-chip.mat-standard-chip [matChipRemove]:hover,
  .black .mat-mdc-chip:not(.mdc-evolution-chip--disabled) .mat-chip-remove:hover,
  .black .mat-mdc-chip:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-remove:hover,
  .black .mat-mdc-chip:not(.mdc-evolution-chip--disabled) [matChipRemove]:hover {
    color: rgba(255, 255, 255, 0.87);
  }
}
.black .mat-chip.mat-standard-chip .mat-chip-remove i,
.black .mat-chip.mat-standard-chip .mat-mdc-chip-remove i,
.black .mat-chip.mat-standard-chip [matChipRemove] i,
.black .mat-mdc-chip:not(.mdc-evolution-chip--disabled) .mat-chip-remove i,
.black .mat-mdc-chip:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-remove i,
.black .mat-mdc-chip:not(.mdc-evolution-chip--disabled) [matChipRemove] i {
  color: inherit;
  display: block;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
}
.black .mat-chip.mat-standard-chip .mat-chip-remove .mat-mdc-button-touch-target,
.black .mat-chip.mat-standard-chip .mat-mdc-chip-remove .mat-mdc-button-touch-target,
.black .mat-chip.mat-standard-chip [matChipRemove] .mat-mdc-button-touch-target,
.black .mat-mdc-chip:not(.mdc-evolution-chip--disabled) .mat-chip-remove .mat-mdc-button-touch-target,
.black .mat-mdc-chip:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-remove .mat-mdc-button-touch-target,
.black .mat-mdc-chip:not(.mdc-evolution-chip--disabled) [matChipRemove] .mat-mdc-button-touch-target {
  display: none;
}
.black .addDocumentBookingPage {
  background-color: #121212;
}
.black .addDocumentBookingList .document__preview {
  border: solid 1px rgba(255, 255, 255, 0.2);
}
.black .addDocumentBookingDetails .details .details__amountRow .amountRow__amount {
  background: rgba(0, 200, 83, 0.08);
}
.black .addDocumentBookingDetails .details .details__amountRow .amountRow__amount.amountRow__amount--negative {
  background: rgba(255, 0, 0, 0.1);
}
.black .addDocumentSection__header {
  background-color: #1c1c1c;
}
.black .documentOrderBasketCell.documentOrderBasketCell--selected {
  background-color: rgba(var(--key-color-rgb), 0.24);
}
@media (hover: hover) {
  .black .documentOrderBasketCell:not(.documentOrderBasketCell--selected):not(.documentOrderBasketCell--hoveringLeftContainer):hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .black .documentOrderBasketCell .documentOrderBasketCell__leftContainer:not(.documentOrderBasketCell__leftContainer--noHover):hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}
.black .documentListSection__divider {
  background-color: #262626;
}
.black .orderBasketTransfer .orderBasketTransfer__select {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.black .orderBasketUpdated .orderBasketUpdated__image {
  background-image: url('order-basket-updated-d.svg');
}
.black .offer {
  background-color: #1c1c1c;
}
.black .offer__securitiesPopup {
  background-color: #FFFFFF;
  color: #080808;
}
.black .drillUpChip {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
.black .eCommerceCardsEmptyPageImage {
  background-image: url('ic-shopping-two-tone-96-black.svg');
}
.black .addressContent .image.image--addAddress {
  background-image: url("/assets/grafiken/addresses/ic-neuer-kontakt-dark-72.svg");
}
.black .addressContent .image.image--editAddress {
  background-image: url("/assets/grafiken/addresses/ic-kontaktdetails-dark-72.svg");
}
.black .docutain {
  background-color: #080808;
}
.black .cdk-overlay-dark-backdrop {
  background: rgba(47, 47, 47, 0.8);
}
.black .loginBaseContainer {
  background-color: #000;
}
.black .loginBaseContainer .loginContainer {
  background-color: #202020;
  border: 1px solid #262626;
}
.black .loginBaseContainer .loginContainer .loginContainer__icon {
  background-image: url('fb-logo-dark.svg');
}
.black .videoContainer .modeSwitch {
  color: #ffffff;
  background-color: rgba(67, 67, 67, 0.2);
}
.black .swipeRevealItem.swipeRevealItem--backgroundKeyColor {
  background-color: var(--key-color);
}
.black .swipeRevealItem.swipeRevealItem--background {
  background-color: #363636;
}
.black .swipeRevealItem.swipeRevealItem--foregroundWhite {
  color: #FFFFFF;
}
.black .bonusCardDialogSpinner {
  background-color: #121212;
}
.black .addBookingDocumentPage {
  background-color: #121212;
}
.black .bookingDocumentSectionHeader {
  background-color: #1c1c1c;
}
.black .addBookingDocumentPreview .addBookingDocumentPreview__header {
  background-color: #1c1c1c;
  border-bottom: 1px solid #262626;
}
.black .outbankAccount .addCard {
  border-color: #FFFFFF;
}
.black .flyoutOverlay {
  background-color: rgba(47, 47, 47, 0.8);
}
.black .menuOverlay {
  background-color: rgba(47, 47, 47, 0.8);
}
.black .flyoutMenu {
  background-color: #1c1c1c;
}
.black .sidebarMenu {
  background-color: #333333;
  border-color: #262626;
}
.black .sidebarMenu .openFlyoutButton .openFlyoutButton--newContent {
  outline: 2px solid #333333;
}
.black .sidebarMenu .sidebarMenuShadow {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.33));
}
.black .exceededBudgetNotification {
  background-color: #FF0000;
}
.black .expensesSwitch {
  background-image: url('ic_cat_erhaltene_gutschriften_32_dark.svg');
}
.black .incomesSwitch {
  background-image: url('ic_cat_ausgestellte_gutschriften_32_dark.svg');
}
.black .document--new .addButton {
  background-color: #202020;
}
.black .upcomingOrderListSection .upcomingOrderListSection__header {
  background-color: #1c1c1c;
}
.black .upcomingOrderListSection .upcomingOrderListSection__divider {
  background-color: #262626;
}
.black .journalTeaserDialog .image {
  background-image: url('grafik-finanzblick-journal-dark.svg');
}
.black .keywordContent .keyword__attached {
  background-color: rgba(var(--key-color-rgb), 0.24);
}
.black .keywordContent .keyword__addFromSearch {
  background-color: #00C853;
}
.black .keywordContent .keywordEdit__inputContainer .keywordEdit__input {
  background-color: #202020;
}
.black .keywordContent .keywordEdit__inputContainer .keywordEdit__input::placeholder {
  color: rgba(255, 255, 255, 0.38);
}
.black .keywordContent .keywordEdit__inputContainer .keywordEdit__input:focus-within {
  background-color: #333333;
}
@media (hover: hover) {
  .black .keywordContent .keywordEdit__inputContainer .keywordEdit__input:hover {
    background-color: #333333;
  }
}
.black .flyoutMenu .userInitials {
  background-image: linear-gradient(to bottom, #8d8d8d, #454241);
}
.black .mat-input-element {
  caret-color: unset;
}
.black .depotPositionList__performance {
  background-color: #202020;
}
.black .prognosticatedBookingListSection .prognosticatedBookingListSection__header {
  background-color: #1c1c1c;
}
.black .prognosticatedBookingListSection .prognosticatedBookingListSection__divider {
  background-color: #262626;
}
.black .paybackHeader {
  border-bottom: #262626 1px solid;
}
.black .accountsContent .bookingsContainer .bookingsHeader {
  border-bottom: #262626 1px solid;
}
.black .accountsContent .bookingsContainer .bookingsHeader.bookingsHeader--migration {
  background-color: rgba(var(--key-color-rgb), 0.24);
}
.black .imageArchiveGroup {
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.black .imageArchiveGroup.imageArchiveGroup--faded {
  border-color: rgba(255, 255, 255, 0.54);
  color: rgba(255, 255, 255, 0.54);
}
.black .unreadNewsCard {
  background-color: rgba(var(--key-color-rgb), 0.24);
}
.black .mat-tooltip {
  color: #080808;
  background-color: rgba(255, 255, 255, 0.9);
  animation-duration: 100ms;
}
.black .customBonusCardEntry .customBonusCardEntry__Icon {
  background-color: #1c1c1c;
}
.black .welcome .topPicture {
  background-image: url('welcome-bookings-dark.png');
}
.black .welcome .topPicture.topPicture--tax:not(.topPicture--second) {
  background-image: url('welcome-tax-dark.png');
}
.black .welcome .topPicture.topPicture--second {
  background-image: url('welcome-accounts-dark.png');
}
.black .welcome .buttonContainer.buttonContainer--overflow {
  background-color: #1c1c1c;
}
.black .welcome .requiredStuff {
  background-color: #1c1c1c;
}
.black .monetizationDialog__page {
  background-color: #121212;
}
.black .monetizationDialog__page .footer.footer--overflow {
  background-color: #1c1c1c;
}
.black .monetizationDialog__page .button.button--disabled {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.black .dragAndDropOverlay {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 16px;
  z-index: 2000;
  color: var(--key-color);
  background-color: rgba(38, 38, 38, 0.85);
  pointer-events: none;
  border: dashed 2px var(--key-color);
  border-radius: 4px;
}
.black .document-tooltip {
  background-color: #333333;
}
.black .documentDialog {
  background-color: #1c1c1c;
}
.black .controlBar {
  background-color: #1c1c1c;
}
.black .documentFolderPickerDialog__page {
  background-color: #121212;
}
.black .accountContainer {
  background-color: #1c1c1c;
  border-bottom: 1px solid #262626;
}
.black .contractContainer {
  background-color: #1c1c1c;
  border-bottom: 1px solid #262626;
}
.black .yearPicker .yearPicker__previousNextButton, .black .yearPicker .yearPicker__wholeYearButton {
  border: solid 1px rgba(255, 255, 255, 0.2);
}
.black .yearPicker .yearPicker__previousNextButton.yearPicker__wholeYearButton--selected, .black .yearPicker .yearPicker__wholeYearButton.yearPicker__wholeYearButton--selected {
  background-color: rgba(var(--key-color-rgb), 0.24);
  border: solid 1px var(--key-color);
}
.black .monthPicker .monthPicker__button {
  background-color: #202020;
}
.black .monthPicker .monthPicker__button.monthPicker__button--selected {
  background-color: rgba(var(--key-color-rgb), 0.24);
  border: solid 1px var(--key-color);
}
.black .tagPicker .tagPicker__button {
  background-color: #202020;
}
.black .tagPicker .tagPicker__button.tagPicker__button--selected {
  background-color: rgba(var(--key-color-rgb), 0.24);
  border: solid 1px var(--key-color);
}
.black .openInvoicesOnlyButton {
  background-color: #202020;
}
.black .openInvoicesOnlyButton.openInvoicesOnlyButton--selected {
  background-color: rgba(var(--key-color-rgb), 0.24);
  border: solid 1px var(--key-color);
}
.black .dokublickWelcome .topPicture {
  background-image: url('dokublick-onboarding-dark.png');
}
.black .dokublickWelcome .buttonContainer.buttonContainer--overflow {
  background-color: #1c1c1c;
}
.black .dokublickWelcome .requiredStuff {
  background-color: #1c1c1c;
}
.black .subscriptionsContainer .subscriptionContainer.subscriptionContainer--subscribed .subscriptionHeader {
  background-color: #2E8AF7;
}
.black .subscriptionsContainer .subscription {
  background-color: #262626;
}
.black .subscription .greyBox, .black .module .greyBox {
  background-color: #080808;
}
.black .modulesContainer .module {
  background-color: #262626;
}
.black .dokublickSubscriptionSettingsBackground {
  background-color: #000000;
}
.black .circleFill.circleFill--primaryText {
  border-color: #FFFFFF;
}
.black .circleFill.circleFill--primaryText .circleFill__circle {
  stroke: #FFFFFF !important;
}
.black .circleFill.circleFill--secondaryText {
  border-color: rgba(255, 255, 255, 0.54);
}
.black .circleFill.circleFill--secondaryText .circleFill__circle {
  stroke: rgba(255, 255, 255, 0.54) !important;
}
.black .circleFill.circleFill--variable {
  border-color: #FFC107;
}
.black .circleFill.circleFill--variable .circleFill__circle {
  stroke: #FFC107 !important;
}
.black .circleFill.circleFill--expenses {
  border-color: #FF0000;
}
.black .circleFill.circleFill--expenses .circleFill__circle {
  stroke: #FF0000 !important;
}
.black .circleFill.circleFill--white {
  border-color: white;
}
.black .circleFill.circleFill--white .circleFill__circle {
  stroke: white !important;
}
.black .subscriptionInfo .greyBox {
  background-color: #333333;
}
.black .usageBar {
  background-color: #333333;
}
.black .usageBar .usageBar__fill {
  background-color: #00C853;
}
.black .usageBar .usageBar__fill.usageBar__fill--exceeded {
  background-color: #FF0000;
}
.black .usageBar .usageBar__fill.usageBar__fill--nearlyAllUsed {
  background-color: #FFC107;
}
.black .usageBar .usageBar__fill.usageBar__fill--disabled {
  background-color: rgba(255, 255, 255, 0.38);
}
.black .usageBar .usageBar__fill.usageBar__fill--primaryText {
  background-color: #FFFFFF;
}
.black .exceededDisplay {
  background-color: #333333;
}
.black .exceededDisplay.exceededDisplay--exceeded {
  background-color: #FF0000;
}
.black .documentLimit .documentLimit--image {
  background-image: url('grafik-limit-ueberschritten-dark.svg');
}
.black .documentLimit .greyBox {
  background-color: #333333;
}
.black .documentLimit .greyBox .boxIconBackground {
  background-color: rgba(255, 255, 255, 0.07);
}
.black .documentLimit .greyBox .boxIconBackground.limitIcon {
  background-color: rgba(255, 0, 0, 0.16);
}
.black .documentLimitDivider {
  background-color: #262626;
}
.black .documentLimitButtonContainer.documentLimitButtonContainer--overflow {
  background-color: #1c1c1c;
}
.black .quotaExceededCard {
  background-image: linear-gradient(to bottom, #5f6672, #707987);
}
.black.singlePage .quotaExceededCard {
  padding: 0;
}
.black .portalStatement.portalStatement--selected {
  background-color: rgba(var(--key-color-rgb), 0.24);
}
@media (hover: hover) {
  .black .portalStatement:not(.portalStatement--selected):not(.portalStatement--hoveringLeftContainer):hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .black .portalStatement .portalStatement__leftContainer:not(.portalStatement__leftContainer--noHover):hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}
.black .portalStatement .portalStatement__leftContainer {
  border-color: transparent;
  background-color: #1c1c1c;
}
.black .taxDocumentsMainSection.taxDocumentsMainSection--displayDocument .documentContentContainer {
  box-shadow: 0 0 0 1px #262626;
}
.black .detailsPurpose {
  background-color: #202020;
}
.black .pageIndicators {
  background-color: #121212;
}
.black .pageIndicators .indicator {
  background-color: rgba(255, 255, 255, 0.16);
}
.black .taxExtra {
  background-color: #202020;
}
.black .inbox__header.inbox__header--small {
  background-color: #333333;
}
.black .inbox__largeContainer .inboxLeft {
  background-color: #1c1c1c;
}
.black .inbox__mediumContainer .inboxDocument {
  background-color: #1c1c1c;
}
.black .inbox__smallContainer .inboxDocumentContainer {
  background-color: #333333;
}
.black .inbox__smallContainer .inboxDocument {
  background-color: #1c1c1c;
}
.black .inbox__smallContainer .inboxDocumentExpander {
  background-color: #262626;
}
.black .inbox__header .inboxNextPrevious {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.black .inbox__assign .assign__select {
  background-color: #202020;
}
.black .inboxState {
  background-color: rgba(255, 193, 7, 0.4);
}
.black .inboxAttachments .attachmentImage {
  background-color: #1c1c1c;
  border: solid 1px transparent;
}
.black .freePlanHint {
  background-color: #1c1c1c;
}
.black.singlePage .freePlanHint {
  background-color: #121212;
}
.black .freeDocumentHint {
  border-color: rgba(255, 255, 255, 0.2);
}
.black .teaser-default-background {
  background-color: #1c1c1c;
}
.black .currencyInput__signToggle {
  background-image: url('ic-vorzeichen-minus-dark-24.svg');
}
.black .currencyInput__signToggle.currencyInput__signToggle--positive {
  background-image: url('ic-vorzeichen-plus-dark-24.svg');
}
.black .mobileAppTeaser {
  background-color: #262626;
}
.black .clarkSmallContainer .logo {
  background-image: url('logo-clark-koopereation-links-sp-dark@2x.png');
}
.black .clarkLargeContainer .logo {
  background-image: url('logo-clark-koopereation-rechts-dark@2x.png');
}
.black .clarkSmallContainer .ellipse, .black .clarkLargeContainer .ellipse {
  background-color: #FFFFFF;
}
.black .clarkSmallContainer .headerText, .black .clarkLargeContainer .headerText {
  color: #ffffff;
}
.black .orderBasketTransfer__noAccountPlaceholder {
  background-color: rgba(46, 138, 247, 0.24);
}
.black .orderBasketTransferAccountSetupOnboarding .grayContainer {
  background-color: #262626;
}
.black .orderBasketTransferAccountSetupOnboarding .grayContainer .divider {
  background-color: #333333;
}
.black .orderBasketTransfer .previewContainer {
  background-color: #333333;
}
.black .orderBasketTransfer .previewContainer .previewImage {
  background-color: #1c1c1c;
}
.black .orderBasketTransfer .previewContainer .previewExpander {
  background-color: #262626;
}
.black .ocrCheckText {
  background-color: rgba(255, 193, 7, 0.4);
  color: #ffc107;
}
.black .ocrCheckText .ocrCheckIcon {
  color: #ffc107;
}
.black .categoryTree__nodeContainer--expandedBackground {
  background-color: #1c1c1c;
}
.black .categoryTree__toggleContainer {
  background-color: #202020;
}
.black .categoryTree__toggleContainer .categoryTree__toggleSelectedIndicator {
  background-color: #333333;
}
@media (hover: hover) {
  .black .categoryTree__toggleContainer .categoryTree__toggleButton:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}
.black .multiSelectHeader__editButton {
  background-color: rgba(var(--key-color-rgb), 0.24);
  color: var(--key-color);
}
.black .multiSelectHeader__editButton.multiSelectHeader__editButton--disabled {
  background-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.38);
  pointer-events: none;
}
.black .bookingsHeader.bookingsHeader--authentication {
  background-color: rgba(255, 193, 7, 0.4);
}
.black .deleteCategoryHint {
  background-color: #333333;
}
.black .autobankingAd {
  background-image: url('grafik-autobanking-dark.svg');
}
.black .categoryEdit__toggleContainer {
  background-color: #202020;
}
.black .categoryEdit__toggleContainer .categoryEdit__toggleSelectedIndicator {
  background-color: #333333;
}
@media (hover: hover) {
  .black .categoryEdit__toggleContainer .categoryEdit__toggleButton:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}
.black .transactionParent__form .section-title {
  color: rgba(255, 255, 255, 0.38);
}
.black .csvImportCustomization .columnAssignmentContainer .select mat-select {
  border-color: rgba(255, 255, 255, 0.2);
}
.black .csvImportCustomization .columnAssignmentContainer .select mat-select .mat-select-placeholder {
  color: rgba(255, 255, 255, 0.54);
}
.black .contractInfo .switch {
  background-color: #202020;
}
.black .contractInfo .bubbleSelectContainer {
  border-color: #262626;
}
.black .contractEditDetail .switch {
  background-color: #202020;
}
.black .bubbles .bubble {
  background-color: #202020;
}
.black .bubbles .bubble.bubble--selected {
  background-color: rgba(var(--key-color-rgb), 0.24);
  outline: 1px solid var(--key-color);
}
@media (hover: hover) {
  .black .contractDetails .contractDetails__detail:hover .text:last-child {
    background-color: #333333;
  }
}
.black .contractDetails .contractDetails__reminderBubble {
  background-color: #FA7D19;
}
.black .contractDetails .contractDetails__noteContent {
  background-color: #202020;
  color: #FFFFFF;
}
.black .sectionList__contractsEmptyView .addButton {
  background-color: var(--key-color);
}
.black .sectionList__contractsEmptyView .addButton.addButton--account {
  background-color: #FA7D19;
}
.black .sectionList__contractsEmptyView .addButton.addButton--account.flatButtonRipple > .mat-ripple-element {
  background-color: #F7420D;
}
@media (hover: hover) {
  .black .sectionList__contractsEmptyView .addButton.addButton--account.flatButtonRipple:not(.flatButtonRipple--noHover):hover {
    background-color: #F95F13;
  }
}
.black .addDocumentSection .addDocumentSection__booking.addDocumentSection__booking--selected {
  background-color: rgba(var(--key-color-rgb), 0.24);
}
.black .potentialContract {
  background-color: rgba(46, 138, 247, 0.24);
}
.black .depotPerformance .timeRangeButton.timeRangeButton--selected {
  background-color: rgba(var(--key-color-rgb), 0.24);
}
.black .cardListItem .reminderBubble {
  background-color: #ffc107;
}

.mat-tab-group-details.mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs .mat-mdc-tab {
  flex: 1 1 0;
  max-width: none;
}
.mat-tab-group-details.mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs .mat-mdc-tab-labels {
  justify-content: stretch;
}
.mat-tab-group-details.mat-mdc-tab-group .mdc-tab-indicator__content--underline {
  background-color: var(--key-color) !important;
  height: 3px !important;
}

ngx-extended-pdf-viewer .textLayer .highlight {
  background-color: rgba(255, 230, 0, 0.35) !important;
  mix-blend-mode: multiply;
}

ngx-extended-pdf-viewer .textLayer .highlight.selected {
  background-color: rgba(255, 170, 0, 0.45) !important;
  outline: 2px solid rgba(255, 170, 0, 0.85);
}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/prebuilt-themes/indigo-pink.css ***!
  \********************************************************************************************************************************************************************************************************************************************************/
html{--mat-sys-on-surface: initial}.mat-app-background{background-color:var(--mat-app-background-color, var(--mat-sys-background, transparent));color:var(--mat-app-text-color, var(--mat-sys-on-background, inherit))}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow)}html{--mat-app-background-color: #fafafa;--mat-app-text-color: rgba(0, 0, 0, 0.87);--mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}html{--mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent)}html{--mat-option-selected-state-label-text-color: #3f51b5;--mat-option-label-text-color: rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent)}.mat-accent{--mat-option-selected-state-label-text-color: #ff4081;--mat-option-label-text-color: rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent)}.mat-warn{--mat-option-selected-state-label-text-color: #f44336;--mat-option-label-text-color: rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent)}html{--mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87)}html{--mat-pseudo-checkbox-full-selected-icon-color: #ff4081;--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent)}.mat-primary{--mat-pseudo-checkbox-full-selected-icon-color: #3f51b5;--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #3f51b5;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent)}.mat-accent{--mat-pseudo-checkbox-full-selected-icon-color: #ff4081;--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent)}.mat-warn{--mat-pseudo-checkbox-full-selected-icon-color: #f44336;--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent)}html{--mat-option-label-text-font: Roboto, sans-serif;--mat-option-label-text-line-height: 24px;--mat-option-label-text-size: 16px;--mat-option-label-text-tracking: 0.03125em;--mat-option-label-text-weight: 400}html{--mat-optgroup-label-text-font: Roboto, sans-serif;--mat-optgroup-label-text-line-height: 24px;--mat-optgroup-label-text-size: 16px;--mat-optgroup-label-text-tracking: 0.03125em;--mat-optgroup-label-text-weight: 400}html{--mat-card-elevated-container-shape: 4px;--mat-card-outlined-container-shape: 4px;--mat-card-filled-container-shape: 4px;--mat-card-outlined-outline-width: 1px}html{--mat-card-elevated-container-color: white;--mat-card-elevated-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-card-outlined-container-color: white;--mat-card-outlined-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);--mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);--mat-card-filled-container-color: white;--mat-card-filled-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)}html{--mat-card-title-text-font: Roboto, sans-serif;--mat-card-title-text-line-height: 32px;--mat-card-title-text-size: 20px;--mat-card-title-text-tracking: 0.0125em;--mat-card-title-text-weight: 500;--mat-card-subtitle-text-font: Roboto, sans-serif;--mat-card-subtitle-text-line-height: 22px;--mat-card-subtitle-text-size: 14px;--mat-card-subtitle-text-tracking: 0.0071428571em;--mat-card-subtitle-text-weight: 500}html{--mat-progress-bar-active-indicator-height: 4px;--mat-progress-bar-track-height: 4px;--mat-progress-bar-track-shape: 0}.mat-mdc-progress-bar{--mat-progress-bar-active-indicator-color: #3f51b5;--mat-progress-bar-track-color: rgba(63, 81, 181, 0.25)}.mat-mdc-progress-bar.mat-accent{--mat-progress-bar-active-indicator-color: #ff4081;--mat-progress-bar-track-color: rgba(255, 64, 129, 0.25)}.mat-mdc-progress-bar.mat-warn{--mat-progress-bar-active-indicator-color: #f44336;--mat-progress-bar-track-color: rgba(244, 67, 54, 0.25)}html{--mat-tooltip-container-shape: 4px;--mat-tooltip-supporting-text-line-height: 16px}html{--mat-tooltip-container-color: #424242;--mat-tooltip-supporting-text-color: white}html{--mat-tooltip-supporting-text-font: Roboto, sans-serif;--mat-tooltip-supporting-text-size: 12px;--mat-tooltip-supporting-text-weight: 400;--mat-tooltip-supporting-text-tracking: 0.0333333333em}html{--mat-form-field-filled-active-indicator-height: 1px;--mat-form-field-filled-focus-active-indicator-height: 2px;--mat-form-field-filled-container-shape: 4px;--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 2px;--mat-form-field-outlined-container-shape: 4px}html{--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #3f51b5 87%, transparent);--mat-form-field-filled-caret-color: #3f51b5;--mat-form-field-filled-focus-active-indicator-color: #3f51b5;--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);--mat-form-field-outlined-caret-color: #3f51b5;--mat-form-field-outlined-focus-outline-color: #3f51b5;--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);--mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);--mat-form-field-error-text-color: #f44336;--mat-form-field-select-option-text-color: inherit;--mat-form-field-select-disabled-option-text-color: GrayText;--mat-form-field-leading-icon-color: unset;--mat-form-field-disabled-leading-icon-color: unset;--mat-form-field-trailing-icon-color: unset;--mat-form-field-disabled-trailing-icon-color: unset;--mat-form-field-error-focus-trailing-icon-color: unset;--mat-form-field-error-hover-trailing-icon-color: unset;--mat-form-field-error-trailing-icon-color: unset;--mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);--mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-form-field-hover-state-layer-opacity: 0.04;--mat-form-field-focus-state-layer-opacity: 0.12;--mat-form-field-filled-container-color: #f6f6f6;--mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);--mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);--mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);--mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);--mat-form-field-filled-error-hover-label-text-color: #f44336;--mat-form-field-filled-error-focus-label-text-color: #f44336;--mat-form-field-filled-error-label-text-color: #f44336;--mat-form-field-filled-error-caret-color: #f44336;--mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);--mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);--mat-form-field-filled-error-active-indicator-color: #f44336;--mat-form-field-filled-error-focus-active-indicator-color: #f44336;--mat-form-field-filled-error-hover-active-indicator-color: #f44336;--mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);--mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);--mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);--mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);--mat-form-field-outlined-error-caret-color: #f44336;--mat-form-field-outlined-error-focus-label-text-color: #f44336;--mat-form-field-outlined-error-label-text-color: #f44336;--mat-form-field-outlined-error-hover-label-text-color: #f44336;--mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);--mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);--mat-form-field-outlined-error-focus-outline-color: #f44336;--mat-form-field-outlined-error-hover-outline-color: #f44336;--mat-form-field-outlined-error-outline-color: #f44336}.mat-mdc-form-field.mat-accent{--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ff4081 87%, transparent);--mat-form-field-filled-caret-color: #ff4081;--mat-form-field-filled-focus-active-indicator-color: #ff4081;--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);--mat-form-field-outlined-caret-color: #ff4081;--mat-form-field-outlined-focus-outline-color: #ff4081;--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent)}.mat-mdc-form-field.mat-warn{--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);--mat-form-field-filled-caret-color: #f44336;--mat-form-field-filled-focus-active-indicator-color: #f44336;--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);--mat-form-field-outlined-caret-color: #f44336;--mat-form-field-outlined-focus-outline-color: #f44336;--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent)}html{--mat-form-field-container-height: 56px;--mat-form-field-filled-label-display: block;--mat-form-field-container-vertical-padding: 16px;--mat-form-field-filled-with-label-container-padding-top: 24px;--mat-form-field-filled-with-label-container-padding-bottom: 8px}html{--mat-form-field-container-text-font: Roboto, sans-serif;--mat-form-field-container-text-line-height: 24px;--mat-form-field-container-text-size: 16px;--mat-form-field-container-text-tracking: 0.03125em;--mat-form-field-container-text-weight: 400;--mat-form-field-outlined-label-text-populated-size: 16px;--mat-form-field-subscript-text-font: Roboto, sans-serif;--mat-form-field-subscript-text-line-height: 20px;--mat-form-field-subscript-text-size: 12px;--mat-form-field-subscript-text-tracking: 0.0333333333em;--mat-form-field-subscript-text-weight: 400;--mat-form-field-filled-label-text-font: Roboto, sans-serif;--mat-form-field-filled-label-text-size: 16px;--mat-form-field-filled-label-text-tracking: 0.03125em;--mat-form-field-filled-label-text-weight: 400;--mat-form-field-outlined-label-text-font: Roboto, sans-serif;--mat-form-field-outlined-label-text-size: 16px;--mat-form-field-outlined-label-text-tracking: 0.03125em;--mat-form-field-outlined-label-text-weight: 400}html{--mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-select-panel-background-color: white;--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);--mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-select-focused-arrow-color: #3f51b5;--mat-select-invalid-arrow-color: #f44336}.mat-mdc-form-field.mat-accent{--mat-select-panel-background-color: white;--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);--mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-select-focused-arrow-color: #ff4081;--mat-select-invalid-arrow-color: #f44336}.mat-mdc-form-field.mat-warn{--mat-select-panel-background-color: white;--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);--mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-select-focused-arrow-color: #f44336;--mat-select-invalid-arrow-color: #f44336}html{--mat-select-arrow-transform: translateY(-8px)}html{--mat-select-trigger-text-font: Roboto, sans-serif;--mat-select-trigger-text-line-height: 24px;--mat-select-trigger-text-size: 16px;--mat-select-trigger-text-tracking: 0.03125em;--mat-select-trigger-text-weight: 400}html{--mat-autocomplete-container-shape: 4px;--mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-autocomplete-background-color: white}html{--mat-dialog-container-shape: 4px;--mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mat-dialog-container-max-width: 80vw;--mat-dialog-container-small-max-width: 80vw;--mat-dialog-container-min-width: 0;--mat-dialog-actions-alignment: start;--mat-dialog-actions-padding: 8px;--mat-dialog-content-padding: 20px 24px;--mat-dialog-with-actions-content-padding: 20px 24px;--mat-dialog-headline-padding: 0 24px 9px}html{--mat-dialog-container-color: white;--mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);--mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54)}html{--mat-dialog-subhead-font: Roboto, sans-serif;--mat-dialog-subhead-line-height: 32px;--mat-dialog-subhead-size: 20px;--mat-dialog-subhead-weight: 500;--mat-dialog-subhead-tracking: 0.0125em;--mat-dialog-supporting-text-font: Roboto, sans-serif;--mat-dialog-supporting-text-line-height: 24px;--mat-dialog-supporting-text-size: 16px;--mat-dialog-supporting-text-weight: 400;--mat-dialog-supporting-text-tracking: 0.03125em}.mat-mdc-standard-chip{--mat-chip-container-shape-radius: 16px;--mat-chip-disabled-container-opacity: 0.4;--mat-chip-disabled-outline-color: transparent;--mat-chip-flat-selected-outline-width: 0;--mat-chip-focus-outline-color: transparent;--mat-chip-hover-state-layer-opacity: 0.04;--mat-chip-outline-color: transparent;--mat-chip-outline-width: 0;--mat-chip-selected-hover-state-layer-opacity: 0.04;--mat-chip-selected-trailing-action-state-layer-color: transparent;--mat-chip-trailing-action-focus-opacity: 1;--mat-chip-trailing-action-focus-state-layer-opacity: 0;--mat-chip-trailing-action-hover-state-layer-opacity: 0;--mat-chip-trailing-action-opacity: 0.54;--mat-chip-trailing-action-state-layer-color: transparent;--mat-chip-with-avatar-avatar-shape-radius: 14px;--mat-chip-with-avatar-avatar-size: 28px;--mat-chip-with-avatar-disabled-avatar-opacity: 1;--mat-chip-with-icon-disabled-icon-opacity: 1;--mat-chip-with-icon-icon-size: 18px;--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1}.mat-mdc-standard-chip{--mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);--mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);--mat-chip-focus-state-layer-opacity: 0.12;--mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);--mat-chip-label-text-color: rgba(0, 0, 0, 0.87);--mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);--mat-chip-selected-focus-state-layer-color: 0.12;--mat-chip-selected-focus-state-layer-opacity: 0.12;--mat-chip-selected-hover-state-layer-color: 0.04;--mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);--mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);--mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);--mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);--mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);--mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);--mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87)}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary{--mat-chip-disabled-label-text-color: white;--mat-chip-elevated-container-color: #3f51b5;--mat-chip-elevated-disabled-container-color: #3f51b5;--mat-chip-elevated-selected-container-color: #3f51b5;--mat-chip-flat-disabled-selected-container-color: #3f51b5;--mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);--mat-chip-focus-state-layer-opacity: 0.12;--mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);--mat-chip-label-text-color: white;--mat-chip-selected-disabled-trailing-icon-color: white;--mat-chip-selected-focus-state-layer-color: 0.12;--mat-chip-selected-focus-state-layer-opacity: 0.12;--mat-chip-selected-hover-state-layer-color: 0.04;--mat-chip-selected-label-text-color: white;--mat-chip-selected-trailing-icon-color: white;--mat-chip-with-icon-disabled-icon-color: white;--mat-chip-with-icon-icon-color: white;--mat-chip-with-icon-selected-icon-color: white;--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mat-chip-with-trailing-icon-trailing-icon-color: white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent{--mat-chip-disabled-label-text-color: white;--mat-chip-elevated-container-color: #ff4081;--mat-chip-elevated-disabled-container-color: #ff4081;--mat-chip-elevated-selected-container-color: #ff4081;--mat-chip-flat-disabled-selected-container-color: #ff4081;--mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);--mat-chip-focus-state-layer-opacity: 0.12;--mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);--mat-chip-label-text-color: white;--mat-chip-selected-disabled-trailing-icon-color: white;--mat-chip-selected-focus-state-layer-color: 0.12;--mat-chip-selected-focus-state-layer-opacity: 0.12;--mat-chip-selected-hover-state-layer-color: 0.04;--mat-chip-selected-label-text-color: white;--mat-chip-selected-trailing-icon-color: white;--mat-chip-with-icon-disabled-icon-color: white;--mat-chip-with-icon-icon-color: white;--mat-chip-with-icon-selected-icon-color: white;--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mat-chip-with-trailing-icon-trailing-icon-color: white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn{--mat-chip-disabled-label-text-color: white;--mat-chip-elevated-container-color: #f44336;--mat-chip-elevated-disabled-container-color: #f44336;--mat-chip-elevated-selected-container-color: #f44336;--mat-chip-flat-disabled-selected-container-color: #f44336;--mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);--mat-chip-focus-state-layer-opacity: 0.12;--mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);--mat-chip-label-text-color: white;--mat-chip-selected-disabled-trailing-icon-color: white;--mat-chip-selected-focus-state-layer-color: 0.12;--mat-chip-selected-focus-state-layer-opacity: 0.12;--mat-chip-selected-hover-state-layer-color: 0.04;--mat-chip-selected-label-text-color: white;--mat-chip-selected-trailing-icon-color: white;--mat-chip-with-icon-disabled-icon-color: white;--mat-chip-with-icon-icon-color: white;--mat-chip-with-icon-selected-icon-color: white;--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mat-chip-with-trailing-icon-trailing-icon-color: white}.mat-mdc-chip.mat-mdc-standard-chip{--mat-chip-container-height: 32px}.mat-mdc-standard-chip{--mat-chip-label-text-font: Roboto, sans-serif;--mat-chip-label-text-line-height: 20px;--mat-chip-label-text-size: 14px;--mat-chip-label-text-tracking: 0.0178571429em;--mat-chip-label-text-weight: 400}html{--mat-slide-toggle-disabled-handle-opacity: 0.38;--mat-slide-toggle-disabled-selected-handle-opacity: 0.38;--mat-slide-toggle-disabled-selected-icon-opacity: 0.38;--mat-slide-toggle-disabled-track-opacity: 0.12;--mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;--mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;--mat-slide-toggle-disabled-unselected-track-outline-color: transparent;--mat-slide-toggle-disabled-unselected-track-outline-width: 1px;--mat-slide-toggle-handle-height: 20px;--mat-slide-toggle-handle-shape: 10px;--mat-slide-toggle-handle-width: 20px;--mat-slide-toggle-hidden-track-opacity: 1;--mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);--mat-slide-toggle-pressed-handle-size: 20px;--mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;--mat-slide-toggle-selected-handle-horizontal-margin: 0;--mat-slide-toggle-selected-handle-size: 20px;--mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;--mat-slide-toggle-selected-icon-size: 18px;--mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;--mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;--mat-slide-toggle-selected-track-outline-color: transparent;--mat-slide-toggle-selected-track-outline-width: 1px;--mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;--mat-slide-toggle-track-height: 14px;--mat-slide-toggle-track-outline-color: transparent;--mat-slide-toggle-track-outline-width: 1px;--mat-slide-toggle-track-shape: 7px;--mat-slide-toggle-track-width: 36px;--mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;--mat-slide-toggle-unselected-handle-horizontal-margin: 0;--mat-slide-toggle-unselected-handle-size: 20px;--mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;--mat-slide-toggle-unselected-icon-size: 18px;--mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;--mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;--mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;--mat-slide-toggle-visible-track-opacity: 1;--mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);--mat-slide-toggle-with-icon-handle-size: 20px;--mat-slide-toggle-touch-target-size: 48px}html{--mat-slide-toggle-selected-icon-color: white;--mat-slide-toggle-disabled-selected-icon-color: white;--mat-slide-toggle-selected-focus-state-layer-color: #3f51b5;--mat-slide-toggle-selected-handle-color: #3f51b5;--mat-slide-toggle-selected-hover-state-layer-color: #3f51b5;--mat-slide-toggle-selected-pressed-state-layer-color: #3f51b5;--mat-slide-toggle-selected-focus-handle-color: #3f51b5;--mat-slide-toggle-selected-hover-handle-color: #3f51b5;--mat-slide-toggle-selected-pressed-handle-color: #3f51b5;--mat-slide-toggle-selected-focus-track-color: #7986cb;--mat-slide-toggle-selected-hover-track-color: #7986cb;--mat-slide-toggle-selected-pressed-track-color: #7986cb;--mat-slide-toggle-selected-track-color: #7986cb;--mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-slide-toggle-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);--mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);--mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);--mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;--mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);--mat-slide-toggle-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-slide-toggle-handle-surface-color: white;--mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);--mat-slide-toggle-unselected-hover-handle-color: #424242;--mat-slide-toggle-unselected-focus-handle-color: #424242;--mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);--mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);--mat-slide-toggle-unselected-icon-color: #f6f6f6;--mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);--mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);--mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);--mat-slide-toggle-unselected-pressed-handle-color: #424242;--mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);--mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);--mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12)}.mat-mdc-slide-toggle.mat-accent{--mat-slide-toggle-selected-icon-color: white;--mat-slide-toggle-disabled-selected-icon-color: white;--mat-slide-toggle-selected-focus-state-layer-color: #ff4081;--mat-slide-toggle-selected-handle-color: #ff4081;--mat-slide-toggle-selected-hover-state-layer-color: #ff4081;--mat-slide-toggle-selected-pressed-state-layer-color: #ff4081;--mat-slide-toggle-selected-focus-handle-color: #ff4081;--mat-slide-toggle-selected-hover-handle-color: #ff4081;--mat-slide-toggle-selected-pressed-handle-color: #ff4081;--mat-slide-toggle-selected-focus-track-color: #f06292;--mat-slide-toggle-selected-hover-track-color: #f06292;--mat-slide-toggle-selected-pressed-track-color: #f06292;--mat-slide-toggle-selected-track-color: #f06292}.mat-mdc-slide-toggle.mat-warn{--mat-slide-toggle-selected-icon-color: white;--mat-slide-toggle-disabled-selected-icon-color: white;--mat-slide-toggle-selected-focus-state-layer-color: #f44336;--mat-slide-toggle-selected-handle-color: #f44336;--mat-slide-toggle-selected-hover-state-layer-color: #f44336;--mat-slide-toggle-selected-pressed-state-layer-color: #f44336;--mat-slide-toggle-selected-focus-handle-color: #f44336;--mat-slide-toggle-selected-hover-handle-color: #f44336;--mat-slide-toggle-selected-pressed-handle-color: #f44336;--mat-slide-toggle-selected-focus-track-color: #e57373;--mat-slide-toggle-selected-hover-track-color: #e57373;--mat-slide-toggle-selected-pressed-track-color: #e57373;--mat-slide-toggle-selected-track-color: #e57373}html{--mat-slide-toggle-state-layer-size: 40px;--mat-slide-toggle-touch-target-display: block}html{--mat-slide-toggle-label-text-font: Roboto, sans-serif;--mat-slide-toggle-label-text-line-height: 20px;--mat-slide-toggle-label-text-size: 14px;--mat-slide-toggle-label-text-tracking: 0.0178571429em;--mat-slide-toggle-label-text-weight: 400}html .mat-mdc-slide-toggle{--mat-slide-toggle-label-text-font: Roboto, sans-serif;--mat-slide-toggle-label-text-line-height: 20px;--mat-slide-toggle-label-text-size: 14px;--mat-slide-toggle-label-text-tracking: 0.0178571429em;--mat-slide-toggle-label-text-weight: 400}html{--mat-radio-disabled-selected-icon-opacity: 0.38;--mat-radio-disabled-unselected-icon-opacity: 0.38;--mat-radio-state-layer-size: 40px;--mat-radio-touch-target-size: 48px}.mat-mdc-radio-button.mat-primary{--mat-radio-checked-ripple-color: #3f51b5;--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);--mat-radio-selected-focus-icon-color: #3f51b5;--mat-radio-selected-hover-icon-color: #3f51b5;--mat-radio-selected-icon-color: #3f51b5;--mat-radio-selected-pressed-icon-color: #3f51b5;--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87)}.mat-mdc-radio-button.mat-accent{--mat-radio-checked-ripple-color: #ff4081;--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);--mat-radio-selected-focus-icon-color: #ff4081;--mat-radio-selected-hover-icon-color: #ff4081;--mat-radio-selected-icon-color: #ff4081;--mat-radio-selected-pressed-icon-color: #ff4081;--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87)}.mat-mdc-radio-button.mat-warn{--mat-radio-checked-ripple-color: #f44336;--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);--mat-radio-selected-focus-icon-color: #f44336;--mat-radio-selected-hover-icon-color: #f44336;--mat-radio-selected-icon-color: #f44336;--mat-radio-selected-pressed-icon-color: #f44336;--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87)}html{--mat-radio-state-layer-size: 40px;--mat-radio-touch-target-display: block}html{--mat-radio-label-text-font: Roboto, sans-serif;--mat-radio-label-text-line-height: 20px;--mat-radio-label-text-size: 14px;--mat-radio-label-text-tracking: 0.0178571429em;--mat-radio-label-text-weight: 400}html{--mat-slider-active-track-height: 6px;--mat-slider-active-track-shape: 9999px;--mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-slider-handle-height: 20px;--mat-slider-handle-shape: 50%;--mat-slider-handle-width: 20px;--mat-slider-inactive-track-height: 4px;--mat-slider-inactive-track-shape: 9999px;--mat-slider-value-indicator-border-radius: 4px;--mat-slider-value-indicator-caret-display: block;--mat-slider-value-indicator-container-transform: translateX(-50%);--mat-slider-value-indicator-height: 32px;--mat-slider-value-indicator-padding: 0 12px;--mat-slider-value-indicator-text-transform: none;--mat-slider-value-indicator-width: auto;--mat-slider-with-overlap-handle-outline-width: 1px;--mat-slider-with-tick-marks-active-container-opacity: 0.6;--mat-slider-with-tick-marks-container-shape: 50%;--mat-slider-with-tick-marks-container-size: 2px;--mat-slider-with-tick-marks-inactive-container-opacity: 0.6;--mat-slider-value-indicator-transform-origin: bottom}html{--mat-slider-active-track-color: #3f51b5;--mat-slider-focus-handle-color: #3f51b5;--mat-slider-handle-color: #3f51b5;--mat-slider-hover-handle-color: #3f51b5;--mat-slider-focus-state-layer-color: color-mix(in srgb, #3f51b5 12%, transparent);--mat-slider-hover-state-layer-color: color-mix(in srgb, #3f51b5 4%, transparent);--mat-slider-inactive-track-color: #3f51b5;--mat-slider-ripple-color: #3f51b5;--mat-slider-with-tick-marks-active-container-color: white;--mat-slider-with-tick-marks-inactive-container-color: #3f51b5;--mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);--mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);--mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);--mat-slider-label-container-color: #424242;--mat-slider-label-label-text-color: white;--mat-slider-value-indicator-opacity: 1;--mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);--mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87)}.mat-accent{--mat-slider-active-track-color: #ff4081;--mat-slider-focus-handle-color: #ff4081;--mat-slider-handle-color: #ff4081;--mat-slider-hover-handle-color: #ff4081;--mat-slider-focus-state-layer-color: color-mix(in srgb, #ff4081 12%, transparent);--mat-slider-hover-state-layer-color: color-mix(in srgb, #ff4081 4%, transparent);--mat-slider-inactive-track-color: #ff4081;--mat-slider-ripple-color: #ff4081;--mat-slider-with-tick-marks-active-container-color: white;--mat-slider-with-tick-marks-inactive-container-color: #ff4081}.mat-warn{--mat-slider-active-track-color: #f44336;--mat-slider-focus-handle-color: #f44336;--mat-slider-handle-color: #f44336;--mat-slider-hover-handle-color: #f44336;--mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);--mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);--mat-slider-inactive-track-color: #f44336;--mat-slider-ripple-color: #f44336;--mat-slider-with-tick-marks-active-container-color: white;--mat-slider-with-tick-marks-inactive-container-color: #f44336}html{--mat-slider-label-label-text-font: Roboto, sans-serif;--mat-slider-label-label-text-size: 14px;--mat-slider-label-label-text-line-height: 22px;--mat-slider-label-label-text-tracking: 0.0071428571em;--mat-slider-label-label-text-weight: 500}html{--mat-menu-container-shape: 4px;--mat-menu-divider-bottom-spacing: 0;--mat-menu-divider-top-spacing: 0;--mat-menu-item-spacing: 16px;--mat-menu-item-icon-size: 24px;--mat-menu-item-leading-spacing: 16px;--mat-menu-item-trailing-spacing: 16px;--mat-menu-item-with-icon-leading-spacing: 16px;--mat-menu-item-with-icon-trailing-spacing: 16px;--mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);--mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);--mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-menu-container-color: white;--mat-menu-divider-color: rgba(0, 0, 0, 0.12)}html{--mat-menu-item-label-text-font: Roboto, sans-serif;--mat-menu-item-label-text-size: 16px;--mat-menu-item-label-text-tracking: 0.03125em;--mat-menu-item-label-text-line-height: 24px;--mat-menu-item-label-text-weight: 400}html{--mat-list-active-indicator-color: transparent;--mat-list-active-indicator-shape: 4px;--mat-list-list-item-container-shape: 0;--mat-list-list-item-leading-avatar-shape: 50%;--mat-list-list-item-container-color: transparent;--mat-list-list-item-selected-container-color: transparent;--mat-list-list-item-leading-avatar-color: transparent;--mat-list-list-item-leading-icon-size: 24px;--mat-list-list-item-leading-avatar-size: 40px;--mat-list-list-item-trailing-icon-size: 24px;--mat-list-list-item-disabled-state-layer-color: transparent;--mat-list-list-item-disabled-state-layer-opacity: 0;--mat-list-list-item-disabled-label-text-opacity: 0.38;--mat-list-list-item-disabled-leading-icon-opacity: 0.38;--mat-list-list-item-disabled-trailing-icon-opacity: 0.38}html{--mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);--mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);--mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);--mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);--mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);--mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);--mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);--mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);--mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);--mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);--mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);--mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);--mat-list-list-item-hover-state-layer-opacity: 0.04;--mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);--mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);--mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);--mat-list-list-item-focus-state-layer-opacity: 0.12}.mdc-list-item__start,.mdc-list-item__end{--mat-radio-checked-ripple-color: #3f51b5;--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);--mat-radio-selected-focus-icon-color: #3f51b5;--mat-radio-selected-hover-icon-color: #3f51b5;--mat-radio-selected-icon-color: #3f51b5;--mat-radio-selected-pressed-icon-color: #3f51b5;--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87)}.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end{--mat-radio-checked-ripple-color: #ff4081;--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);--mat-radio-selected-focus-icon-color: #ff4081;--mat-radio-selected-hover-icon-color: #ff4081;--mat-radio-selected-icon-color: #ff4081;--mat-radio-selected-pressed-icon-color: #ff4081;--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87)}.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end{--mat-radio-checked-ripple-color: #f44336;--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);--mat-radio-selected-focus-icon-color: #f44336;--mat-radio-selected-hover-icon-color: #f44336;--mat-radio-selected-icon-color: #f44336;--mat-radio-selected-pressed-icon-color: #f44336;--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87)}.mat-mdc-list-option{--mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #3f51b5;--mat-checkbox-selected-hover-icon-color: #3f51b5;--mat-checkbox-selected-icon-color: #3f51b5;--mat-checkbox-selected-pressed-icon-color: #3f51b5;--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-checkbox-selected-focus-state-layer-color: #3f51b5;--mat-checkbox-selected-hover-state-layer-color: #3f51b5;--mat-checkbox-selected-pressed-state-layer-color: #3f51b5;--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87)}.mat-mdc-list-option.mat-accent{--mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #ff4081;--mat-checkbox-selected-hover-icon-color: #ff4081;--mat-checkbox-selected-icon-color: #ff4081;--mat-checkbox-selected-pressed-icon-color: #ff4081;--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-checkbox-selected-focus-state-layer-color: #ff4081;--mat-checkbox-selected-hover-state-layer-color: #ff4081;--mat-checkbox-selected-pressed-state-layer-color: #ff4081;--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87)}.mat-mdc-list-option.mat-warn{--mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #f44336;--mat-checkbox-selected-hover-icon-color: #f44336;--mat-checkbox-selected-icon-color: #f44336;--mat-checkbox-selected-pressed-icon-color: #f44336;--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-checkbox-selected-focus-state-layer-color: #f44336;--mat-checkbox-selected-hover-state-layer-color: #f44336;--mat-checkbox-selected-pressed-state-layer-color: #f44336;--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87)}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start{color:#3f51b5}.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end{opacity:1}html{--mat-list-list-item-leading-icon-start-space: 16px;--mat-list-list-item-leading-icon-end-space: 32px;--mat-list-list-item-one-line-container-height: 48px;--mat-list-list-item-two-line-container-height: 64px;--mat-list-list-item-three-line-container-height: 88px}.mdc-list-item__start,.mdc-list-item__end{--mat-radio-state-layer-size: 40px;--mat-radio-touch-target-display: block}.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-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line{height:56px}.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-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines{height:72px}html{--mat-list-list-item-label-text-font: Roboto, sans-serif;--mat-list-list-item-label-text-line-height: 24px;--mat-list-list-item-label-text-size: 16px;--mat-list-list-item-label-text-tracking: 0.03125em;--mat-list-list-item-label-text-weight: 400;--mat-list-list-item-supporting-text-font: Roboto, sans-serif;--mat-list-list-item-supporting-text-line-height: 20px;--mat-list-list-item-supporting-text-size: 14px;--mat-list-list-item-supporting-text-tracking: 0.0178571429em;--mat-list-list-item-supporting-text-weight: 400;--mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;--mat-list-list-item-trailing-supporting-text-line-height: 20px;--mat-list-list-item-trailing-supporting-text-size: 12px;--mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;--mat-list-list-item-trailing-supporting-text-weight: 400}.mdc-list-group__subheader{font:400 16px / 28px Roboto, sans-serif;letter-spacing:.009375em}html{--mat-paginator-page-size-select-width: 84px;--mat-paginator-page-size-select-touch-target-height: 48px}html{--mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);--mat-paginator-container-background-color: white;--mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);--mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent)}html{--mat-paginator-container-size: 56px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: block}html{--mat-paginator-container-text-font: Roboto, sans-serif;--mat-paginator-container-text-line-height: 20px;--mat-paginator-container-text-size: 12px;--mat-paginator-container-text-tracking: 0.0333333333em;--mat-paginator-container-text-weight: 400;--mat-paginator-select-trigger-text-size: 12px}html{--mat-tab-container-height: 48px;--mat-tab-divider-color: transparent;--mat-tab-divider-height: 0;--mat-tab-active-indicator-height: 2px;--mat-tab-active-indicator-shape: 0}.mat-mdc-tab-group,.mat-mdc-tab-nav-bar{--mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);--mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);--mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);--mat-tab-active-label-text-color: #3f51b5;--mat-tab-active-ripple-color: #3f51b5;--mat-tab-inactive-ripple-color: #3f51b5;--mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);--mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);--mat-tab-active-focus-label-text-color: #3f51b5;--mat-tab-active-hover-label-text-color: #3f51b5;--mat-tab-active-focus-indicator-color: #3f51b5;--mat-tab-active-hover-indicator-color: #3f51b5;--mat-tab-active-indicator-color: #3f51b5}.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent{--mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);--mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);--mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);--mat-tab-active-label-text-color: #ff4081;--mat-tab-active-ripple-color: #ff4081;--mat-tab-inactive-ripple-color: #ff4081;--mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);--mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);--mat-tab-active-focus-label-text-color: #ff4081;--mat-tab-active-hover-label-text-color: #ff4081;--mat-tab-active-focus-indicator-color: #ff4081;--mat-tab-active-hover-indicator-color: #ff4081;--mat-tab-active-indicator-color: #ff4081}.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn{--mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);--mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);--mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);--mat-tab-active-label-text-color: #f44336;--mat-tab-active-ripple-color: #f44336;--mat-tab-inactive-ripple-color: #f44336;--mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);--mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);--mat-tab-active-focus-label-text-color: #f44336;--mat-tab-active-hover-label-text-color: #f44336;--mat-tab-active-focus-indicator-color: #f44336;--mat-tab-active-hover-indicator-color: #f44336;--mat-tab-active-indicator-color: #f44336}.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary{--mat-tab-background-color: #3f51b5;--mat-tab-foreground-color: white}.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent{--mat-tab-background-color: #ff4081;--mat-tab-foreground-color: white}.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn{--mat-tab-background-color: #f44336;--mat-tab-foreground-color: white}.mat-mdc-tab-header{--mat-tab-container-height: 48px}.mat-mdc-tab-header{--mat-tab-label-text-font: Roboto, sans-serif;--mat-tab-label-text-size: 14px;--mat-tab-label-text-tracking: 0.0892857143em;--mat-tab-label-text-line-height: 36px;--mat-tab-label-text-weight: 500}html{--mat-checkbox-disabled-selected-checkmark-color: white;--mat-checkbox-selected-focus-state-layer-opacity: 0.12;--mat-checkbox-selected-hover-state-layer-opacity: 0.04;--mat-checkbox-selected-pressed-state-layer-opacity: 0.12;--mat-checkbox-unselected-focus-state-layer-opacity: 0.12;--mat-checkbox-unselected-hover-state-layer-opacity: 0.04;--mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;--mat-checkbox-touch-target-size: 48px}html{--mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #ff4081;--mat-checkbox-selected-hover-icon-color: #ff4081;--mat-checkbox-selected-icon-color: #ff4081;--mat-checkbox-selected-pressed-icon-color: #ff4081;--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-checkbox-selected-focus-state-layer-color: #ff4081;--mat-checkbox-selected-hover-state-layer-color: #ff4081;--mat-checkbox-selected-pressed-state-layer-color: #ff4081;--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87)}.mat-mdc-checkbox.mat-primary{--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #3f51b5;--mat-checkbox-selected-hover-icon-color: #3f51b5;--mat-checkbox-selected-icon-color: #3f51b5;--mat-checkbox-selected-pressed-icon-color: #3f51b5;--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-checkbox-selected-focus-state-layer-color: #3f51b5;--mat-checkbox-selected-hover-state-layer-color: #3f51b5;--mat-checkbox-selected-pressed-state-layer-color: #3f51b5;--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87)}.mat-mdc-checkbox.mat-warn{--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #f44336;--mat-checkbox-selected-hover-icon-color: #f44336;--mat-checkbox-selected-icon-color: #f44336;--mat-checkbox-selected-pressed-icon-color: #f44336;--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-checkbox-selected-focus-state-layer-color: #f44336;--mat-checkbox-selected-hover-state-layer-color: #f44336;--mat-checkbox-selected-pressed-state-layer-color: #f44336;--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87)}html{--mat-checkbox-touch-target-display: block;--mat-checkbox-state-layer-size: 40px}html{--mat-checkbox-label-text-font: Roboto, sans-serif;--mat-checkbox-label-text-line-height: 20px;--mat-checkbox-label-text-size: 14px;--mat-checkbox-label-text-tracking: 0.0178571429em;--mat-checkbox-label-text-weight: 400}html{--mat-button-filled-container-shape: 4px;--mat-button-filled-horizontal-padding: 16px;--mat-button-filled-icon-offset: -4px;--mat-button-filled-icon-spacing: 8px;--mat-button-filled-touch-target-size: 48px;--mat-button-outlined-container-shape: 4px;--mat-button-outlined-horizontal-padding: 15px;--mat-button-outlined-icon-offset: -4px;--mat-button-outlined-icon-spacing: 8px;--mat-button-outlined-keep-touch-target: false;--mat-button-outlined-outline-width: 1px;--mat-button-outlined-touch-target-size: 48px;--mat-button-protected-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mat-button-protected-container-shape: 4px;--mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-button-protected-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-button-protected-horizontal-padding: 16px;--mat-button-protected-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-button-protected-icon-offset: -4px;--mat-button-protected-icon-spacing: 8px;--mat-button-protected-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-button-protected-touch-target-size: 48px;--mat-button-text-container-shape: 4px;--mat-button-text-horizontal-padding: 8px;--mat-button-text-icon-offset: 0;--mat-button-text-icon-spacing: 8px;--mat-button-text-with-icon-horizontal-padding: 8px;--mat-button-text-touch-target-size: 48px;--mat-button-tonal-container-shape: 4px;--mat-button-tonal-horizontal-padding: 16px;--mat-button-tonal-icon-offset: -4px;--mat-button-tonal-icon-spacing: 8px;--mat-button-tonal-touch-target-size: 48px}html{--mat-button-filled-container-color: white;--mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);--mat-button-filled-focus-state-layer-opacity: 0.12;--mat-button-filled-hover-state-layer-opacity: 0.04;--mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);--mat-button-filled-pressed-state-layer-opacity: 0.12;--mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);--mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);--mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);--mat-button-outlined-focus-state-layer-opacity: 0.12;--mat-button-outlined-hover-state-layer-opacity: 0.04;--mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);--mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);--mat-button-outlined-pressed-state-layer-opacity: 0.12;--mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);--mat-button-protected-container-color: white;--mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);--mat-button-protected-focus-state-layer-opacity: 0.12;--mat-button-protected-hover-state-layer-opacity: 0.04;--mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);--mat-button-protected-pressed-state-layer-opacity: 0.12;--mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);--mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);--mat-button-text-focus-state-layer-opacity: 0.12;--mat-button-text-hover-state-layer-opacity: 0.04;--mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);--mat-button-text-pressed-state-layer-opacity: 0.12;--mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);--mat-button-tonal-container-color: white;--mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);--mat-button-tonal-focus-state-layer-opacity: 0.12;--mat-button-tonal-hover-state-layer-opacity: 0.04;--mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);--mat-button-tonal-pressed-state-layer-opacity: 0.12;--mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87)}.mat-mdc-button.mat-primary,.mat-mdc-unelevated-button.mat-primary,.mat-mdc-raised-button.mat-primary,.mat-mdc-outlined-button.mat-primary,.mat-tonal-button.mat-primary{--mat-button-filled-container-color: #3f51b5;--mat-button-filled-label-text-color: white;--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-filled-state-layer-color: white;--mat-button-outlined-label-text-color: #3f51b5;--mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);--mat-button-outlined-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);--mat-button-outlined-state-layer-color: #3f51b5;--mat-button-protected-container-color: #3f51b5;--mat-button-protected-label-text-color: white;--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-protected-state-layer-color: white;--mat-button-text-label-text-color: #3f51b5;--mat-button-text-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);--mat-button-text-state-layer-color: #3f51b5;--mat-button-tonal-container-color: #3f51b5;--mat-button-tonal-label-text-color: white;--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-tonal-state-layer-color: white}.mat-mdc-button.mat-accent,.mat-mdc-unelevated-button.mat-accent,.mat-mdc-raised-button.mat-accent,.mat-mdc-outlined-button.mat-accent,.mat-tonal-button.mat-accent{--mat-button-filled-container-color: #ff4081;--mat-button-filled-label-text-color: white;--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-filled-state-layer-color: white;--mat-button-outlined-label-text-color: #ff4081;--mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);--mat-button-outlined-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);--mat-button-outlined-state-layer-color: #ff4081;--mat-button-protected-container-color: #ff4081;--mat-button-protected-label-text-color: white;--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-protected-state-layer-color: white;--mat-button-text-label-text-color: #ff4081;--mat-button-text-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);--mat-button-text-state-layer-color: #ff4081;--mat-button-tonal-container-color: #ff4081;--mat-button-tonal-label-text-color: white;--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-tonal-state-layer-color: white}.mat-mdc-button.mat-warn,.mat-mdc-unelevated-button.mat-warn,.mat-mdc-raised-button.mat-warn,.mat-mdc-outlined-button.mat-warn,.mat-tonal-button.mat-warn{--mat-button-filled-container-color: #f44336;--mat-button-filled-label-text-color: white;--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-filled-state-layer-color: white;--mat-button-outlined-label-text-color: #f44336;--mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);--mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);--mat-button-outlined-state-layer-color: #f44336;--mat-button-protected-container-color: #f44336;--mat-button-protected-label-text-color: white;--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-protected-state-layer-color: white;--mat-button-text-label-text-color: #f44336;--mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);--mat-button-text-state-layer-color: #f44336;--mat-button-tonal-container-color: #f44336;--mat-button-tonal-label-text-color: white;--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-tonal-state-layer-color: white}html{--mat-button-filled-container-height: 36px;--mat-button-filled-touch-target-display: block;--mat-button-outlined-container-height: 36px;--mat-button-outlined-touch-target-display: block;--mat-button-protected-container-height: 36px;--mat-button-protected-touch-target-display: block;--mat-button-text-container-height: 36px;--mat-button-text-touch-target-display: block;--mat-button-tonal-container-height: 36px;--mat-button-tonal-touch-target-display: block}html{--mat-button-filled-label-text-font: Roboto, sans-serif;--mat-button-filled-label-text-size: 14px;--mat-button-filled-label-text-tracking: 0.0892857143em;--mat-button-filled-label-text-transform: none;--mat-button-filled-label-text-weight: 500;--mat-button-outlined-label-text-font: Roboto, sans-serif;--mat-button-outlined-label-text-size: 14px;--mat-button-outlined-label-text-tracking: 0.0892857143em;--mat-button-outlined-label-text-transform: none;--mat-button-outlined-label-text-weight: 500;--mat-button-protected-label-text-font: Roboto, sans-serif;--mat-button-protected-label-text-size: 14px;--mat-button-protected-label-text-tracking: 0.0892857143em;--mat-button-protected-label-text-transform: none;--mat-button-protected-label-text-weight: 500;--mat-button-text-label-text-font: Roboto, sans-serif;--mat-button-text-label-text-size: 14px;--mat-button-text-label-text-tracking: 0.0892857143em;--mat-button-text-label-text-transform: none;--mat-button-text-label-text-weight: 500;--mat-button-tonal-label-text-font: Roboto, sans-serif;--mat-button-tonal-label-text-size: 14px;--mat-button-tonal-label-text-tracking: 0.0892857143em;--mat-button-tonal-label-text-transform: none;--mat-button-tonal-label-text-weight: 500}html{--mat-icon-button-icon-size: 24px;--mat-icon-button-container-shape: 50%;--mat-icon-button-touch-target-size: 48px}html{--mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);--mat-icon-button-focus-state-layer-opacity: 0.12;--mat-icon-button-hover-state-layer-opacity: 0.04;--mat-icon-button-icon-color: inherit;--mat-icon-button-pressed-state-layer-opacity: 0.12;--mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87)}.mat-mdc-icon-button.mat-primary{--mat-icon-button-icon-color: #3f51b5;--mat-icon-button-state-layer-color: #3f51b5;--mat-icon-button-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent)}.mat-mdc-icon-button.mat-accent{--mat-icon-button-icon-color: #ff4081;--mat-icon-button-state-layer-color: #ff4081;--mat-icon-button-ripple-color: color-mix(in srgb, #ff4081 12%, transparent)}.mat-mdc-icon-button.mat-warn{--mat-icon-button-icon-color: #f44336;--mat-icon-button-state-layer-color: #f44336;--mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent)}html{--mat-icon-button-touch-target-display: block}.mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 48px;--mat-icon-button-state-layer-size: 48px;width:var(--mat-icon-button-state-layer-size);height:var(--mat-icon-button-state-layer-size);padding:12px}html{--mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mat-fab-container-shape: 50%;--mat-fab-touch-target-size: 48px;--mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mat-fab-extended-container-height: 48px;--mat-fab-extended-container-shape: 24px;--mat-fab-extended-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-fab-extended-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mat-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mat-fab-small-container-shape: 50%;--mat-fab-small-touch-target-size: 48px;--mat-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)}html{--mat-fab-container-color: white;--mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);--mat-fab-focus-state-layer-opacity: 0.12;--mat-fab-foreground-color: rgba(0, 0, 0, 0.87);--mat-fab-hover-state-layer-opacity: 0.04;--mat-fab-pressed-state-layer-opacity: 0.12;--mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-fab-small-container-color: white;--mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);--mat-fab-small-focus-state-layer-opacity: 0.12;--mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);--mat-fab-small-hover-state-layer-opacity: 0.04;--mat-fab-small-pressed-state-layer-opacity: 0.12;--mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);--mat-fab-state-layer-color: rgba(0, 0, 0, 0.87)}.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary{--mat-fab-container-color: #3f51b5;--mat-fab-foreground-color: white;--mat-fab-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);--mat-fab-small-container-color: #3f51b5;--mat-fab-small-foreground-color: white;--mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-fab-small-state-layer-color: white;--mat-fab-state-layer-color: white}.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent{--mat-fab-container-color: #ff4081;--mat-fab-foreground-color: white;--mat-fab-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);--mat-fab-small-container-color: #ff4081;--mat-fab-small-foreground-color: white;--mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-fab-small-state-layer-color: white;--mat-fab-state-layer-color: white}.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn{--mat-fab-container-color: #f44336;--mat-fab-foreground-color: white;--mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);--mat-fab-small-container-color: #f44336;--mat-fab-small-foreground-color: white;--mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-fab-small-state-layer-color: white;--mat-fab-state-layer-color: white}html{--mat-fab-small-touch-target-display: block;--mat-fab-touch-target-display: block}html{--mat-fab-extended-label-text-font: Roboto, sans-serif;--mat-fab-extended-label-text-size: 14px;--mat-fab-extended-label-text-tracking: 0.0892857143em;--mat-fab-extended-label-text-weight: 500}html{--mat-snack-bar-container-shape: 4px}html{--mat-snack-bar-container-color: #424242;--mat-snack-bar-supporting-text-color: white;--mat-snack-bar-button-color: #7986cb}html{--mat-snack-bar-supporting-text-font: Roboto, sans-serif;--mat-snack-bar-supporting-text-line-height: 20px;--mat-snack-bar-supporting-text-size: 14px;--mat-snack-bar-supporting-text-weight: 400}html{--mat-table-row-item-outline-width: 1px}html{--mat-table-background-color: white;--mat-table-header-headline-color: rgba(0, 0, 0, 0.87);--mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);--mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12)}html{--mat-table-header-container-height: 56px;--mat-table-footer-container-height: 52px;--mat-table-row-item-container-height: 52px}html{--mat-table-header-headline-font: Roboto, sans-serif;--mat-table-header-headline-line-height: 22px;--mat-table-header-headline-size: 14px;--mat-table-header-headline-weight: 500;--mat-table-header-headline-tracking: 0.0071428571em;--mat-table-row-item-label-text-font: Roboto, sans-serif;--mat-table-row-item-label-text-line-height: 20px;--mat-table-row-item-label-text-size: 14px;--mat-table-row-item-label-text-weight: 400;--mat-table-row-item-label-text-tracking: 0.0178571429em;--mat-table-footer-supporting-text-font: Roboto, sans-serif;--mat-table-footer-supporting-text-line-height: 20px;--mat-table-footer-supporting-text-size: 14px;--mat-table-footer-supporting-text-weight: 400;--mat-table-footer-supporting-text-tracking: 0.0178571429em}html{--mat-progress-spinner-active-indicator-width: 4px;--mat-progress-spinner-size: 48px}html{--mat-progress-spinner-active-indicator-color: #3f51b5}.mat-accent{--mat-progress-spinner-active-indicator-color: #ff4081}.mat-warn{--mat-progress-spinner-active-indicator-color: #f44336}html{--mat-badge-container-shape: 50%;--mat-badge-container-size: unset;--mat-badge-small-size-container-size: unset;--mat-badge-large-size-container-size: unset;--mat-badge-legacy-container-size: 22px;--mat-badge-legacy-small-size-container-size: 16px;--mat-badge-legacy-large-size-container-size: 28px;--mat-badge-container-offset: -11px 0;--mat-badge-small-size-container-offset: -8px 0;--mat-badge-large-size-container-offset: -14px 0;--mat-badge-container-overlap-offset: -11px;--mat-badge-small-size-container-overlap-offset: -8px;--mat-badge-large-size-container-overlap-offset: -14px;--mat-badge-container-padding: 0;--mat-badge-small-size-container-padding: 0;--mat-badge-large-size-container-padding: 0}html{--mat-badge-background-color: #3f51b5;--mat-badge-text-color: white;--mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent)}.mat-badge-accent{--mat-badge-background-color: #ff4081;--mat-badge-text-color: white}.mat-badge-warn{--mat-badge-background-color: #f44336;--mat-badge-text-color: white}html{--mat-badge-text-font: Roboto, sans-serif;--mat-badge-line-height: 22px;--mat-badge-text-size: 12px;--mat-badge-text-weight: 600;--mat-badge-small-size-text-size: 9px;--mat-badge-small-size-line-height: 16px;--mat-badge-large-size-text-size: 24px;--mat-badge-large-size-line-height: 28px}html{--mat-bottom-sheet-container-shape: 4px}html{--mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);--mat-bottom-sheet-container-background-color: white}html{--mat-bottom-sheet-container-text-font: Roboto, sans-serif;--mat-bottom-sheet-container-text-line-height: 20px;--mat-bottom-sheet-container-text-size: 14px;--mat-bottom-sheet-container-text-tracking: 0.0178571429em;--mat-bottom-sheet-container-text-weight: 400}html{--mat-button-toggle-focus-state-layer-opacity: 0.12;--mat-button-toggle-hover-state-layer-opacity: 0.04;--mat-button-toggle-legacy-focus-state-layer-opacity: 1;--mat-button-toggle-legacy-height: 36px;--mat-button-toggle-legacy-shape: 2px;--mat-button-toggle-shape: 4px}html{--mat-button-toggle-background-color: white;--mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-button-toggle-disabled-state-background-color: white;--mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);--mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-button-toggle-legacy-disabled-state-background-color: white;--mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);--mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);--mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);--mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);--mat-button-toggle-text-color: rgba(0, 0, 0, 0.87)}html{--mat-button-toggle-height: 48px}html{--mat-button-toggle-label-text-font: Roboto, sans-serif;--mat-button-toggle-label-text-line-height: 24px;--mat-button-toggle-label-text-size: 16px;--mat-button-toggle-label-text-tracking: 0.03125em;--mat-button-toggle-label-text-weight: 400;--mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;--mat-button-toggle-legacy-label-text-line-height: 24px;--mat-button-toggle-legacy-label-text-size: 16px;--mat-button-toggle-legacy-label-text-tracking: 0.03125em;--mat-button-toggle-legacy-label-text-weight: 400}html{--mat-datepicker-calendar-container-shape: 4px;--mat-datepicker-calendar-container-touch-shape: 4px;--mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}html{--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #3f51b5 20%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);--mat-datepicker-calendar-date-selected-state-text-color: white;--mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #3f51b5 38%, transparent);--mat-datepicker-calendar-date-today-selected-state-outline-color: white;--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #3f51b5 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #3f51b5 4%, transparent);--mat-datepicker-toggle-active-state-icon-color: #3f51b5;--mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);--mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-datepicker-calendar-container-background-color: white;--mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87)}.mat-datepicker-content.mat-accent,.mat-datepicker-toggle-active.mat-accent{--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);--mat-datepicker-calendar-date-selected-state-text-color: white;--mat-datepicker-calendar-date-selected-state-background-color: #ff4081;--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ff4081 38%, transparent);--mat-datepicker-calendar-date-today-selected-state-outline-color: white;--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ff4081 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ff4081 4%, transparent);--mat-datepicker-toggle-active-state-icon-color: #ff4081;--mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);--mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-datepicker-calendar-container-background-color: white;--mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87)}.mat-datepicker-content.mat-warn,.mat-datepicker-toggle-active.mat-warn{--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);--mat-datepicker-calendar-date-selected-state-text-color: white;--mat-datepicker-calendar-date-selected-state-background-color: #f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);--mat-datepicker-calendar-date-today-selected-state-outline-color: white;--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);--mat-datepicker-toggle-active-state-icon-color: #f44336;--mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);--mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-datepicker-calendar-container-background-color: white;--mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87)}.mat-calendar-controls{--mat-icon-button-touch-target-display: none}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 40px;--mat-icon-button-state-layer-size: 40px;width:var(--mat-icon-button-state-layer-size);height:var(--mat-icon-button-state-layer-size);padding:8px}html{--mat-datepicker-calendar-text-font: Roboto, sans-serif;--mat-datepicker-calendar-text-size: 13px;--mat-datepicker-calendar-body-label-text-size: 14px;--mat-datepicker-calendar-body-label-text-weight: 500;--mat-datepicker-calendar-period-button-text-size: 14px;--mat-datepicker-calendar-period-button-text-weight: 500;--mat-datepicker-calendar-header-text-size: 11px;--mat-datepicker-calendar-header-text-weight: 400}html{--mat-divider-width: 1px}html{--mat-divider-color: rgba(0, 0, 0, 0.12)}html{--mat-expansion-container-shape: 4px;--mat-expansion-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mat-expansion-legacy-header-indicator-display: inline-block;--mat-expansion-header-indicator-display: none}html{--mat-expansion-container-background-color: white;--mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);--mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);--mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);--mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);--mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54)}html{--mat-expansion-header-collapsed-state-height: 48px;--mat-expansion-header-expanded-state-height: 64px}html{--mat-expansion-header-text-font: Roboto, sans-serif;--mat-expansion-header-text-size: 14px;--mat-expansion-header-text-weight: 500;--mat-expansion-header-text-line-height: inherit;--mat-expansion-header-text-tracking: inherit;--mat-expansion-container-text-font: Roboto, sans-serif;--mat-expansion-container-text-line-height: 20px;--mat-expansion-container-text-size: 14px;--mat-expansion-container-text-tracking: 0.0178571429em;--mat-expansion-container-text-weight: 400}html{--mat-grid-list-tile-header-primary-text-size: 14px;--mat-grid-list-tile-header-secondary-text-size: 12px;--mat-grid-list-tile-footer-primary-text-size: 14px;--mat-grid-list-tile-footer-secondary-text-size: 12px}html{--mat-icon-color: inherit}.mat-icon.mat-primary{--mat-icon-color: #3f51b5}.mat-icon.mat-accent{--mat-icon-color: #ff4081}.mat-icon.mat-warn{--mat-icon-color: #f44336}html{--mat-sidenav-container-shape: 0;--mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);--mat-sidenav-container-width: auto}html{--mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);--mat-sidenav-container-background-color: white;--mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);--mat-sidenav-content-background-color: #fafafa;--mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);--mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6)}html{--mat-stepper-header-focus-state-layer-shape: 0;--mat-stepper-header-hover-state-layer-shape: 0}html{--mat-stepper-header-icon-foreground-color: white;--mat-stepper-header-selected-state-icon-background-color: #3f51b5;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #3f51b5;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #3f51b5;--mat-stepper-header-edit-state-icon-foreground-color: white;--mat-stepper-container-color: white;--mat-stepper-line-color: rgba(0, 0, 0, 0.12);--mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);--mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);--mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);--mat-stepper-header-error-state-label-text-color: #f44336;--mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);--mat-stepper-header-error-state-icon-foreground-color: #f44336;--mat-stepper-header-error-state-icon-background-color: transparent}.mat-step-header.mat-accent{--mat-stepper-header-icon-foreground-color: white;--mat-stepper-header-selected-state-icon-background-color: #ff4081;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #ff4081;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #ff4081;--mat-stepper-header-edit-state-icon-foreground-color: white}.mat-step-header.mat-warn{--mat-stepper-header-icon-foreground-color: white;--mat-stepper-header-selected-state-icon-background-color: #f44336;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #f44336;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #f44336;--mat-stepper-header-edit-state-icon-foreground-color: white}html{--mat-stepper-header-height: 72px}html{--mat-stepper-container-text-font: Roboto, sans-serif;--mat-stepper-header-label-text-font: Roboto, sans-serif;--mat-stepper-header-label-text-size: 14px;--mat-stepper-header-label-text-weight: 400;--mat-stepper-header-error-state-label-text-size: 16px;--mat-stepper-header-selected-state-label-text-size: 16px;--mat-stepper-header-selected-state-label-text-weight: 400}html{--mat-sort-arrow-color: rgba(0, 0, 0, 0.87)}html{--mat-toolbar-container-background-color: white;--mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87)}.mat-toolbar.mat-primary{--mat-toolbar-container-background-color: #3f51b5;--mat-toolbar-container-text-color: white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color: #ff4081;--mat-toolbar-container-text-color: white}.mat-toolbar.mat-warn{--mat-toolbar-container-background-color: #f44336;--mat-toolbar-container-text-color: white}html{--mat-toolbar-standard-height: 64px;--mat-toolbar-mobile-height: 56px}html{--mat-toolbar-title-text-font: Roboto, sans-serif;--mat-toolbar-title-text-line-height: 32px;--mat-toolbar-title-text-size: 20px;--mat-toolbar-title-text-tracking: 0.0125em;--mat-toolbar-title-text-weight: 500}html{--mat-tree-container-background-color: white;--mat-tree-node-text-color: rgba(0, 0, 0, 0.87)}html{--mat-tree-node-min-height: 48px}html{--mat-tree-node-text-font: Roboto, sans-serif;--mat-tree-node-text-size: 14px;--mat-tree-node-text-weight: 400}html{--mat-timepicker-container-shape: 4px;--mat-timepicker-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-timepicker-container-background-color: white}.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 calc(14px*.83)/20px Roboto, sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px*.67)/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:-0.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}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/angular-material-styles.scss?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mat-progress-spinner.mat-progress-spinner--keyColor circle {
  stroke: var(--key-color);
}

.mat-chip-list:focus {
  outline: none;
}
.mat-chip-list .mat-chip.mat-standard-chip::after {
  display: none;
}
.mat-chip-list .mat-chip.mat-standard-chip .mat-chip-ripple:focus {
  outline: none;
}
.mat-chip-list .mat-chip.mat-standard-chip .mat-chip-remove {
  opacity: 1 !important;
}
.mat-chip-list .mat-chip.mat-standard-chip .mat-chip-remove:before {
  width: 18px;
  height: 18px;
  font-size: 18px;
}

.mat-menu-panel {
  max-width: 310px !important;
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/overlayscrollbars/css/OverlayScrollbars.css?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */

/*
OVERLAY SCROLLBARS CORE:
*/

html.os-html,
html.os-html > .os-host {
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    height: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}
html.os-html > .os-host > .os-padding {
    position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}
body.os-dragging,
body.os-dragging * {
    cursor: default;
}
.os-host,
.os-host-textarea {
    position: relative;
    overflow: visible !important;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
                -ms-grid-row-align: flex-start;
            align-items: flex-start;
}
.os-host-flexbox {
    overflow: hidden !important;
    display: flex;
}
.os-host-flexbox > .os-size-auto-observer {
    height: inherit !important;
}
.os-host-flexbox > .os-content-glue {
    flex-grow: 1;
    flex-shrink: 0;
}
.os-host-flexbox > .os-size-auto-observer,
.os-host-flexbox > .os-content-glue {
    min-height: 0;
    min-width: 0;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
}
#os-dummy-scrollbar-size {
    position: fixed;
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    visibility: hidden;
    overflow: scroll;
    height: 500px;
    width: 500px;
}
#os-dummy-scrollbar-size > div {
    width: 200%;
    height: 200%; 
    margin: 10px 0;
}
/* fix restricted measuring */
#os-dummy-scrollbar-size:before,
#os-dummy-scrollbar-size:after,
.os-content:before,
.os-content:after {
    content: '';
    display: table;
    width: 0.01px;
    height: 0.01px;
    line-height: 0;
    font-size: 0;
    flex-grow: 0;
    flex-shrink: 0;
    visibility: hidden;
}
#os-dummy-scrollbar-size,
.os-viewport {
    -ms-overflow-style: scrollbar !important;
}
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
    scrollbar-width: none !important;
}
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
    display: none !important;
    width: 0px !important;
    height: 0px !important;
    visibility: hidden !important;
    background: transparent !important;
}
.os-content-glue {
    box-sizing: inherit;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
}
.os-padding {
    box-sizing: inherit;
    direction: inherit;
    position: absolute;
    overflow: visible;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
	z-index: 0;
}
.os-host-overflow > .os-padding {
    overflow: hidden;
}
.os-viewport {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    outline: none !important;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}
.os-content-arrange {
    position: absolute;
    z-index: -1;
    min-height: 1px;
    min-width: 1px;
    pointer-events: none;
}
.os-content {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    height: 100%;
    width: 100%;
    visibility: visible;
}
.os-content > .os-textarea {
    box-sizing: border-box !important;
    direction: inherit !important;
    background: transparent !important;
    outline: 0px none transparent !important;
    overflow: hidden !important;
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    border-radius: 0px !important;
    float: none !important;
    filter: none !important;
    border: none !important;
    resize: none !important;
    transform: none !important;
    max-width: none !important;
    max-height: none !important;
    box-shadow: none !important;
    perspective: none !important;
    opacity: 1 !important;
    z-index: 1 !important;
    clip: auto !important;
    vertical-align: baseline !important;
    padding: 0px;
}
.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
    right: 0 !important;
}
.os-content > .os-textarea-cover {
    z-index: -1;
    pointer-events: none;
}
.os-content > .os-textarea[wrap='off'] {
    white-space: pre !important;
    margin: 0px !important;
}
.os-text-inherit {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    text-transform: inherit;
    text-decoration: inherit;
    text-indent: inherit;
    text-align: inherit;
    text-shadow: inherit;
    text-overflow: inherit;
    letter-spacing: inherit;
    word-spacing: inherit;
    line-height: inherit;
    unicode-bidi: inherit;
    direction: inherit;
    color: inherit;
    cursor: text;
}
.os-resize-observer,
.os-resize-observer-host {
    box-sizing: inherit;
    display: block;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}
.os-resize-observer-host {
    padding: inherit;
    border: inherit;
    border-color: transparent;
    border-style: solid;
    box-sizing: border-box;
}
.os-resize-observer-host.observed {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer {
    height: 200%;
    width: 200%;
    padding: inherit;
    border: inherit;
    margin: 0;
    display: block;
    box-sizing: content-box;
}
.os-resize-observer-host.observed > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer:before {
    display: flex;
    position: relative;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
    box-sizing: border-box;
}
.os-resize-observer-host.observed > .os-resize-observer:before {
    content: '';
    box-sizing: content-box;
    padding: inherit;
    border: inherit;
    margin: 0;
}
.os-size-auto-observer {
    box-sizing: inherit !important;
    height: 100%;
    width: inherit;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0;
}
.os-size-auto-observer > .os-resize-observer {
    width: 1000%;
    height: 1000%;
    min-height: 1px;
    min-width: 1px;
}
.os-resize-observer-item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    direction: ltr !important;
    flex: none !important;
}
.os-resize-observer-item-final {
    position: absolute;
    left: 0;
    top: 0;
    transition: none !important;
    flex: none !important;
}
.os-resize-observer {
    animation-duration: 0.001s;
    animation-name: os-resize-observer-dummy-animation;
}
object.os-resize-observer {
    box-sizing: border-box !important;
}
@keyframes os-resize-observer-dummy-animation {
    from {
		cursor: auto;
	}
	to {
		cursor: none;
	}
}

/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/

.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
    transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}
html.os-html > .os-host > .os-scrollbar {
    position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
    z-index: 999999; /* highest z-index of the page */
}
.os-scrollbar,
.os-scrollbar-corner {
    position: absolute;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    z-index: 1;
}
.os-scrollbar-corner {
    bottom: 0;
    right: 0;
}
.os-scrollbar {
    pointer-events: none;
}
.os-scrollbar-track {
    pointer-events: auto;
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0 !important;
    border: none !important;
}
.os-scrollbar-handle {
    pointer-events: auto;
    position: absolute;
    width: 100%;
    height: 100%;
}
.os-scrollbar-handle-off,
.os-scrollbar-track-off {
    pointer-events: none;
}
.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
    pointer-events: none !important;
}
.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
    opacity: 0 !important;
}
.os-scrollbar-horizontal {
    bottom: 0;
    left: 0;
}
.os-scrollbar-vertical {
    top: 0;
    right: 0;
}
.os-host-rtl > .os-scrollbar-horizontal {
    right: 0;
}
.os-host-rtl > .os-scrollbar-vertical {
    right: auto;
    left: 0;
}
.os-host-rtl > .os-scrollbar-corner {
    right: auto;
    left: 0;
}
.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.os-scrollbar-corner-resize-both {
    cursor: nwse-resize;
}
.os-host-rtl > .os-scrollbar-corner-resize-both {
    cursor: nesw-resize;
}
.os-scrollbar-corner-resize-horizontal {
    cursor: ew-resize;
}
.os-scrollbar-corner-resize-vertical {
    cursor: ns-resize;
}
.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
    cursor: default;
}
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
    top: 0;
    bottom: 0;
}
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
    right: 0;
    left: 0;
}
.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
    opacity: 1 !important;
    visibility: visible !important;
}
.os-scrollbar-corner.os-scrollbar-corner-resize {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    pointer-events: auto !important;
}
.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
    transform: scale(-1, 1);
}
.os-host-overflow {
    overflow: hidden !important;
}
.os-host-overflow-x {
} 
.os-host-overflow-y {
} 

/*
THEMES:
*/

/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical,
.os-theme-none > .os-scrollbar-corner {
    display: none !important;
}
.os-theme-none > .os-scrollbar-corner-resize {
    display: block !important;
    min-width: 10px;
    min-height: 10px;
}
/* DARK & LIGHT THEME: */
.os-theme-dark > .os-scrollbar-horizontal,
.os-theme-light > .os-scrollbar-horizontal {
    right: 10px;
    height: 10px;
}
.os-theme-dark > .os-scrollbar-vertical,
.os-theme-light > .os-scrollbar-vertical {
    bottom: 10px;
    width: 10px;
}
.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal,
.os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
    left: 10px;
    right: 0;
}
.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
    height: 10px;
    width: 10px;
}
.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
    background-color: transparent;
}
.os-theme-dark > .os-scrollbar,
.os-theme-light > .os-scrollbar {
    padding: 2px;
    box-sizing: border-box;
    background: transparent;
}
.os-theme-dark > .os-scrollbar.os-scrollbar-unusable,
.os-theme-light > .os-scrollbar.os-scrollbar-unusable {
    background: transparent;
}
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
    background: transparent;
}
.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
    min-width: 30px;
}
.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
    min-height: 30px;
}
.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    transition: background-color 0.3s;
}
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
    border-radius: 10px;
}
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(0, 0, 0, 0.4);
}
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(255, 255, 255, 0.4);
}
.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(0, 0, 0, .55);
}
.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(255, 255, 255, .55);
}
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
    background: rgba(0, 0, 0, .7);
}
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
    background: rgba(255, 255, 255, .7);
}
.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
}
.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
    display: none;
}
.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
    top: -6px;
    bottom: -2px;
}
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
    left: -6px;
    right: -2px;
}
.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
    right: -6px;
    left: -2px;
}

/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./fonts/roboto/roboto.css?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************/
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'),
  url('roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('roboto-v18-latin-regular.woff') format('woff'),
  url('roboto-v18-latin-regular.ttf') format('truetype')
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'),
  url('roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
  url('roboto-v18-latin-500.woff') format('woff'),
  url('roboto-v18-latin-500.ttf') format('truetype')
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'),
  url('roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
  url('roboto-v18-latin-700.woff') format('woff'),
  url('roboto-v18-latin-700.ttf') format('truetype')
}

/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./fonts/icon-font/icons.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************/
@font-face {
    font-family: "icons";
    src: url('icons.ttf') format("truetype");
}

i[class^="icon-"]:before, i[class*=" icon-"]:before {
    font-family: icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-burger:before {
    content: "\f101";
}
.icon-ic-alarm-24:before {
    content: "\f102";
}
.icon-ic-alle-buchungen-suchen-24:before {
    content: "\f103";
}
.icon-ic-archive-24:before {
    content: "\f104";
}
.icon-ic-arrow-left-24:before {
    content: "\f105";
}
.icon-ic-arrow-right-24:before {
    content: "\f106";
}
.icon-ic-atm-24:before {
    content: "\f107";
}
.icon-ic-auftraege-24:before {
    content: "\f108";
}
.icon-ic-auftrag-ausfuehren-24:before {
    content: "\f109";
}
.icon-ic-aus-ordner-entfernt-24:before {
    content: "\f10a";
}
.icon-ic-ausgaben-24:before {
    content: "\f10b";
}
.icon-ic-auswaehlen-24:before {
    content: "\f10c";
}
.icon-ic-back-24:before {
    content: "\f10d";
}
.icon-ic-bald-faellig-24:before {
    content: "\f10e";
}
.icon-ic-bank-suchen-24:before {
    content: "\f10f";
}
.icon-ic-biometrie-24:before {
    content: "\f110";
}
.icon-ic-browse-24:before {
    content: "\f111";
}
.icon-ic-buchung-kopieren-24:before {
    content: "\f112";
}
.icon-ic-buchung-link-24:before {
    content: "\f113";
}
.icon-ic-buchung-zuordnen-24:before {
    content: "\f114";
}
.icon-ic-cancel-outline-24:before {
    content: "\f115";
}
.icon-ic-cat-collapsed-24:before {
    content: "\f116";
}
.icon-ic-cat-expanded-24:before {
    content: "\f117";
}
.icon-ic-chart-sankey-24:before {
    content: "\f118";
}
.icon-ic-check-dicker-24:before {
    content: "\f119";
}
.icon-ic-close-ellipse-24:before {
    content: "\f11a";
}
.icon-ic-content-copy-24:before {
    content: "\f11b";
}
.icon-ic-csv-download:before {
    content: "\f11c";
}
.icon-ic-csv-import-24:before {
    content: "\f11d";
}
.icon-ic-cut-24:before {
    content: "\f11e";
}
.icon-ic-darkmode-24:before {
    content: "\f11f";
}
.icon-ic-depotentwicklung-negativ-24:before {
    content: "\f120";
}
.icon-ic-depotentwicklung-neutral-24:before {
    content: "\f121";
}
.icon-ic-depotentwicklung-positiv-24:before {
    content: "\f122";
}
.icon-ic-doc-status-offen-24:before {
    content: "\f123";
}
.icon-ic-dokument-24:before {
    content: "\f124";
}
.icon-ic-dokument-upload-24:before {
    content: "\f125";
}
.icon-ic-dokumente-24:before {
    content: "\f126";
}
.icon-ic-down-circle-24:before {
    content: "\f127";
}
.icon-ic-down-circle-filled-24:before {
    content: "\f128";
}
.icon-ic-download-from-cloud:before {
    content: "\f129";
}
.icon-ic-dropdown-down-24:before {
    content: "\f12a";
}
.icon-ic-dropdown-up-24:before {
    content: "\f12b";
}
.icon-ic-e-rechnung-24:before {
    content: "\f12c";
}
.icon-ic-einkaufskorb-24:before {
    content: "\f12d";
}
.icon-ic-empfaenger-uebernehmen-24:before {
    content: "\f12e";
}
.icon-ic-exchange-24:before {
    content: "\f12f";
}
.icon-ic-filter-list-24:before {
    content: "\f130";
}
.icon-ic-fixe-kosten-24:before {
    content: "\f131";
}
.icon-ic-forward-24:before {
    content: "\f132";
}
.icon-ic-gps-fixed-24:before {
    content: "\f133";
}
.icon-ic-hide-sidepanel-24:before {
    content: "\f134";
}
.icon-ic-in-ordner-abgelegt-24:before {
    content: "\f135";
}
.icon-ic-kassenbon-24:before {
    content: "\f136";
}
.icon-ic-keyboard-return-24:before {
    content: "\f137";
}
.icon-ic-laufzeit-24:before {
    content: "\f138";
}
.icon-ic-launch-24:before {
    content: "\f139";
}
.icon-ic-limit-24:before {
    content: "\f13a";
}
.icon-ic-list-style-row:before {
    content: "\f13b";
}
.icon-ic-list-style-thumbnail-large:before {
    content: "\f13c";
}
.icon-ic-list-style-thumbnail-single:before {
    content: "\f13d";
}
.icon-ic-list-style-thumbnail-small:before {
    content: "\f13e";
}
.icon-ic-liste-24:before {
    content: "\f13f";
}
.icon-ic-more-small-24:before {
    content: "\f140";
}
.icon-ic-neue-kontogruppe-24:before {
    content: "\f141";
}
.icon-ic-neuer-ordner-24:before {
    content: "\f142";
}
.icon-ic-neues-dokument-24:before {
    content: "\f143";
}
.icon-ic-next-24:before {
    content: "\f144";
}
.icon-ic-ordner-24:before {
    content: "\f145";
}
.icon-ic-ordner-filled-24:before {
    content: "\f146";
}
.icon-ic-outline-description:before {
    content: "\f147";
}
.icon-ic-pfeil-down-large-24:before {
    content: "\f148";
}
.icon-ic-pfeil-up-large-24:before {
    content: "\f149";
}
.icon-ic-photo-library-24:before {
    content: "\f14a";
}
.icon-ic-rechnungen-24:before {
    content: "\f14b";
}
.icon-ic-reset-24:before {
    content: "\f14c";
}
.icon-ic-rotate-90-24px:before {
    content: "\f14d";
}
.icon-ic-separate-docs-24:before {
    content: "\f14e";
}
.icon-ic-show-sidepanel-24:before {
    content: "\f14f";
}
.icon-ic-sonstige-24:before {
    content: "\f150";
}
.icon-ic-split-aufheben-24:before {
    content: "\f151";
}
.icon-ic-split-expand-24:before {
    content: "\f152";
}
.icon-ic-steuerbanking-off:before {
    content: "\f153";
}
.icon-ic-suche-dokuarchiv-24:before {
    content: "\f154";
}
.icon-ic-suche-mehr-24:before {
    content: "\f155";
}
.icon-ic-sunburst-24:before {
    content: "\f156";
}
.icon-ic-thumbs-up-24:before {
    content: "\f157";
}
.icon-ic-touch-id-24:before {
    content: "\f158";
}
.icon-ic-ueberfaellig-24:before {
    content: "\f159";
}
.icon-ic-ueberweisung-uebernehmen-24:before {
    content: "\f15a";
}
.icon-ic-unavailable-24:before {
    content: "\f15b";
}
.icon-ic-ungeprueft-24:before {
    content: "\f15c";
}
.icon-ic-upgrade-bankkontakt-24:before {
    content: "\f15d";
}
.icon-ic-upload-alt-24:before {
    content: "\f15e";
}
.icon-ic-upload-file-24:before {
    content: "\f15f";
}
.icon-ic-variable-kosten-24:before {
    content: "\f160";
}
.icon-ic-vertraege-24:before {
    content: "\f161";
}
.icon-ic-vertrag-zuordnung-aufheben-24:before {
    content: "\f162";
}
.icon-ic-watch-24:before {
    content: "\f163";
}
.icon-ic-welcome-credentials:before {
    content: "\f164";
}
.icon-ic-welcome-second-factor:before {
    content: "\f165";
}
.icon-ic-wiso-steuer-24:before {
    content: "\f166";
}
.icon-ic_abbrechen_24:before {
    content: "\f167";
}
.icon-ic_ablegen_24:before {
    content: "\f168";
}
.icon-ic_abmelden_24:before {
    content: "\f169";
}
.icon-ic_abschicken_24:before {
    content: "\f16a";
}
.icon-ic_account_24:before {
    content: "\f16b";
}
.icon-ic_adressbuch_24:before {
    content: "\f16c";
}
.icon-ic_aktualisieren_24:before {
    content: "\f16d";
}
.icon-ic_aktualisieren_alle_24:before {
    content: "\f16e";
}
.icon-ic_auswahl_24:before {
    content: "\f16f";
}
.icon-ic_auszug_24:before {
    content: "\f170";
}
.icon-ic_bank_24:before {
    content: "\f171";
}
.icon-ic_banking_globus_24:before {
    content: "\f172";
}
.icon-ic_barchart_24:before {
    content: "\f173";
}
.icon-ic_bargeld_24:before {
    content: "\f174";
}
.icon-ic_bearbeiten_24:before {
    content: "\f175";
}
.icon-ic_buchungen_24:before {
    content: "\f176";
}
.icon-ic_budgetlimit_24:before {
    content: "\f177";
}
.icon-ic_cancel_contract_24:before {
    content: "\f178";
}
.icon-ic_cancel_suche_24:before {
    content: "\f179";
}
.icon-ic_circle_minus_24:before {
    content: "\f17a";
}
.icon-ic_circle_plus_24:before {
    content: "\f17b";
}
.icon-ic_content_24:before {
    content: "\f17c";
}
.icon-ic_dauerauftrag_24:before {
    content: "\f17d";
}
.icon-ic_demo_24:before {
    content: "\f17e";
}
.icon-ic_dokument_14:before {
    content: "\f17f";
}
.icon-ic_dokument_24:before {
    content: "\f180";
}
.icon-ic_dokument_download:before {
    content: "\f181";
}
.icon-ic_dokument_hinzu:before {
    content: "\f182";
}
.icon-ic_drag_drop:before {
    content: "\f183";
}
.icon-ic_drag_handle_24:before {
    content: "\f184";
}
.icon-ic_drucken_24:before {
    content: "\f185";
}
.icon-ic_einstellungen_24:before {
    content: "\f186";
}
.icon-ic_email_24:before {
    content: "\f187";
}
.icon-ic_error_24:before {
    content: "\f188";
}
.icon-ic_fax_24:before {
    content: "\f189";
}
.icon-ic_feedback_24:before {
    content: "\f18a";
}
.icon-ic_filter_24:before {
    content: "\f18b";
}
.icon-ic_flicker_langsam_24:before {
    content: "\f18c";
}
.icon-ic_flicker_schnell_24:before {
    content: "\f18d";
}
.icon-ic_foto_qr_code_24:before {
    content: "\f18e";
}
.icon-ic_foto_rechnung_24:before {
    content: "\f18f";
}
.icon-ic_foto_ueberweisung_24:before {
    content: "\f190";
}
.icon-ic_gelesen_24:before {
    content: "\f191";
}
.icon-ic_hilfe_24px:before {
    content: "\f192";
}
.icon-ic_info_fill_24:before {
    content: "\f193";
}
.icon-ic_info_outline_24:before {
    content: "\f194";
}
.icon-ic_infocenter_24:before {
    content: "\f195";
}
.icon-ic_kalender_24:before {
    content: "\f196";
}
.icon-ic_karten_24:before {
    content: "\f197";
}
.icon-ic_kategorieauswahl_24:before {
    content: "\f198";
}
.icon-ic_kategorisierte_buchungen_karte:before {
    content: "\f199";
}
.icon-ic_ki_robot_24:before {
    content: "\f19a";
}
.icon-ic_kontakte_24:before {
    content: "\f19b";
}
.icon-ic_konten_24:before {
    content: "\f19c";
}
.icon-ic_kontenfilter_24:before {
    content: "\f19d";
}
.icon-ic_kontogruppe_56:before {
    content: "\f19e";
}
.icon-ic_kreditkarten_24:before {
    content: "\f19f";
}
.icon-ic_link_list:before {
    content: "\f1a0";
}
.icon-ic_liste_24:before {
    content: "\f1a1";
}
.icon-ic_loeschen_24:before {
    content: "\f1a2";
}
.icon-ic_mehr_24:before {
    content: "\f1a3";
}
.icon-ic_menu_24:before {
    content: "\f1a4";
}
.icon-ic_message_24:before {
    content: "\f1a5";
}
.icon-ic_mikrofon_24:before {
    content: "\f1a6";
}
.icon-ic_neu_24:before {
    content: "\f1a7";
}
.icon-ic_no_photo_camera_24:before {
    content: "\f1a8";
}
.icon-ic_notiz_24:before {
    content: "\f1a9";
}
.icon-ic_offline_24:before {
    content: "\f1aa";
}
.icon-ic_paypal_24:before {
    content: "\f1ab";
}
.icon-ic_pfeil_links_24:before {
    content: "\f1ac";
}
.icon-ic_pfeil_menu_rechts_24:before {
    content: "\f1ad";
}
.icon-ic_pfeil_oben24:before {
    content: "\f1ae";
}
.icon-ic_pfeil_rechts24:before {
    content: "\f1af";
}
.icon-ic_pfeil_unten24:before {
    content: "\f1b0";
}
.icon-ic_pfeil_unten_lang_24:before {
    content: "\f1b1";
}
.icon-ic_phone_24:before {
    content: "\f1b2";
}
.icon-ic_photo_camera_24:before {
    content: "\f1b3";
}
.icon-ic_pin_24:before {
    content: "\f1b4";
}
.icon-ic_rechner_24:before {
    content: "\f1b5";
}
.icon-ic_schlagworte_14:before {
    content: "\f1b6";
}
.icon-ic_schlagworte_24:before {
    content: "\f1b7";
}
.icon-ic_sicherheit_shield_24:before {
    content: "\f1b8";
}
.icon-ic_sortieren_24:before {
    content: "\f1b9";
}
.icon-ic_sortiert_24:before {
    content: "\f1ba";
}
.icon-ic_splitbuchung_24:before {
    content: "\f1bb";
}
.icon-ic_star_24:before {
    content: "\f1bc";
}
.icon-ic_star_half_24:before {
    content: "\f1bd";
}
.icon-ic_star_outline_24:before {
    content: "\f1be";
}
.icon-ic_steuer_14:before {
    content: "\f1bf";
}
.icon-ic_steuer_24:before {
    content: "\f1c0";
}
.icon-ic_steuerrelevant_karte:before {
    content: "\f1c1";
}
.icon-ic_suche_24:before {
    content: "\f1c2";
}
.icon-ic_suche_loeschen_24:before {
    content: "\f1c3";
}
.icon-ic_tan_24:before {
    content: "\f1c4";
}
.icon-ic_tan_chip_24:before {
    content: "\f1c5";
}
.icon-ic_tan_iTan_list_24:before {
    content: "\f1c6";
}
.icon-ic_tan_lock_24:before {
    content: "\f1c7";
}
.icon-ic_tan_photo_24:before {
    content: "\f1c8";
}
.icon-ic_tan_shield_24:before {
    content: "\f1c9";
}
.icon-ic_tan_sms_24:before {
    content: "\f1ca";
}
.icon-ic_teilen_24:before {
    content: "\f1cb";
}
.icon-ic_terminauftrag_24:before {
    content: "\f1cc";
}
.icon-ic_timeslider_24:before {
    content: "\f1cd";
}
.icon-ic_uberweisung_24:before {
    content: "\f1ce";
}
.icon-ic_umbuchung_24:before {
    content: "\f1cf";
}
.icon-ic_user_24:before {
    content: "\f1d0";
}
.icon-ic_visibility_off_24:before {
    content: "\f1d1";
}
.icon-ic_visibility_on_24:before {
    content: "\f1d2";
}
.icon-ic_vorgemerkt_24:before {
    content: "\f1d3";
}
.icon-ic_vorlagen_24:before {
    content: "\f1d4";
}
.icon-ic_zoom_in_24:before {
    content: "\f1d5";
}
.icon-ic_zoom_out_24:before {
    content: "\f1d6";
}
.icon-ic_zurück_24:before {
    content: "\f1d7";
}

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./fonts/icon-font/icons-cat.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************/
@font-face {
    font-family: "icons-cat";
    src: url('icons-cat.ttf') format("truetype");
}

i[class^="cat-"]:before, i[class*=" cat-"]:before {
    font-family: icons-cat !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cat-ic-cat-steuer-arbeitnehmer-24:before {
    content: "\f101";
}
.cat-ic-cat-steuer-betriebe-praxen-24:before {
    content: "\f102";
}
.cat-ic-cat-steuer-handwerker-24:before {
    content: "\f103";
}
.cat-ic-cat-steuer-kapitalanleger-24:before {
    content: "\f104";
}
.cat-ic-cat-steuer-kindergeld-24:before {
    content: "\f105";
}
.cat-ic-cat-steuer-krankheit-24:before {
    content: "\f106";
}
.cat-ic-cat-steuer-rentner-24:before {
    content: "\f107";
}
.cat-ic-cat-steuer-staatliche-hilfen-24:before {
    content: "\f108";
}
.cat-ic-cat-steuer-steuervorauszahlungen-24:before {
    content: "\f109";
}
.cat-ic-cat-steuer-uebungsleiter-24:before {
    content: "\f10a";
}
.cat-ic-cat-steuer-vermieter-24:before {
    content: "\f10b";
}
.cat-ic-cat-steuer-weitere-ausgaben-24:before {
    content: "\f10c";
}
.cat-ic-cat-steuer-weitere-einnahmen-24:before {
    content: "\f10d";
}
.cat-ic_cat_amazon_24:before {
    content: "\f10e";
}
.cat-ic_cat_ausgestellte_gutschriften_14:before {
    content: "\f10f";
}
.cat-ic_cat_ausgestellte_gutschriften_24:before {
    content: "\f110";
}
.cat-ic_cat_barzahlungen_14:before {
    content: "\f111";
}
.cat-ic_cat_barzahlungen_24:before {
    content: "\f112";
}
.cat-ic_cat_erhaltene_gutschriften_14:before {
    content: "\f113";
}
.cat-ic_cat_erhaltene_gutschriften_24:before {
    content: "\f114";
}
.cat-ic_cat_freizeit_14:before {
    content: "\f115";
}
.cat-ic_cat_freizeit_24:before {
    content: "\f116";
}
.cat-ic_cat_haushalt_14:before {
    content: "\f117";
}
.cat-ic_cat_haushalt_24:before {
    content: "\f118";
}
.cat-ic_cat_kinder_14:before {
    content: "\f119";
}
.cat-ic_cat_kinder_24:before {
    content: "\f11a";
}
.cat-ic_cat_sonstiges_14:before {
    content: "\f11b";
}
.cat-ic_cat_sonstiges_24:before {
    content: "\f11c";
}
.cat-ic_cat_sparen_vorsorge_14:before {
    content: "\f11d";
}
.cat-ic_cat_sparen_vorsorge_24:before {
    content: "\f11e";
}
.cat-ic_cat_unkategorisiert_14:before {
    content: "\f11f";
}
.cat-ic_cat_unkategorisiert_24:before {
    content: "\f120";
}
.cat-ic_cat_verkehr_mobil_14:before {
    content: "\f121";
}
.cat-ic_cat_verkehr_mobil_24:before {
    content: "\f122";
}
.cat-ic_cat_wohnen_14:before {
    content: "\f123";
}
.cat-ic_cat_wohnen_24:before {
    content: "\f124";
}

/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./fonts/icon-font/icons-menu.css?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************/
@font-face {
    font-family: "icons-menu";
    src: url('icons-menu.ttf') format("truetype");
}

i[class^="menu-"]:before, i[class*=" menu-"]:before {
    font-family: icons-menu !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.menu-ic-menu-atm-off-24:before {
    content: "\f101";
}
.menu-ic-menu-atm-on-24:before {
    content: "\f102";
}
.menu-ic-menu-kundenkarten-off-24:before {
    content: "\f103";
}
.menu-ic-menu-kundenkarten-on-24:before {
    content: "\f104";
}
.menu-ic-menu-online-handel-off-24:before {
    content: "\f105";
}
.menu-ic-menu-online-handel-on-24:before {
    content: "\f106";
}
.menu-ic-menu-portale-off-24:before {
    content: "\f107";
}
.menu-ic-menu-portale-on-24:before {
    content: "\f108";
}
.menu-ic-menu-steuer-box-off-24:before {
    content: "\f109";
}
.menu-ic-menu-steuer-box-on-24:before {
    content: "\f10a";
}
.menu-ic_menu_auswertungen_off_24:before {
    content: "\f10b";
}
.menu-ic_menu_auswertungen_on_24:before {
    content: "\f10c";
}
.menu-ic_menu_budgets_off_24:before {
    content: "\f10d";
}
.menu-ic_menu_budgets_on_24:before {
    content: "\f10e";
}
.menu-ic_menu_dokumente_off_24:before {
    content: "\f10f";
}
.menu-ic_menu_dokumente_on_24:before {
    content: "\f110";
}
.menu-ic_menu_einstellungen_off_24:before {
    content: "\f111";
}
.menu-ic_menu_einstellungen_on_24:before {
    content: "\f112";
}
.menu-ic_menu_finanzservice_off_24:before {
    content: "\f113";
}
.menu-ic_menu_finanzservice_on_24:before {
    content: "\f114";
}
.menu-ic_menu_konten_off_24:before {
    content: "\f115";
}
.menu-ic_menu_konten_on_24:before {
    content: "\f116";
}
.menu-ic_menu_steuerbanking_off_24:before {
    content: "\f117";
}
.menu-ic_menu_steuerbanking_on_24:before {
    content: "\f118";
}

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./fonts/geologica/geologica.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "Geologica";
  src: url("geologica-variable-font.woff2") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}


/*# sourceMappingURL=styles.css.map*/