/* Custom styles for the rating system */
.rating {
    display: flex;
    /* flex-direction: row-reverse; */
    justify-content: center;
}

.rating input {
    display: none;
}

.rating label {
    color: gainsboro;
    font-size: 2em;
    cursor: pointer;
}

.rating input:checked ~ label,
.rating input:checked ~ label ~ label,
.rating input:hover ~ label,
.rating input:hover ~ label ~ label {
    color: gold;
}
.rating label.checked {
    color: gold;
}

.required-asterisk {
    color: red;
    font-weight: bold;
}

.comment-item{
    margin-bottom: 20px;
}

.comment-item-reply{
    padding-left: 30px;
}

#comment-editor{
    height: 220px;
}

.date{
    color: #929292;
    font-size: smaller;
}

.name{
    font-weight: bold;
    color: burlywood;
}

.reply-to{
    color: darkgray;
    cursor: pointer;
    margin-right: 15px;
}

#notifications{
    position: fixed; 
    top: 0; 
    right: 0; 
    z-index: 100000; 
    max-width: 500px;
}

.avatar{
    width: 50px;
    border-radius: 50%;
    padding: 0px 5px;
}