.comment-card{padding:22px;border-radius:8px;border:1px solid #E9E9E9;background:#FFF;margin-top:25px;position:relative;}
.comment-title{font-size:18px;color:#063C8F;text-align:center;margin-bottom:10px;}
.comment-show{display:block!important;}
.comment-point i{line-height:25px;color:#F79009;font-size:16px;}
.comment-count{color:#676D78;font-family:Manrope;font-size:14px;font-weight:700;line-height:16.8px;    /* 120% */margin-top:8px;text-align:center;}
.comment-statistic-grid{display:grid;grid-template-columns:115px 190px 1fr;gap:20px;align-items:center;}
.comment-point{display:flex;align-items:end;gap:5px;justify-content:center;}
.comment-point p{margin-bottom:0px;color:var(--main-1,#063C8F);font-family:Manrope;font-size:32px;font-weight:700;letter-spacing:-0.96px;line-height:25px;}
.comment-point span{color:#98A2B3;font-family:Arial;font-size:14px;font-weight:400;display:block;line-height:15px;}
.comment-star{font-size:0;position:relative;display:inline-block;vertical-align:top;margin-bottom:0.5rem;}
.comment-star span{display:block;position:absolute;top:0;left:0px;bottom:0;z-index:1;overflow:hidden;text-align:left;white-space:nowrap;}
.comment-star i{display:inline-block;margin:0.1rem;color:#b8b8b8;text-rendering:auto;font-size:20px;}
.comment-star i:nth-child(1){margin-left:0;}
.comment-star span i{color:#F79009;}
.comment-progress{width:100%;margin-bottom:0.375rem;display:grid;align-items:center;justify-content:space-between;grid-template-columns:25px 1fr 46px;}
.comment-progress:last-child{margin-bottom:0px;}
.comment-progress .progress{height:6px;width:100%;border-radius:10px;background:#EEEEEE;}
.comment-progress .progress-bar#has-rate{background-color:#23b445;}
.comment-progress .progress-num{font-size:12px;width:25px;text-align:center;color:#000000;display:flex;align-items:center;gap:3px;}
.comment-progress .progress-num i{font-size:8px;color:#F79009;}
.comment-progress .progress-total{font-weight:600;text-align:start;color:#000000;font-size:13px;padding-left:6px;}
.comment-write{display:none;position:fixed;z-index:999;background:#0000007e;width:100%;height:100%;top:0px;right:0px;}
.review-rating-star{font-size:0;text-align:center;}
.review-rating-star-icon .fa{font-weight:400;font-style:normal;display:inline-block;margin:0;font-size:30px;width:55px;text-align:center;}
.review-rating-star-icon .fa.star-empty{color:#dedddc;}
.review-rating-star-icon .fa{cursor:pointer;}
.review-rating-star-icon .fa{color:#F79009;}
.review-rating-star-icon .fa.star-not-empty{color:#F79009;}
.review-rating-star-label{justify-content:center;display:flex;margin-top:8px;font-size:15px;}
.review-rating-star-label span{display:block;text-align:center;width:55px;}
.review-fileuploader{padding:12px 15px;text-align:center;background-color:#ffffff;cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;border:2px dashed #6bafff;border-radius:10px;transition:.4s;}
.review-fileuploader-caption{color:#0f3d8c;}
.review-fileuploader:hover{border:2px dashed #0f3d8c;}
.review-fileuploader .review-fileuploader-text{color:#90a0bc;}
.review-file-uploader .fileuploader{padding:0px;margin:0px;background:transparent;}
.review-file-uploader .fileuploader-items .fileuploader-items-list{margin:1rem -5px 0 -5px;}
.review-file-uploader .fileuploader-items .fileuploader-items-list:after{display:block;content: '';clear:both;}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item{padding:0px;width:calc(100% / 7 - 10px);float:left;margin:0 5px 5px 5px;border-bottom:0px;}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .columns{display:block;}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail{width:auto;height:auto;}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail .fileuploader-item-image{height:auto;padding:50% 0;}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail .fileuploader-item-image img{position:absolute;top:0px;left:0px;max-width:100%;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transform:none;-ms-transform:none;transform:none;}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-title{padding:0px;margin-top:0.5rem;text-align:center;}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-title{display:none;}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-actions{margin:0px;position:absolute;top:0px;right:-5px;}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-infos input{border:1px solid #dddddd;border-radius:0.25rem;}
.review-poster-video-avatar .avatar-detail{width:95px;height:95px;}
.review-poster-video-avatar .avatar-detail img{max-width:95px;max-height:95px;}
#review-content{height:150px;}
.carousel-comment-media .carousel-control a{opacity:1;width:45px;height:45px;top:calc(50% - 45px / 2);bottom:inherit;}
.carousel-comment-media .carousel-control a span{display:block;cursor:pointer;color:#222222;width:45px;height:45px;padding:5px;text-align:center;display:flex;align-items:center;justify-content:center;background-color:#ffffff;box-shadow:0 1px 12px 0 rgb(0 0 0 / 12%);border-radius:100%;-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;}
.carousel-comment-media .carousel-control a.carousel-control-prev{left:20px;}
.carousel-comment-media .carousel-control a.carousel-control-prev span{padding-right:9px;}
.carousel-comment-media .carousel-control a.carousel-control-next{right:20px;}
.carousel-comment-media .carousel-control a.carousel-control-next span{padding-left:8px;}
.carousel-comment-media .carousel-indicators{position:static;margin:0px 0px 0.75rem 0px;text-align:left;display:block;list-style:none;}
.carousel-comment-media .carousel-indicators li{width:auto;max-width:60px;height:auto;text-indent:inherit;flex:none;margin:0px 0px 3px 0px;border:2px solid transparent;opacity:1;cursor:zoom-in;}
.carousel-comment-media .carousel-indicators li.active{border-color:#ffc120;cursor:zoom-out;-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.carousel-comment-media .carousel-inner{max-width:550px;box-shadow:0 1px 12px 0 rgb(0 0 0 / 12%);}
.carousel-comment-media .carousel-inner .carousel-lists .carousel-comment-media-item-video #file-video{max-width:100%;width:100%;height:500px;vertical-align:top;display:inline-block;background-color:#000000;}
#form-reply{display:none;}
.comment-replies{position:relative;padding:5px 0 10px 0;margin-left:6px;}
.comment-replies-item{display:flex;align-items:flex-start;justify-content:flex-start;padding:10px 0;padding-left:15px;border-bottom:1px dashed #ccc;}
.comment-replies:before{content: '';position:absolute;left:0;width:1px;height:100%;border-left:1px dashed #ccc;top:0;}
.comment-replies-letter{width:45px;height:45px;margin-right:10px;line-height:45px;padding-left:1px;font-size:14px;border-radius:50%;background-color:#e5e3e5;color:#919090;text-transform:uppercase;display:inline-block;vertical-align:top;font-weight:500;text-align:center;margin-top:0.125rem;}
.comment-replies-letter.admin{position:relative;background-color:#189eff;text-indent:9999px;overflow:hidden;}
.comment-replies-letter.admin:before{content: 'QTV';text-indent:0px;color:#ffffff;font-weight:500;text-transform:uppercase;font-size:13px;position:absolute;top:50%;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.comment-replies-info{width:calc(100% - 55px);}
.comment-replies-name{font-weight:700;margin-bottom:0px!important;font-size:14px;}
.comment-replies-name span{font-weight:400;font-size:12px;font-style:italic;color:#383838;}
.comment-replies-name span.admin{font-weight:400;font-size:12px;font-style:italic;color:#008f00;}
.comment-replies-name i{color:#0095ff;font-size:12px;}
.comment-replies-date{font-size:12px;color:#7a7a7a;margin-top:3px;}
.comment-replies [class*='btn-load-more-']{border:0px;outline:none;padding:0px;background:transparent;}
.comment-media-play{z-index:1;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);}
.comment-media-play svg{-webkit-box-shadow:1px 1px 15px rgb(0 0 0 / 30%);box-shadow:1px 1px 15px rgb(0 0 0 / 30%);border-radius:50%;background-color:rgb(255 255 255 / 15%);}
.comment-media-play svg .comment-media-play-stroke-dotted{opacity:0;stroke-dasharray:4,5;stroke-width:1px;transform-origin:50% 50%;animation:spin 4s infinite linear;transition:opacity 1s ease,stroke-width 1s ease;}
.comment-media-play svg .comment-media-play-stroke-solid{stroke-dashoffset:0;stroke-dasharray:300;stroke-width:4px;transition:stroke-dashoffset 1s ease,opacity 1s ease;}
.comment-media-play svg .comment-media-play-icon{transform-origin:50% 50%;transition:transform 200ms ease-out;}
.comment-media-play:hover svg .comment-media-play-stroke-dotted{stroke-width:4px;opacity:1;}
.comment-media-play:hover svg .comment-media-play-stroke-solid{opacity:0;stroke-dashoffset:300;}
.comment-media-play:hover svg .comment-media-play-icon{transform:scale(1.05);}
@keyframes spin{
to{transform:rotate(360deg);}
}
@media (max-width:992px){
.review-preview{display:none;}
.comment-item{display:block;}
.comment-item-poster{width:auto;margin-right:0px;margin-bottom:0.5rem;display:flex;align-items:center;justify-content:flex-start;}
.comment-item-letter{width:40px;height:40px;line-height:40px;font-size:13px;margin-bottom:0;}
.comment-item-name{margin-bottom:0px;margin-left:10px;margin-right:10px;}
.comment-item-information{width:100%;}
}
.btn-load-more-comment-parent{background:var(--c3);}
.btn-write-comment{font-weight:bold;}
.hidden{display:none;}
.float-left{float:left!important;}
.view-more-replies{color:#f00;cursor:pointer;font-weight:500;margin-bottom:0!important;}
.btn-comment{margin:20px auto 0px;display:block;text-transform:uppercase!important;font-weight:bold;background-color:#03a0e2;border:1px solid;color:#fff;}
/* Admin */
.w-clear:after{display:block;content: '';clear:both;}
.response-reply-admin{display:none;margin-top:20px;}
.btn-write-comment,.btn-warning-cus{color:#FFF;font-family:Manrope;font-size:15px;font-weight:500;line-height:17px;text-align:center;width:250px;height:45px;display:flex;border-radius:8px;background:#FC7600;justify-content:center;align-items:center;margin:0 auto;margin-top:20px;cursor:pointer;}
.comment-write.comment-show .comment-card{max-width:700px;margin:0 auto;margin-top:200px;}
.comment-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.comment-write .comment-card{padding-top:18px;}
input#review-file-photo{text-align:center;padding:17px;border:2px dashed #ccc;height:60px;}
.review-file-uploader{text-align:center;}
.btn-comment-add{color:#FFF;font-family:Manrope;font-size:15px;font-weight:500;line-height:17px;text-align:center;width:180px;height:45px;display:flex;border-radius:8px;background:#FC7600;justify-content:center;align-items:center;margin:0 auto;margin-top:20px;cursor:pointer;}
.review-fileuploader-button{font-size:14px;background:#f2f2f2;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:10px 15px;}
.comment-lists{padding-top:10px;margin-top:25px;border-top:1px solid #E2E2E2;}
.comment-item{padding:11px 0 12px 0;}
.comment-item:last-child{padding-bottom:0px;}
.comment-item:first-child{padding-top:0px;}
.comment-item:not(:last-child){border-bottom:1px solid #E2E2E2;}
.comment-item-fullname{font-weight:700;font-size:14px;margin:0 0 3px 0;}
.comment-item-fullname span{color:#2eb600;font-size:12px;font-weight:400;padding-left:8px;}
.comment-item-fullname span i{margin-right:2px;}
.comment-item-rating{display:flex;align-items:center;gap:6px;margin:0 0 2px 0;}
.comment-item-rating-star{display:flex;align-items:center;}
.comment-item-rating-star i{font-size:12px;color:#FC7600;}
.comment-item-rating-feedback{color:#565656;font-style:italic;font-size:11px;}
.comment-item-content{margin:0 0 2px 0;}
.comment-item-action{display:flex;align-items:center;gap:10px;}
.btn-like-comment{font-size:13px;color:#000;}
.btn-like-comment i{color:#FC7600;}
.btn-reply-comment{font-size:13px;color:#000;}
.btn-reply-comment i{color:#063C8F;}
.comment-item-action p{margin:0px;font-size:13px;color:#999999;}
.comment-item-action > span{display:block;height:17px;width:1px;background:#222;}
.comment-item-media{margin:7px 0;}
.comment-item-media ul{padding:0;margin:0;list-style:none;display:flex;align-items:center;gap:7px;}
.comment-item-media ul li{max-width:80px;}
.comment-item-media ul li a{display:block;overflow:hidden;cursor:pointer;}
.comment-statistic-right{padding-left:25px;}
.comment-statistic-all-media{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;}
.comment-statistic-all-media > div{overflow:hidden;border-radius:8px;cursor:pointer;}
.comment-statistic-all-media > div:nth-child(6){position:relative;}
.comment-statistic-all-media > div:nth-child(6) span{display:flex;align-items:center;justify-content:center;position:absolute;left:0px;top:0px;transform:scale(0.6);opacity:0;visibility:hidden;width:100%;height:100%;background:#0000006f;color:#fff;font-size:26px;font-weight:600;transition:.4s;letter-spacing:-1px;}
.comment-statistic-all-media > div:nth-child(6):hover span{opacity:1;visibility:visible;transform:scale(1);}
.response-comment-parent .comment-item-action{display:none;}
.comment-reply.active{position:fixed;width:100%;height:100%;top:0;left:0;background:#0000006e;z-index:999;}
.comment-reply.active form#form-reply{max-width:600px;background:#fff;padding:15px 20px 20px 20px;margin:0 auto;margin-top:200px;border-radius:15px;position:relative;}
.btn-cancel-reply,.btn-cancel-comment{position:absolute;top:10px;right:10px;width:25px;height:25px;background:#dddddd;font-size:15px;display:flex;align-items:center;justify-content:center;border-radius:25px;cursor:pointer;}
.comment-reply.active .response-comment-parent{padding:10px 15px 7px 15px;border:1px solid #ccc;margin-bottom:15px;border-radius:15px;}
#form-comment{position:relative;}
.btn-cancel-comment{right:-13px;top:-10px;}
.comment-filter-tab{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px 0;}
.comment-filter-tab span{display:inline-flex;align-items:center;gap:4px;padding:4px 14px;border:1px solid #E9E9E9;border-radius:20px;font-family:Manrope;font-size:14px;font-weight:600;color:#222;background:#fff;cursor:pointer;transition:.3s;user-select:none;}
.comment-filter-tab span i{color:#f87325;font-size:13px;}
.comment-filter-tab span:hover i,.comment-filter-tab span.active i{color:#fff;}
.comment-filter-tab span.active,.comment-filter-tab span:hover{background:#063C8F;border-color:#063C8F;color:#fff;}