/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
/* Bootstrap Icons-based Star Rating Override */
.ticket-reply .rating span.star,
.ticket-reply .rating-done span.star {
    font-family: 'bootstrap-icons' !important;
    font-style: normal;
    font-weight: normal;
    font-size: 1.25rem;
    line-height: 1;
    display: inline-block;
    color: #ccc;
    speak: none;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Default (empty star) */
.ticket-reply .rating span.star::before,
.ticket-reply .rating-done span.star::before {
    content: "\f586"; /* Bootstrap bi-star */
}

/* Filled (rated) */
.ticket-reply .rating span.star.active::before,
.ticket-reply .rating-done span.star.active::before {
    content: "\f587"; /* Bootstrap bi-star-fill */
    color: #F2DE88;
}