.comment-page{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.cot1-comment-page{
	width: 100%;
}
.card{
	border: none;
}
.flex-comment{}
.cot1-comment{
	width: 120px;
	margin-top: 8px;
}
.cot2-comment{
	width: 380px;
	margin: 0 10px;
}
.cot3-comment{
	width: 220px;
	margin-top: 14px;
}
.cot2-comment-page{
	width: 270px;
}
.scroll-comment-page{}
.scroll-comment-page a{
	display: block;
}
.scroll-comment-page a img{
	width: 100%;
}
.comment-title{font-size:18px;}
.comment-show{display:block!important;}
.comment-point{font-size: 32px;color: #020202;line-height: 1.5;font-family: DVNPoppinsExtraBold;}
.comment-star{font-size:0;position:relative;display:inline-block;vertical-align:top;margin-bottom: 0;}
.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 0px;color: #FFC107;text-rendering:auto;font-size: 15px;}
.comment-star i:nth-child(1){margin-left:0;}
.comment-star span i{color: #FFC107;}
.comment-star-rate{
	display: flex;
	align-items: center;
}
.comment-star-rate i{display:inline-block;margin: 0 0px;color: #FFC107;text-rendering:auto;font-size: 15px;}
.comment-star-rate span{
	color: #666666;
	font-size: 14px;
	line-height: 18px;
	margin-top: 4px;
	display: inline-block;
	margin-left: 10px;
}
.comment-count{	
	color: #666666;
	font-size: 14px;
}
.comment-progress{width:100%;margin-bottom: 0.375rem;display:flex;align-items:center;justify-content:space-between;}
.comment-progress:last-child{margin-bottom:0px;}
.comment-progress .progress{height: 3px;margin-right:10px;margin-left:5px;width: 230px;border-radius: 0;}
.comment-progress .progress-bar#has-rate{background-color:#23b445;}
.comment-progress .progress-num{font-size:15px;width:25px;text-align:center;color:#787878;}
.comment-progress .progress-total{font-weight:600;text-align:left;color:#787878;width:50px;}
.comment-write{display: none;}
.text-comment{
	color: #666666;
	font-size: 14px;
}
.btn-write-comment,.btn-write-comment-edit{
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	background: var(--color-red);
	border: none;
	padding: 11px 21px 11px 21px!important;
}
.btn-write-comment:hover,.btn-write-comment-edit:hover,.btn-write-comment:focus,.btn-write-comment-edit:focus{
	color: #fff;
	background: #f00;
	border: none;
	box-shadow: none;
}
.review-rating-star{font-size:0;}
.review-rating-star-icon .far{font-style:normal;display:inline-block;margin: 0 1px;font-size: 15px;color: #000;}
.review-rating-star-icon .far.star-empty{color: #000;}
.review-rating-star-icon .far{cursor:pointer}
.review-rating-star-icon .far{color:#f0c808;}
.review-rating-star-icon .far.star-not-empty{
    color: #000;
}
.review-rating-star-icon .far:nth-child(1){margin-left:0;}
.review-fileuploader{padding:20px 15px;text-align:center;background-color:#ffffff;cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;border:2px dashed #c2cdda;}
.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;}
#container .fileuploader-item-image img{
	height: 100%!important;
}
.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: 350px;}
.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;}
.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-item{display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:3rem;}
.comment-item-poster{width:200px;margin-right:30px;text-align:center;}
.comment-item-letter{border-radius:50%;background-color:#d3d2d3;color:#919090;width:65px;height:65px;text-transform:uppercase;display:inline-block;vertical-align:top;line-height:67px;font-size:18px;font-weight:700;margin-bottom:0.5rem;}
.comment-item-name{margin-bottom:0.25rem;text-transform:capitalize;}
.comment-item-posttime{font-size:12px;color:#999999;}
.comment-item-information{width:calc(100% - 230px);}
.comment-item-star{float:left;margin-right:10px;}
.comment-item-star i{font-size:17px;}
.comment-item-title{font-size:15px;font-weight:500;}
.comment-replies{position:relative;background:#f8f9fa;border:1px solid #dfdfdf;padding:1.75rem 1.5rem;}
.comment-replies:after,.comment-replies:before{content:'';position:absolute;}
.comment-replies:before{z-index:1;top:-13px;left:10px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:13px solid #f8f9fa;}
.comment-replies:after{top:-14px;left:9px;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:14px solid #dfdfdf;}
.comment-replies-item{margin-bottom:1.5rem;display:flex;align-items:flex-start;justify-content:flex-start;}
.comment-replies-item:last-child{margin-bottom:0px;}
.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:500;margin-bottom:0.125rem;}
.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);}
.button-comment{
	text-align: right;
}
.btn-reply-comment:hover{
	color: #f00;
}
@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%;}
}