@import "_enterprise_vars";

// override component styles here

.hne-project-dot {
    .project-status-color {
        &.dot {
            width: 6px;
            height: 6px;
            vertical-align: middle;
        }
    }
}


// detail group

.detail-group-small,
.detail-group {
    margin: 1rem 0;

    .detail {
        border: 1px solid color('primary-light');
        padding: 1rem 1.5rem;
        color: color('primary');

        &.primary {
            background-color: lighten(color('bg-light'), 1%);
        }

        .detail-heading {
            font-weight: bold;
            font-family: $font-family-sans-serif-heavy;

            &:after {
                content: ':';
            }
        }
    }
}