.activity-altcontent {
    padding-right: 0 !important;

    .labelbar {
        display: flex;
        align-items: center;
        font-size: 1.4rem;
        padding: 1rem;
        border: 1px solid #dee2e6;
        border-radius: 1rem;
        border-top-width: .2em;
        letter-spacing: .1em;
        font-style: normal;

        span {
            font-size: 2rem;
        }
    }

    .labelbar.primary {
        border-top-color: $brand-primary;
        color: $brand-primary;
    }

    .labelbar.green {
        border-top-color: #8bc34a;
        color: #8bc34a;
    }

    .labelbar.orange {
        border-top-color: #f39c12;
        color: #f39c12;
    }

    .labelbar.red {
        border-top-color: #c0392b;
        color: #c0392b;
    }

    .labelbar.purple {
        border-top-color: #9b59b6;
        color: #9b59b6;
    }

    .labelbar.asphalt {
        border-top-color: #34495e;
        color: #34495e;
    }

    .labelbar.turquoise {
        border-top-color: #1abc9c;
        color: #1abc9c;
    }

    .labelbar.emerald {
        border-top-color: #2ecc71;
        color: #2ecc71;
    }

    .labelbar.peterriver {
        border-top-color: #3498db;
        color: #3498db;
    }

    .labelbar.amethyst {
        border-top-color: #9b59b6;
        color: #9b59b6;
    }

    .labelbar.carrot {
        border-top-color: #e67e22;
        color: #e67e22;
    }

    .labelbar.alizarin {
        background-color: #e74c3c;
        color: #e74c3c;
    }

    .labelbar.concrete {
        background-color: #95a5a6;
        color: #95a5a6;
    }
}