.dashboard-icon {
    color: $color-brand;
}

.dashboard-container {
    padding-top: $grid-gutter-width/2;
    padding-bottom: $grid-gutter-width/2;
    min-height: 100%;
}

.dashboard-graph-body {
    padding: 0.25rem 0.5rem;
}

.dashboard-row {
    margin-bottom: $grid-gutter-width/2;
}

.graph-error {
    background-color: inherit;
    padding-top: 20px
}

.grid-error {
    background-color: $color-gray-lighter;
    padding-top: 20px;
    padding-bottom: 40px;
}

.grid-container {
    width: 100%;
    overflow: auto;
    border-radius: $card-border-radius;
    border: $panel-border;
}

.dashboard-link a {
    cursor: pointer;
    color: $color-fg;
}

.dashboard-graph-body {
    & .flotr-labels {
        color: $color-fg !important;
    }
    & .flotr-legend {
        border: none !important;
        padding: 0.25rem 0.5rem;
        & .flotr-legend-label {
            color: $color-fg !important;
            padding-left: 0.25rem;
        }

        & .flotr-legend-color-box>div {
            border: none !important;
            &>div {
                border: none !important;
            }
        }

        & .flotr-legend-bg {
            border-radius: $border-radius;
        }
    }
}

.welcome-logo {
    width: 400px;
    & .app-name {
        fill: $color-brand;
    }
    & .app-name-underline {
        stroke: $color-fg;
    }
    & .app-tagline {
        fill: $color-fg;
    }
}