:root {
    --ssg-green: #4FB47B;

    /** Bootstrap Overrides **/
    --bs-font-sans-serif: Karla, system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-body-color: #1D1D1B;
    --bs-body-font-size: 14px;
    --bs-secondary: #909090;
}

.content-wrapper {
    height: 100vh;
    background-color: #F9F9F9;
    display: flex;
    overflow: hidden;

    .content-sidebar {
        background-color: #fff;
        width: 230px;
    }

    .content-main {
        padding: 0 30px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        overflow-y: auto;

        .content-header {
            padding: 30px 0;

            .content-page-title {
                font-size: 18px;
            }

        }

        .content-page-subtitle {
            font-size: 16px;
            padding-bottom: 20px
        }

        .content {
            flex-grow: 1;
        }

        .content-footer {
            padding: 36px 0;
        }
    }
}

.btn-outline-green {
    background-color: transparent;
    color: var(--ssg-green);
    border-color: var(--ssg-green);

    &:hover {
        background-color: var(--ssg-green);
        color: #fff;
    }
}