.ProjectManager {
    &-wrapper {
        margin-bottom: 40px;
        min-height: 608px;

        .LoadingIndicator {
            min-height: 608px;
        }
    }

    &-loading {
        @extend .ProjectManager-wrapper;
        background: var(--white);
    }

    &-container {
        display: flex;
        flex-direction: column;
    }

    &-header {
        padding: 24px $grid_gutter_width;
    }

    &-main {
        display: flex;
        flex-direction: row;
        min-height: 608px;
    }

    &-aside {
        @extend .Opm-thin-grey-border;
        background-color: $grey_150;
        border-right: none;
        border-top: none;
        flex: 0 0 $sidebar_width;
        padding-bottom: 20px;
        text-align: center;

        &.flex {
            display: flex;
            flex-direction: column;
            border-right: none;
            padding-bottom: 0px;
        }
    }

    &-content {
        @extend .Opm-thin-grey-border;
        background-color: var(--white);
        flex: 1;
        padding: $grid_gutter_width ($grid_gutter_width - 1);

        &.flex {
            border-left: none;
        }
    }

    &-button-container {
        margin-left: 25px;
        margin-right: 25px;
        margin-top: 25px;

        .ProjectManager-aside.flex & {
            height: 100%;
            border-right: 1px solid #bab7b7;
            margin: 0;
            padding: 25px 25px 0 25px;
        }
    }

    &-new-product {
        width: 100%;

        .Icons-plus {
            margin-right: 2px;
            margin-top: -3px;
            vertical-align: middle;
        }

        &:hover .Icons-plus {
            fill: var(--gray-800);
        }
    }
}