﻿#pvt-box-comment .box-widget-title{font-size:25px;font-weight:700;position:relative;margin-bottom:20px;color:#30b6fb}div#box-comment{margin-top:30px;margin-bottom:30px;position:relative}div#box-comment::after{content:"";display:block;clear:both}.comment-attach{padding:10px;background:#f7f7f7;border:1px solid #ccc;border-top:none}.comment-attach #btn_insert_pic{background:none;border-radius:0;border:none;font-weight:bold;color:#333;padding:3px;padding-left:30px;position:relative;outline:none}.comment-attach #btn_insert_pic::before{content:"";font-family:"FontAwesome";color:#333;position:absolute;left:0;top:-1px;font-size:22px}.comment-attach span{float:right;font-size:13px;color:#999;margin:5px 0}.comment-attach-picture{padding:10px;background:#f7f7f7;border-left:1px solid #ccc;border-right:1px solid #ccc}.dropzone{border:2px dashed #0087f7;min-height:140px;border-radius:10px;background:#fff}.dropzone .dz-preview .dz-image{border-radius:0}.dropzone .dz-message{font-size:16px;font-weight:bold}.dropzone .dz-preview{margin:0;margin-right:20px}.dz-remove{position:absolute;top:-4px;right:-4px;z-index:20;width:22px;height:22px;background-color:#ff5652;color:#fff;border-radius:50%;font-size:14px;text-align:center;display:block;cursor:pointer}.dz-remove i{line-height:22px}.dz-remove i:hover{color:#fff}.product-rating-overview{display:flex;flex-direction:row;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:10px;margin-bottom:40px}.product-rating-overview__briefing{padding:20px;flex-basis:40%;position:relative}.product-rating-overview__briefing .inner{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%}.product-rating-overview__briefing .average{font-size:30px;line-height:1.3em;font-weight:700}.product-rating-overview__briefing .average span.score{font-size:32px}.product-rating-overview__briefing .average span.score-out-of{font-size:26px;margin-left:2px}.product-rating-overview__briefing .star-wrap i{font-size:16px;margin:0 2px;color:#eea138}.product-rating-overview__briefing p{font-size:14px;margin-top:5px}.product-rating-overview__briefing::after{content:"";height:100%;width:1px;position:absolute;right:0;top:0px;background:#e0e0e0}.product-rating-overview__filters{flex:1;padding:20px 80px}.rating-list li{display:flex;flex-direction:row;align-items:center}.rating-list li:not(:first-child){margin-top:10px}.rating-list li .number-star,.rating-list li .number-percent{flex-basis:60px}.rating-list li .number-star i{font-size:16px;margin:0 2px;color:#eea138}.rating-list li .number-percent{text-align:center}.rating-list li .timeline-star{flex:1}.progress{background:#efefef;border-radius:7px}.progress .progress-bar{height:15px;background-color:#30b6fb;border-radius:7px;transition:.4s linear;transition-property:width,background-color}@keyframes progressAnimationStrike{from{width:0}to{width:100%}}#list_htags{display:flex;flex-direction:row;margin-top:10px}#list_htags li{display:flex;flex-direction:row;align-items:center}#list_htags li:not(:first-child){margin-left:10px}#list_htags li span{font-size:12px;background:#fff;border:1px solid #ccc;padding:5px 10px;border-radius:13px;cursor:pointer}#list_htags li span:hover,#list_htags li span.active{background:#007aff;border-color:#007aff;color:#fff}div.comment-title{margin:0 0 10px;overflow:hidden;position:relative}div.comment-title>span{float:left;padding:4px 0;cursor:pointer;font-size:22px;font-weight:700}.cmt-search{width:250px;float:right;position:relative}.cmt-search .form-control{padding-left:32px;padding-right:10px}.cmt-search::before{top:50%;left:10px;color:#ddd;border:none;outline:none;font-size:16px;background:none;position:absolute;transform:translate(0, -50%);-moz-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);font-family:FontAwesome}.cmt-nav{margin:40px 0 0;overflow:hidden}.cmt-nav>li{float:left;margin:0 5px 0 0}.cmt-nav>li:last-child{margin-right:0}.cmt-nav>li>span{padding:0;color:#000;width:34px;height:34px;display:block;cursor:pointer;line-height:32px;text-align:center;border:1px solid #c7c7c7;border-radius:3px !important}.cmt-nav>li>span::before{font-family:FontAwesome}.cmt-nav>li>span.active,.cmt-nav>li>span:hover{color:#fff;box-shadow:none;background:#007bc2;border-color:#007bc2}div.comment-hide{display:none;background:#fff;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc}div.comment-hide>.comment-info-wrap{width:100%;padding:10px;overflow:hidden;background:#f1f1f1}div.comment-hide>.comment-info-wrap>.row01{width:100%;display:table}.comment-form .cmt-form{position:relative}div.comment-info-wrap .column{display:table-cell;vertical-align:middle}div.box-gender{padding-right:10px;width:230px}div.box-gender .list-gender{margin:0;overflow:initial}div.box-gender .list-gender::after{content:"";display:block;clear:both}div.box-gender .list-gender>li{float:left;margin-right:10px}div.box-gender .list-gender>li *{margin:0;font-weight:400;display:inline-block;vertical-align:middle}div.comment-form{position:relative;display:table;width:100%}.list-gender>li:last-child{margin-right:0}#box-comment .form-control{min-height:36px;border-radius:0;background:#fff;resize:vertical;box-shadow:none;border:1px solid #ccc}#box-comment .form-control:focus{outline:0;border-color:#327aff;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}#comment-name,#comment-email{border-radius:3px}.box-comment-vote{clear:left;width:100%;margin-top:10px;display:block}.box-comment .btn-send{width:95px;color:#fff;border:none;outline:none;font-weight:700;border-radius:3px;padding:10px 25px;background:#327aff;display:inline-block;vertical-align:middle;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out}.box-comment .btn-send::before{font-weight:400;margin-right:5px;font-family:"FontAwesome"}.box-comment .btn-send:hover{background:#327aff}.comment-item{position:relative}.comment-item>.inner{display:flex;width:100%;flex-direction:row}.comment-item .commentAvatar{width:40px}.comment-item .commentAvatar .avatar{color:#333;width:40px;height:40px;border-radius:5px;text-align:center;background:#dedede;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.comment-item .commentAvatar .avatar .iconcom-user{font-size:16px;text-transform:uppercase;font-family:"Roboto";font-weight:500}.comment-item .commentBody{padding-left:12px;flex:1 1 0px}.comment-children{padding:10px;position:relative;background:#f1f1f1;margin:-5px 0 15px 50px;border:1px solid #dbdbdb;border-radius:8px}.comment-children::before{top:-10px;left:15px;content:"";z-index:2;display:block;position:absolute;border-bottom:10px solid #f1f1f1;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0)}.comment-children::after{top:-11px;left:13px;content:"";z-index:1;display:block;position:absolute;border-bottom:11px solid #dbdbdb;border-left:10px solid rgba(0,0,0,0);border-right:10px solid rgba(0,0,0,0)}.comment-children .comment-item{margin-bottom:10px;margin-left:0 !important}.comment-children .comment-item:last-child{margin-bottom:0}.commentName{display:flex;flex-direction:column}.commentName.reply{flex-direction:row;align-self:start;column-gap:10px}.commentName .qtv{height:20px;font-size:10px;margin-left:6px;padding:3px 6px;line-height:16px;border-radius:5px;background:#eebc49}.commentName .name{cursor:pointer;font-weight:700;font-size:15px;display:inline-block;vertical-align:middle}.commentName .star-wrap{margin-left:0px;margin-top:5px;display:inline-flex;column-gap:3px;font-size:12px}.commentName .star-wrap i.fa-star{color:#ffc73b}.commentName .star-wrap i.fa-star-o{color:#ccc}.commentInfo>li.commentDate{color:#6d6e71;margin-right:0}.commentText{margin-bottom:5px;line-height:1.5em;text-align:justify}.commentText ul.rating_tags{display:flex;flex-direction:row;margin:8px 0;margin-bottom:10px}.commentText ul.rating_tags li:not(:first-child){margin-left:10px}.commentText ul.rating_tags li span{font-size:12px;background:#ebebeb;padding:5px 10px;border-radius:13px;cursor:pointer}.comment-item form .form-control{border-radius:0;background:#fff}#list-comment{margin-top:15px;background:#fff;position:relative;margin-bottom:-15px}#list-comment>.comment-item{padding-top:20px;border-top:1px solid #e0e0e0;margin-bottom:20px}#list-comment>.comment-item:first-child{padding-top:0;border-top:none}#list-comment>.comment-item:last-child{margin-bottom:0}.comment-form-sub{width:100%;display:table;margin-top:5px;position:relative}.comment-form-sub .avatar{display:none}.commentInfo::after{content:"";clear:both;display:table}.commentName{margin-bottom:5px}.commentInfo>li{float:left;color:#666;font-size:12px;line-height:20px;position:relative;margin-right:30px}.commentInfo li.mwrs{float:right;color:#d97f00;margin-right:0;font-weight:700}li.commentReply::before{display:none}li.cmt-link::before,li.commentDate::before{top:50%;width:4px;height:4px;left:-17px;content:"";background:#999;position:absolute;border-radius:100%;transform:translate(0, -50%);-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%)}li.cmt-link>span{color:#007bc2;cursor:pointer}span.bg-icon::before{color:#999;margin-right:3px;font-family:FontAwesome}span.satisfied::before{content:""}span.unsatisfied::before{content:""}span.satisfied.clicked::before{color:#007bc2;content:"";margin-right:2px}span.unsatisfied.clicked::before{color:#007bc2;content:"";margin-right:2px}.comment-name{padding-right:5px}.comment-email{padding-left:5px}div.comment-btn{width:105px;text-align:right}.comment-vote{display:flex;column-gap:20px;overflow:hidden;padding:7px 0 8px}.comment-vote li{float:left;overflow:hidden;margin-right:5px}.comment-vote li i{cursor:pointer;font-size:26px;position:relative;top:1px}.comment-vote li i.active{color:#e7ba32}.comment-vote li.votes{display:inline-flex;column-gap:10px}.comment-vote li span.txt-vote{padding:2px 10px;background-color:#bdbdbd;border-radius:4px;line-height:20px;display:inline-block;margin-top:2px}.comment-vote li.vote-label span.txt{display:inline-block;margin-top:-1px;padding:5px 10px;border-radius:5px;font-size:14px;background:#fff;border:1px solid #ccc}.commentVote{color:#e7ba32;position:relative;top:-2px}.comment-success{padding:20px;text-align:center;font-size:14px}#cmt-list{margin-bottom:20px}.comment-imgs{margin-bottom:5px;list-style:none;padding:0}.comment-imgs::after{content:"";display:block;clear:both}.comment-imgs li{float:left;margin-right:10px}.comment-imgs li a{display:block;width:70px;height:70px;position:relative;overflow:hidden;border-radius:10px}.comment-imgs img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-width:inherit;max-height:100%;min-height:100%}#mydropzone{border-radius:2.5rem;border:3px solid #fff;background:#fff;width:42rem;height:18rem;width:100%;margin:15px auto;padding:10px;box-shadow:0 .625rem 1.25rem rgba(0,0,0,.1019607843)}#mydropzone.dropzone .dz-preview{margin:10px}#mydropzone.dropzone .dz-preview .dz-image{height:100px;width:100px;border-radius:10px}#mydropzone.dropzone .dz-preview .dz-details .dz-size{font-size:14px;margin-bottom:5px}#mydropzone.dropzone .dz-preview .dz-details .dz-filename{font-size:11px}.wrapsatis{top:30px;z-index:91;width:430px;background:#fff;overflow:visible;position:absolute;border:1px solid #ccc;border-radius:3px;padding:10px;margin:auto}.wrapsatis:after,.wrapsatis:before{bottom:100%;left:55px;border:solid rgba(0,0,0,0);content:" ";height:0;width:0;position:absolute;pointer-events:none}.wrapsatis:before{border-bottom-color:#ccc;border-width:11px;margin-left:-11px}.wrapsatis:after{border-bottom-color:#fff;border-width:10px;margin-left:-10px}.wrapsatis .wrsct{position:relative}.wrapsatis span{display:block;margin-bottom:7px;padding-right:30px}.wrapsatis .ustCt{resize:none;margin-bottom:7px}.wrapsatis a{padding:12px 15px !important;background-color:#288ad6;color:#fff}.wrapsatis .btn-close{right:0;margin:0;top:-3px;cursor:pointer;font-size:16px;padding-right:0;position:absolute}.wrapsatis .btn-close::before{content:"";font-family:FontAwesome}.wrapsatis ul{display:table;margin-left:-5px;margin-right:-5px}.wrapsatis li{padding:0 5px;display:table-cell;vertical-align:middle}.wrapsatis .btn-send{width:50px;padding:10px 0}#box-comment .wrapsatis .form-control{min-height:34px;border-radius:3px}div.empty-cmt{border-radius:0;margin-bottom:0}div.cmt-loading,div.cmt-success{margin:0;padding:18px;border-radius:0;bottom:0;position:absolute;width:100%;border:1px solid #ccc}@media screen and (max-width: 767px){div.comment-info-wrap .column{padding:0;width:100%;display:block;margin-bottom:10px}div.box-comment .btn-send{width:100%}div.comment-info-wrap .comment-btn{margin-bottom:0}.product-rating-overview__briefing{padding:10px}.product-rating-overview__briefing .average span.score-out-of{font-size:20px}.product-rating-overview__briefing .average span.score{font-size:26px}.product-rating-overview__filters{padding:10px 10px}.rating-list li:not(:first-child){margin-top:5px}.rating-list li .number-star,.rating-list li .number-percent{flex-basis:35px;font-size:13px}.progress .progress-bar{height:10px}.commentText ul.rating_tags{flex-wrap:wrap;row-gap:5px;column-gap:5px}.commentText ul.rating_tags li:not(:first-child){margin-left:0}#list_htags{flex-wrap:wrap;column-gap:5px;row-gap:5px}#list_htags li:not(:first-child){margin-left:0px}}@media screen and (max-width: 480px){#pvt-box-comment{padding:10px;-webkit-box-shadow:0px 0px 6px 0px rgba(123,123,123,.75);-moz-box-shadow:0px 0px 6px 0px rgba(123,123,123,.75);box-shadow:0px 0px 6px 0px rgba(123,123,123,.75);border-radius:10px;margin-bottom:30px}.comment-vote{flex-wrap:wrap}.comment-vote .vote-title{flex-basis:100%;margin-bottom:15px}#mydropzone{padding:5px}#mydropzone.dropzone .dz-preview{margin:5px;min-height:auto}#mydropzone.dropzone .dz-preview .dz-image{height:80px;width:80px;border-radius:10px}#mydropzone.dropzone .dz-preview .dz-details{padding:1.5rem 1rem}#mydropzone.dropzone .dz-preview .dz-details .dz-size{font-size:12px;margin-bottom:5px}#mydropzone.dropzone .dz-preview .dz-details .dz-filename{font-size:11px}.product-rating-overview__briefing .inner p{display:none}}