a.star {
    font-size: 1.8rem;
    color: #d1d1d4;
    cursor: pointer;
    line-height: 1;
    transition: all 0.1s ease;
}

a.star.vote-hover span {
    color: #f3cd00;
}

a.star:active span {
    color: #f3cd00;
}

a.star.vote-active {
    color: #f3cd00;
}

.blue {
    color: #f3cd00;
}

.danh-gia {
    margin-top: 1rem;
}

.rating-medium {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 22rem;
}

.title-medium-score {
    font-size: 14px;
}

.score-rating {
    font-size: 3rem;
    color: var(--color-1);
    line-height: 4rem;
    margin-right: 1rem;
    font-family: 'NunitoB';
}

.quantity-star {
    color: #f3cd00;
    font-size: 1.3rem;
    margin-bottom: 0rem;
}

.quantity-comment {
    color: #777474;
    font-size: 1.4rem;
}

.progress-rating {
    width: 20rem;
}

.item-progress {
    margin-bottom: 0.2rem
}

.item-progress .rating-num {
    float: left;
    font-size: 1.4rem;
    width: 45px;
    text-align: right;
    padding-right: 5px;
    color: #6f6969;
    font-family: 'Barlow Semi Condensed', sans-serif;
}

.item-progress .box-progress {
    float: left;
    width: calc(100% - 90px);
    vertical-align: middle;
    margin-top: 5px;
}

.item-progress .box-progress .progress {
    height: 0.7rem;
    margin-bottom: 0px;
    box-shadow: none;
    background-color: #e6e6e6;
}

.item-progress .box-progress .progress-bar {
    background-color: #fcbe00;
}

.item-progress .rating-num-total {
    width: 45px;
    text-align: left;
    display: inline-block;
    float: left;
    padding-left: 10px;
    color: #565656;
    font-size: 1.4rem;
}

.btn-nhanxet {
    background-color: var(--color-1);
    color: #fff;
    font-size: 1.4rem;
    line-height: 4rem;
    padding: 0 1rem;
    border-radius: 0.5rem;
    font-family: 'InterM';
}

.btn-nhanxet:hover {
    color: rgba(255, 214, 99, 1);
}

.content-nhanxet {
    font-size: 1.6rem;
    background-color: #efefef;
    margin: 0px auto;
    padding: 2rem;
    margin-top: 1rem;
    border-radius: 0.5rem;
    display: none;
}

.content-nhanxet .h3 {
    margin-top: 10px;
    font-size: 18px;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
}

.cate-rating {
    margin-bottom: 10px;
}

.btn-guibl {
    background-color: var(--color-1);
    color: #fff;
    margin: 0px auto;
    font-size: 1.6rem;
    line-height: 3rem;
    border-color: transparent;
    box-shadow: unset;
    padding: 0.5rem 2rem;
    border-radius: 0.1rem;
    font-family: 'InterM';
}

.btn-guibl:hover {
    color: rgba(255, 214, 99, 1);
}

.list-binhluan {
    margin: 0.5rem 0 1rem 0;
}

.item-binhluan {
    border-bottom: 1px dashed #eceaea;
    padding: 0.5rem 0;
}

.item-binhluan .img_user {
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.item-binhluan .img_user img {
    width: 4rem;
}

.df_row_comments .right .name-user {
    font-size: 1.6rem;
    color: #222;
}

.d-and-t {
    font-size: 1.3rem;
    margin-bottom: 0;
}

.item-binhluan .name-user {
    text-align: center;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 600;
    margin-top: 10px;
    color: #626262;
    margin-bottom: 5px;
}

.item-binhluan .ngaydang {
    display: block;
    color: #a2a1a1;
    font-size: 1.2rem;
}

.chitiet-bl .titlede-bl {
    font-weight: 600;
    color: #00a85a;
}

.chitiet-bl p {
    color: #6f6c6c;
    font-size: 1.6rem;
}

.panel-traloi {
    margin-top: 10px;
}

.list-traloi {
    margin-top: 10px;
    border-top: 1px dashed #e8e5e5;
    padding-top: 10px;
}

.list-traloi span {
    display: inline-block;
    margin-left: 0.7rem;
    font-size: 1.2rem;
    color: #757575;
    letter-spacing: 0;
}

.list-traloi b {
    text-transform: capitalize;
}

.list-traloi p {
    color: #6f6c6c;
    margin-top: 0.5rem;
}

.item-traloi {
    border-bottom: 1px dotted #e2e2e2;
    margin-bottom: 10px;
    font-size: 1.5rem;
}

.content-nhanxet input {
    height: 4rem;
    line-height: 4rem;
    padding-left: 1rem;
}

.content-nhanxet textarea {
    padding-left: 1rem;
}

#main-nx .tit_nd {
    font-size: 1.6rem;
}