.balloon-top {
    position: relative;
    margin: 1.5em 0;
    font-size: 16px;
    background: #e0edff;
}

.balloon-top:before {
    content: "";
    position: absolute;
    top: -30px;
    right: 15px;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom: 15px solid #e0edff;
}
.bg-gray-800.balloon-top:before {
    border-bottom-color: rgba(var(--bs-gray-800-rgb), var(--bs-bg-opacity)) !important;
}

.balloon-top p {
    margin: 0;
    padding: 0;
}

.app-sidebar .menu .menu-item.active > .menu-link .menu-icon {
    color: white;
}

.rating {
    border: none;
}
.rating > label {
    color: #90A0A3;
    float: right;
}
.rating > label:before {
    margin: 5px;
    font-size: 2em;
    font-family: FontAwesome;
    content: "\f005";
    display: inline-block;
}
.rating > input {
    display: none;
}
.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: #F79426;
}
.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ label:hover ~ label {
    color: #FECE31;
}
.rating.rating-sm > label:before {
    font-size: 1.5em;
}