//
// Dot badge
//


// General styles

.badge-dot {
    padding-left: 0;
    padding-right: 0;
    background: transparent;
    font-weight: $font-weight-normal;
    font-size: $font-size-sm;
    text-transform: none;

    strong {
        color: $gray-800;
    }

    i {
        display: inline-block;
        vertical-align: middle;
        width: $badge-dot-icon-width;
        height: $badge-dot-icon-height;
        border-radius: $badge-dot-icon-radius;
        margin-right: $badge-dot-icon-margin-right;
    }

    &.badge-md {
        i {
            width: $badge-dot-md-icon-width;
            height: $badge-dot-md-icon-height;
        }
    }

    &.badge-lg {
        i {
            width: $badge-dot-lg-icon-width;
            height: $badge-dot-lg-icon-height;
        }
    }
}