/*
 * Die schwarze Fläche beginnt direkt NACH der Sidebar.
 * Der eigentliche Inhalt erhält danach denselben Abstand
 * wie Dashboard, Rechnungen, Ausgaben usw.
 */

html body #slp-income-page {
    position: fixed !important;

    top: 0 !important;
    left: var(--slp-sidebar-right, 174px) !important;
    right: 0 !important;
    bottom: 0 !important;

    width: auto !important;
    height: auto !important;

    z-index: 2147480000 !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    background: #050505 !important;
}

html body #slp-income-page .income-inner {
    width: auto !important;

    margin: 0 !important;

    padding:
        21px
        22px
        60px
        24px !important;

    box-sizing: border-box !important;

    background: #050505 !important;
}

html body #slp-income-page .income-header {
    width: 100% !important;

    margin:
        0
        0
        18px
        0 !important;

    padding:
        0
        0
        15px
        0 !important;
}

html body #slp-income-page .income-title {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 22px !important;
    line-height: 28px !important;
}

html body #slp-income-page .income-subtitle {
    margin:
        3px
        0
        0
        0 !important;

    padding: 0 !important;
}

html body #slp-income-page .income-cards {
    width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}

html body #slp-income-page .income-box {
    width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}

/*
 * Nur Einnahmen ist aktiv.
 */
html body .slp-income-nav-active {
    background: #1e2939 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}