body .star-average .woocommerce-product-rating {
width: 100%;
-js-display: flex;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
position: relative;
align-items: center;
margin: 0 !important;
}
span.star_average {
color: #fe9727;
font-size: 35px;
vertical-align: middle;
font-weight: 700;
text-align: center;
margin: 0 10px 0 0;
line-height: 1;
}
body .star-average .woocommerce-product-rating .star-rating {
font-size: 22px;
color: #fe9727;
}
.star_box {
border: 1px solid #ddd;
border-radius: 7px;
padding: 10px;
margin: 10px 0 20px 0;
overflow: hidden;
-js-display: flex;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.devvn_review_row {
padding-bottom: 10px;
position: relative;
-js-display: flex;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
span.devvn_rating_bar {
-ms-flex: 1;
flex: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: auto !important;
padding: 0 10px;
}
span.devvn_num_reviews {
min-width: 150px;
color: #03a0e2;
}
span.devvn_scala_rating {
border-radius: 3px;
display: inline-block;
height: 15px;
background: #eee;
vertical-align: middle;
overflow: hidden;
width: 100%;
}
span.devvn_perc_rating {
height: 15px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
display: inline-block;
width: 0;
}
.woocommerce div.product body .star-average .woocommerce-product-rating {
margin-bottom: 5px;
}
span.devvn_stars_value i {
margin: 0 3px;
}
.star_box_left {
-ms-flex: 1;
flex: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: auto !important;
}
.star_box_right {
width: 190px;
text-align: center;
}
.woocommerce #reviews #comments h2 {
font-size: 18px;
}
#comments a.btn-reviews-now {
background-color: #03a0e2;
color: white;
display: inline-block;
padding: 10px 20px;
border-radius: 3px;
text-transform: uppercase;
font-weight: 700;
text-decoration: none;
}
body.woocommerce #reviews .star-rating {
color: #fe9727;
}
.woocommerce #reviews .star-rating span:before {
color: #fe9727;
}
em.woocommerce-review__verified {
display: block;
background: transparent url(//ruouthuduc.vn/wp-content/plugins/devvn-woocommerce-reviews/images/icon-confirm.png) no-repeat left top;
padding: 0 0 0 15px;
background-size: 12px;
line-height: 1.2;
color: #52b858;
font-size: 12px;
margin: 0 0 5px 0;
}
.devvn_review_top em.woocommerce-review__verified {
display: inline-block;
} body.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
font-size: 14px;
margin: 0;
}
strong.woocommerce-review__author {
font-weight: bold;
display: inline-block;
text-transform: capitalize;
color: #000;
margin: 0 10px 0 0;
}
body .devvn_review_mid .star-rating,
body .devvn_review_mid .devvn_star_rating{
float: none;
display: inline-block;
margin: 0 8px 0 0 !important;
font-size: 11px;
}
body .devvn_review_mid .devvn_star_rating > .star-rating{
margin-right: 0;
}
body .devvn_review_mid .description {
display: inline;
line-height: 20px;
}
body.woocommerce #reviews #comments ol.commentlist li .comment-text .devvn_review_mid p ~ p {
margin: 10px 0 0 0;
}
body.woocommerce #reviews #comments ol.commentlist li .comment-text .devvn_review_mid p:first-child {
display: inline;
}
.devvn_review_mid {
margin: 0 0 5px 0;
line-height: 20px;
font-size: 14px;
}
body.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0;
border: 0;
border-radius: 0;
padding: 0;
width: inherit !important;
float: none !important;
display: block;
}
body.woocommerce #reviews #comments ol.commentlist li {
margin: 0 0 8px;
}
div#review_form_wrapper {
border-radius: 5px;
padding: 20px;
width: 100%;
max-width: 590px;
background: #fff;
margin: 0 auto;
position: relative;
}
#review_form_wrapper svg path {
fill: currentColor;
stroke-width: 0;
}
#review_form_wrapper svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
time.woocommerce-review__published-date {
color: #999;
cursor: unset;
}
.woocommerce div#reviews nav.woocommerce-pagination ul,
.devvn-comments-area nav.woocommerce-pagination ul
{
display: block;
border: 0;
white-space: inherit;
margin: 0;
list-style: none;
}
.woocommerce div#reviews nav.woocommerce-pagination ul li a,
.woocommerce div#reviews nav.woocommerce-pagination ul li span,
.devvn-comments-area nav.woocommerce-pagination ul li a,
.devvn-comments-area nav.woocommerce-pagination ul li span {
float: left;
padding: 7px 10px;
background: #eee;
border-radius: 3px;
text-align: center;
color: #333;
margin-right: 4px;
font-size: 12px;
cursor: pointer;
display: block;
line-height: 1;
border: 0;
min-width: auto;
}
.woocommerce div#reviews .woocommerce-pagination ul.page-numbers li,
.woocommerce-page div#reviews .woocommerce-pagination ul.page-numbers li,
.devvn-comments-area .woocommerce-pagination ul.page-numbers li,
.devvn-comments-area .woocommerce-pagination ul.page-numbers li {
border: 0;
}
.woocommerce div#reviews nav.woocommerce-pagination ul li span.current,
.devvn-comments-area nav.woocommerce-pagination ul li span.current {
background: #ccc;
}
div#reviews nav.woocommerce-pagination,
.devvn-comments-area nav.woocommerce-pagination {
margin: 10px 0 30px;
}
em.woocommerce-review__awaiting-approval {
color: #F44336;
}
.devvn_review_bottom .reply {
color: #288ad6;
display: inline-block;
position: relative;
}
.devvn_review_bottom .reply a {
color: #288ad6;
}
.devvn_review_bottom > span {
color: #999;
}
.devvn_review_bottom a {
color: #288ad6;
}
.devvn_review_bottom {
font-size: 14px;
}
body.woocommerce #reviews #comments ol.commentlist ul.children {
margin: 10px 0 15px 10px;
}
body.woocommerce #reviews #comments ol.commentlist ul.children li {
border-left: 4px solid #efefef;
padding-left: 10px;
}
div#review_form_wrapper button.fancybox-button.fancybox-close-small {
background: #000;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border: 0;
overflow: hidden;
padding: 0;
color: #fff;
width: 25px;
height: 25px;
top: 5px;
right: 5px;
position: absolute;
outline: 0;
margin: 0;
min-height: inherit;
line-height: inherit;
}
div#review_form_wrapper span#reply-title,
.woocommerce #reviews #comments ol.commentlist #respond span#reply-title {
font-size: 18px;
font-weight: 700;
display: block;
margin: 0 0 20px 0;
}
.woocommerce #review_form #respond textarea,
.woocommerce #reviews #comments ol.commentlist #respond textarea{
height: 77px;
border: 1px solid #ddd;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
padding: 5px;
resize: none;
outline: none;
display: block;
width: 100%;
margin: 0;
}
#review_form .comment-form-rating,
.woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating{
width: 100%;
-js-display: flex;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 0 10px 0;
}
#review_form .comment-form-rating label,
.woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating label
{
width: 150px;
padding-right: 10px;
font-weight: 700;
margin: 0 0 10px 0;
}
#review_form .comment-form-rating p.stars,
.woocommerce #reviews #comments ol.commentlist #respond  .comment-form-rating p.stars {
margin: 0;
-ms-flex: 1;
flex: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: auto !important;
}
#review_form .comment-form-rating p.stars a,
.woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating p.stars a {
font-size: 14px;
text-indent: inherit;
width: 20%;
height: auto;
float: left;
text-align: center;
color: #999 !important;
transition: all .3s linear;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
margin: 0;
font-family: inherit;
}
#review_form .comment-form-rating p.stars a:hover {
transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
}
#review_form .comment-form-rating p.stars a:before,
.woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating p.stars a:before
{
position: relative;
display: block;
margin: 0 auto 10px !important;
content: "\e020";
color: #999;
font-size: 24px;
}
.woocommerce p.stars.selected a:not(.active)::before,
#review_form .comment-form-rating p.stars.selected a:before,
.woocommerce #reviews #comments ol.commentlist #respond p.stars.selected a:not(.active)::before,
.woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating p.stars.selected a:before
{
color: #fe9727;
}
#review_form .comment-form-rating p.stars.selected a.active~a:before,
.woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating p.stars.selected a.active~a:before{
color: #999;
}
#review_form .comment-form-rating p.stars:hover a:before,
.woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating p.stars:hover a:before
{
color: #fe9727 !important;
}
#review_form .comment-form-rating p.stars a:hover~a:before,
.woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating p.stars a:hover~a:before
{
color: #999 !important;
}
#review_form .comment-form-rating p.stars span,
.woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating p.stars span
{
-js-display: flex;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: justify;
width: 100%;
}
.form_row_reviews {
margin: 0 0 10px 0;
-js-display: flex;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.form_row_reviews > p {
width: 33.333%;
margin: 0 0 5px 0;
}
.woocommerce #review_form #respond input,
.woocommerce #reviews #comments ol.commentlist #respond input
{
border: 1px solid #ddd;
width: 100%;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 5px;
height: 35px;
outline: none;
}
.form_row_reviews p.comment-form-author {
padding-right: 10px;
}
.form_row_reviews p.comment-form-email {
padding-left: 10px;
}
.woocommerce #review_form #respond p.form-submit,
.woocommerce #reviews #comments ol.commentlist #respond p.form-submit
{
text-align: center;
}
.woocommerce #review_form #respond p.form-submit input#submit,
.woocommerce #reviews #comments ol.commentlist #respond p.form-submit input#submit
{
background-color: #03a0e2;
color: #fff;
border: 0;
width: auto;
margin: 0 auto;
padding: 0 30px;
text-transform: uppercase;
height: 40px;
min-height: inherit;
line-height: inherit;
}
.note_review a {
color: #03a0e2;
}
.note_review {
margin-top: 10px;
}
.comment-form-comment {
margin: 0;
position: relative;
}
.wrap-attaddsend {
background: #f7f7f7;
padding: 6px !important;
overflow: hidden;
margin: 0 0 20px 0;
}
span#countContent {
float: right;
color: #999;
margin-top: 5px;
}
.comment-form-comment div#comment-error {
position: absolute;
bottom: 2px;
left: 5px;
}
#respond div.error {
font-size: 12px;
color: red;
}
body.woocommerce #reviews #comments ol.commentlist #respond {
margin: 10px 0;
position: relative;
padding: 10px;
border-radius: 5px;
overflow: hidden;
}
body.woocommerce #reviews #comments ol.commentlist #respond input#wp-comment-cookies-consent {
width: auto;
margin: 0;
padding: 0;
vertical-align: middle;
line-height: 1;
height: auto;
}
.woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating{
display: none !important;
}
.woocommerce #reviews #comments ol.commentlist #respond span#reply-title {
font-size: 14px;
margin-bottom: 10px;
}
.woocommerce #reviews #comments ol.commentlist #respond span#reply-title a {
color: #fff;
background: red;
width: 30px;
border-radius: 50%;
height: 30px;
display: inline-block;
vertical-align: middle;
text-align: center;
line-height: 30px;
position: absolute;
top: 7px;
right: 15px;
}
div#reviews.woocommerce-Reviews {
border-bottom: 1px solid #ddd;
width: 100%;
max-width: 1140px;
margin: 0 auto 30px;
}
div#comments {
position: relative;
}
.review-attach {
position: relative;
float: left;
}
.review-attach input {
position: absolute;
top: 0;
right: 0;
margin: 0;
opacity: 0;
-ms-filter: 'alpha(opacity=0)';
font-size: 200px;
direction: ltr;
cursor: pointer;
display: none;
}
span.btn-attach {
color: #03a0e2;
font-weight: 700;
padding: 5px 0 5px 32px;
display: inline-block;
background: transparent url(//ruouthuduc.vn/wp-content/plugins/devvn-woocommerce-reviews/images/icon-image.png) no-repeat left center;
background-size: 25px auto;
-moz-background-size: 25px auto;
-webkit-background-size: 25px auto;
}
span.btn-attach-video {
color: #e63950;
font-weight: 700;
padding: 5px 0 5px 32px;
display: inline-block;
margin-left: 15px;
cursor: pointer;
background: transparent url(//ruouthuduc.vn/wp-content/plugins/devvn-woocommerce-reviews/images/video-marketing.png) no-repeat left center;
background-size: 25px auto;
}
.devvn_insert_attach {
cursor: pointer;
}
ul.devvn_attach_view {
list-style: none;
margin: 0;
padding: 0;
}
.list_attach:after {
content: "";
display: table;
clear: both;
}
ul.devvn_attach_view li {
float: left;
width: 80px;
margin: 0 20px 20px 0 !important;
padding: 0 !important;
border: 0 !important;
overflow: inherit;
clear: none;
}
.img-wrap {
position: relative;
}
.img-wrap .close {
position: absolute;
right: -10px;
top: -10px;
background: #000;
color: #fff !important;
border-radius: 50%;
z-index: 2;
display: block;
width: 20px;
height: 20px;
font-size: 16px;
text-align: center;
line-height: 18px;
cursor: pointer !important;
opacity: 1 !important;
text-shadow: none;
}
i.devvn-plus {
font-style: normal;
font-weight: 900;
font-size: 35px;
line-height: 1;
}
.img-wrap-box {
position: relative;
overflow: hidden;
padding-top: 100%;
height: auto;
background-position: 50% 50%;
background-size: cover;
}
.img-wrap-box img {
right: 0;
width: 100% !important;
height: 100% !important;
bottom: 0;
left: 0;
top: 0;
position: absolute;
object-position: 50% 50%;
object-fit: cover;
transition: all .5s linear;
-moz-transition: all .5s linear;
-webkit-transition: all .5s linear;
-ms-transition: all .5s linear;
}
.list_attach span.devvn_insert_attach {
width: 80px;
height: 80px;
text-align: center;
display: inline-block;
float: left;
border: 2px dashed #ccc;
line-height: 76px;
font-size: 25px;
color: #ccc;
}
.list_attach span.devvn_insert_attach {
display: none;
}
.list_attach.show-btn span.devvn_insert_attach {
display: block;
margin: 0 0 20px 0 !important;
}
ul.devvn_attach_view li input {
display: none;
}
ul.cmt_attachment_img {
list-style: none;
margin: 5px 0 0;
padding: 0;
overflow: hidden;
}
ul.cmt_attachment_img li {
width: 80px;
float: left;
margin: 0 5px 5px 0 !important;
padding: 0 !important;
border: 0 !important;
clear: none;
}
ul.cmt_attachment_img li img {
width: 100%;
height: auto;
display: block;
}
li.li_video_preview .img-wrap-box video.video-preview {
right: 0;
width: 100% !important;
height: 100% !important;
bottom: 0;
left: 0;
top: 0;
position: absolute;
object-position: 50% 50%;
object-fit: cover;
}
.mfp-video-container {
max-width: 90vw;
max-height: 90vh;
margin: 0 auto;
}
.mfp-video-container video.mfp-video {
width: 100%;
height: auto;
max-height: 90vh;
}
ul.cmt_attachment_img li.cmt_video_attachment video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
ul.cmt_attachment_img li.cmt_video_attachment {
position: relative;
}
ul.cmt_attachment_img li.cmt_video_attachment a {
position: relative;
display: block;
}
ul.cmt_attachment_img li.cmt_video_attachment::before,
.devvn_review_item_video .video_item::before{
content: "▶";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 20px;
z-index: 1;
pointer-events: none;
text-shadow: 0 0 5px rgba(0,0,0,0.8);
}
ul.cmt_attachment_img li.cmt_video_attachment .video-duration-overlay {
position: absolute;
bottom: 8px;
right: 8px;
background: #fff;
border-radius: 4px;
padding: 4px 8px;
display: flex;
align-items: center;
gap: 4px;
z-index: 2;
pointer-events: none;
font-size: 12px;
line-height: 1;
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
ul.cmt_attachment_img li.cmt_video_attachment .video-duration-icon {
font-size: 12px;
display: inline-block;
}
ul.cmt_attachment_img li.cmt_video_attachment .video-duration-text {
color: #000;
font-weight: 500;
font-size: 12px;
}
ul.cmt_attachment_img li.cmt_video_attachment img {
opacity: 0.8;
}
ul.cmt_attachment_img li.cmt_video_attachment .video-thumb-placeholder {
width: 100%;
padding-top: 100%;
background: #000;
position: relative;
display: block;
}
ul.cmt_attachment_img li.cmt_video_attachment .video-thumb-placeholder .video-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 20px;
}
.devvn_prod_cmt {
width: 100%;
max-width: 1140px;
margin: 0 auto 30px;
position: relative;
}
.devvn_cmt_input textarea, .devvn_cmt_input input {
border: 1px solid #c1bfbf;
width: 100%;
padding: 5px 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
outline: none;
}
.devvn_cmt_input textarea {
height: 100px;
border-radius: 3px 3px 0 0;
display: block;
margin: 0;
}
.devvn_cmt_input input{
height: 35px !important;
margin-bottom: 5px !important;
}
.devvn_cmt_form_bottom {
border: 1px solid #c1bfbf;
border-top: 0;
padding: 10px;
-js-display: flex;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.devvn_cmt_radio {
-ms-flex: 1;
flex: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: auto !important;
text-align: right;
padding-top: 7px;
white-space: nowrap;
}
.devvn_cmt_submit {
margin-left: 5px;
}
button#devvn_cmt_submit,
button#devvn_cmt_replysubmit{
width: 100%;
height: 35px;
background: #fbd648;
border: 0;
text-transform: uppercase;
font-weight: 700;
outline: none;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin: 0;
padding: 0 10px;
font-size: 14px;
min-height: inherit;
line-height: 35px;
white-space: nowrap;
}
.devvn_cmt_form_bottom .devvn_cmt_input {
width: 35%;
padding: 0 5px;
}
.devvn_cmt_radio label {
display: inline-block;
font-weight: 700;
position: relative;
cursor: pointer;
margin: 0 10px 0 0;
}
.devvn_cmt_radio label input {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.devvn_cmt_radio label span {
padding-left: 23px;
display: block;
line-height: 1.3;
}
.devvn_cmt_radio label span:before, .devvn_cmt_radio label span:after {
width: 16px;
height: 16px;
content: "";
position: absolute;
border: 1px solid #a6a6a6;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
top: 1px;
left: 0;
}
.devvn_cmt_radio label input:checked~span:before {
border: 1px solid #3398d2;
}
.devvn_cmt_radio label input:checked~span:after {
background: #3398d2;
border: 1px solid #3398d2;
width: 8px;
height: 8px;
top: 5px;
left: 4px;
}
.devvn_cmt_form {
margin: 0 0 20px 0;
}
.devvn_cmt_list_header {
overflow: hidden;
margin: 0 0 20px 0;
}
.devvn_cmt_lheader_left {
float: left;
}
.devvn_cmt_lheader_right {
float: right;
}
.devvn_cmt_list_box ul {
list-style: none;
margin: 0;
padding: 0;
}
.devvn_cmt_lheader_left span {
font-size: 16px;
font-weight: 700;
}
#devvn_cmt_search {
border: 1px solid #c1bfbf;
height: 30px;
border-radius: 3px;
padding: 0 10px 0 30px;
outline: none;
width: 100%;
margin: 0;
}
.devvn_cmt_search_box {
position: relative;
width: 200px;
}
.devvn_cmt_search_box button {
position: absolute;
top: 0;
left: 0;
color: #999;
background: transparent;
border: 0;
width: 30px;
outline: none;
height: 30px;
text-indent: -9999px;
overflow: hidden;
background: transparent url(//ruouthuduc.vn/wp-content/plugins/devvn-woocommerce-reviews/images/icon-search.png) no-repeat center center;
background-size: 15px auto;
-moz-background-size: 15px auto;
-webkit-background-size: 15px auto;
min-height: inherit;
line-height: 1;
margin: 0;
padding: 0;
}
form#devvn_cmt_search_form {
margin: 0;
}
.devvn_cmt_box > span {
width: 25px;
height: 25px;
background-image: none !important;
background-color: #ccc;
margin-right: 5px;
text-align: center;
color: #fff;
text-transform: uppercase;
font-size: 12px;
line-height: 25px;
font-style: normal;
display: inline-block;
}
.devvn_cmt_box > span.cmt_avatar {
line-height: 1;
}
.devvn_cmt_box >strong {
text-transform: capitalize;
}
.devvn_cmt_box_content {
display: block;
font-size: 14px;
color: #4a4a4a;
line-height: 22px;
margin-left: 30px;
}
.devvn_cmt_tool {
color: #999;
font-size: 13px;
margin: 0 0 5px 30px;
padding: 5px 0;
}
.devvn_cmt_tool a,
.devvn_cmt_tool > span > span,
.devvn_cmt_tool span.cmtlike{
color: #4a90e2;
cursor: pointer;
}
a.cmtlike,
span.cmtlike{
background: url(//ruouthuduc.vn/wp-content/plugins/devvn-woocommerce-reviews/images/cmt-like-icon.png) no-repeat left center;
background-size: 12px auto;
-moz-background-size: 12px auto;
-webkit-background-size: 12px auto;
padding-left: 15px;
color: #4a90e2;
cursor: pointer;
}
ul.devvn_cmt_child {
display: block;
margin-top: 10px;
position: relative;
background: #f1f1f1;
border: 1px solid #e7e7e7;
padding: 15px 10px 0 10px;
font-size: 14px;
color: #333;
margin-left: 30px;
}
ul.devvn_cmt_child:after, ul.devvn_cmt_child:before {
bottom: 100%;
left: 20px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
ul.devvn_cmt_child:after {
border-color: rgba(241, 241, 241, 0);
border-bottom-color: #f1f1f1;
border-width: 12px;
margin-left: -12px;
}
ul.devvn_cmt_child:before {
border-color: rgba(231, 231, 231, 0);
border-bottom-color: #e7e7e7;
border-width: 13px;
margin-left: -13px;
}
.devvn_cmt_list_box > ul > li {
margin: 0 0 10px 0 !important;
}
.devvn_cmt_list_box {
overflow: hidden;
margin: 0 0 10px 0;
}
form#devvn_cmt_reply {
margin: 0 0 10px;
position: relative;
}
form#devvn_cmt_reply a.devvn_cancel_cmt {
position: absolute;
top: 0;
right: 0;
background: #e03232;
color: #fff;
width: 15px;
height: 15px;
text-align: center;
line-height: 15px;
text-decoration: none;
}
.devvn_cmt_box_content p:last-child {
margin-bottom: 0;
}
.devvn_cmt_box .qtv {
text-transform: uppercase;
margin-right: 10px;
color: #000;
font-weight: normal;
font-size: 10px;
background: #eebc49;
padding: 2px 6px;
border-radius: 3px;
line-height: 18px;
height: 18px;
margin-left: 10px;
}
.devvn_loading:before {
position: absolute;
content: "";
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.2);
z-index: 9;
top: 0;
}
.devvn_loading:after {
-webkit-animation: devvn_reviews_spin 500ms infinite linear;
animation: devvn_reviews_spin 500ms infinite linear;
border: 2px solid #fff;
border-radius: 32px;
border-right-color: transparent!important;
border-top-color: transparent!important;
content: "";
display: block;
height: 16px;
top: 50%;
margin-top: -8px;
left: 50%;
margin-left: -8px;
position: absolute;
width: 16px;
border: 2px solid #c29a44
}
@-webkit-keyframes devvn_reviews_spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes devvn_reviews_spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.devvn_cmt_form_bottom.no-infor:not(.has-upload) {
display: block;
overflow: hidden;
}
.devvn_cmt_form_bottom.no-infor:not(.has-upload) .devvn_cmt_submit {
float: right;
}
.devvn-star:before{
content: "\53";
font-family: star;
font-style: normal;
}
span.devvn_stars_value {
line-height: 1;
}
div#reviews div#comments {
border-bottom: 0 !important;
}
.mfp-bg {
z-index: 99999999;
}
.mfp-wrap {
z-index: 999999999;
}
body .woocommerce-verification-required {
border: 1px dashed red;
padding: 5px;
border-radius: 5px;
color: red;
}
.reviews_bar {
line-height: 1;
}
#review_form .comment-form-rating a:after {
display: none;
} .theme-flatsome .devvn-star:before {
content: "\e005";
font-family: "fl-icons" !important;
}
.theme-flatsome .star-rating:before,
.theme-flatsome.woocommerce-page .star-rating:before{
color: #d3ced2;
}
.theme-flatsome #review_form .comment-form-rating p.stars a:before{
content: "\e005";
font-family: "fl-icons" !important;
}
.theme-flatsome.woocommerce div#reviews nav.woocommerce-pagination ul {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.theme-flatsome.woocommerce div#reviews nav.woocommerce-pagination ul li {
margin: 0;
}
#review_form .comment-form-rating p.stars a+a {
border: 0;
}
body.woocommerce.theme-flatsome #reviews #comments ol.commentlist li {
padding: 0;
list-style: none;
}
.single-product.theme-flatsome .commentlist li .description,
.single-product.theme-flatsome .comment-list li .description {
font-style: normal;
}
span.review_qtv {
background-color: #eebc49;
color: #000;
padding: 3px;
border-radius: 3px;
display: inline-block;
font-size: 11px;
text-transform: uppercase;
}
table.comments td.comment p a.review_img:after {
display: none;
}
.devvn-reviews-popup .mfp-container {
padding: 10px;
}
ul.devvn_cmt_child > li {
margin: 0 !important;
}
.woocommerce #review_form input#wp-comment-cookies-consent {
width: auto;
margin: 0 5px 0 0 !important;
height: auto;
min-height: auto;
}
#review_form .comment-form-rating p.stars a,
.woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating p.stars a {
position: relative;
letter-spacing: normal;
}
ul.devvn_attach_view li.li_file_hide {
opacity: 0;
visibility: visible;
width: 0 !important;
height: 0 !important;
overflow: hidden;
margin: 0 !important;
}
.devvn-reviews-popup .mfp-arrow-left:before {
margin-left: 0;
margin-top: 0;
}
.devvn-reviews-popup .mfp-arrow-left:after {
margin-left: 6px;
margin-top: 0px;
}
.devvn-reviews-popup .mfp-arrow-right:before {
margin-left: 0;
margin-top: 0;
}
.devvn-reviews-popup .mfp-arrow-right:after {
margin-left: 4px;
margin-top: 0px;
}
.devvn-reviews-popup .mfp-arrow:active {
margin-top: 0;
}
nav.devvn_cmt_paged.woocommerce-pagination ul {
list-style: none;
overflow: hidden;
}
nav.devvn_cmt_paged.woocommerce-pagination ul li {
float: left;
margin: 0 5px 0 0;
}
nav.devvn_cmt_paged.woocommerce-pagination ul li a,
nav.devvn_cmt_paged.woocommerce-pagination ul li span.page-numbers.current{
display: block;
background-color: #eeeeee;
padding: 5px 9px;
font-size: 14px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
nav.devvn_cmt_paged.woocommerce-pagination ul li span.page-numbers.current {
background: #ccc;
}
.devvn_review_avatar {
width: 50px;
float: left;
margin: 0 10px 0px 0;
}
.devvn_review_avatar img {
position: relative !important;
width: 100% !important;
}
.devvn_review_box .comment-text {
overflow: hidden;
}
.commentlist>li:not(:first-child), .comment-list>li:not(:first-child) {
border-top: 0 !important;
}
.woocommerce #reviews #comments ol.commentlist li .devvn_review_avatar img.avatar {
position: relative !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
height: auto !important;
}
.single-product .devvn_single_rating > .star-rating {
display: inline-block;
vertical-align: middle;
margin: 0;
}
.single-product .devvn_single_rating > span.devvn_sold:before {
content: "";
margin: 0 5px;
top: 3px;
left: 0;
background: #ccc;
width: 1px;
height: 17px;
position: absolute;
}
.single-product .devvn_single_rating > span.devvn_sold {
font-size: 14px;
position: relative;
padding-left: 13px;
display: inline-block;
}
.single-product .devvn_single_rating {
margin-bottom: 10px;
}
.single-product .devvn_single_rating span.devvn_average_rate {
display: inline-block;
vertical-align: middle;
font-size: 14px;
line-height: 1;
}
.devvn_prod_cmt > strong {
margin: 0 0 10px 0;
display: block;
}
.theme-flatsome .mfp-wrap:not(.devvn-reviews-popup) .mfp-arrow:after,
.theme-flatsome .mfp-wrap:not(.devvn-reviews-popup) .mfp-arrow:before {
display: none;
}
.theme-flatsome .mfp-wrap:not(.devvn-reviews-popup) .mfp-arrow:active {
margin-top: inherit;
}
.theme-flatsome .mfp-wrap:not(.devvn-reviews-popup) .mfp-arrow-right {
right: 20px;
}
div#reviews.woocommerce-Reviews .woocommerce-Reviews-title {
font-size: 18px;
font-weight: 700;
} .devvn-style2 .devvn_review_avatar {
width: 25px;
}
.devvn-style2 .devvn_review_mid p, .devvn-style2 .devvn_review_top strong, .devvn-style2 .devvn_review_top em {
font-size: 14px;
}
.devvn-style2 span.review_qtv {
background-color: #eebc49;
display: inline-block;
text-transform: uppercase;
font-size: 10px;
padding: 2px 6px;
border-radius: 3px;
line-height: 13px;
height: 15px;
}
body.woocommerce #reviews.devvn-style2 #comments ol.commentlist > li > ul.children {
margin-top: 10px;
position: relative;
background: #f1f1f1;
border: 1px solid #e7e7e7;
padding: 15px 10px;
font-size: 14px;
color: #333;
margin-left: 35px;
width: inherit !important;
float: none !important;
list-style: none;
}
body.woocommerce #reviews.devvn-style2 #comments ol.commentlist > li > ul.children:after, body.woocommerce #reviews.devvn-style2 #comments ol.commentlist > li > ul.children:before {
top: -19px;
left: 20px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
body.woocommerce #reviews.devvn-style2 #comments ol.commentlist > li > ul.children:after {
border-color: rgba(241, 241, 241, 0);
border-bottom-color: #f1f1f1;
border-width: 11px;
margin-left: -11px;
}
body.woocommerce #reviews.devvn-style2 #comments ol.commentlist > li > ul.children:before {
border-color: rgba(231, 231, 231, 0);
border-bottom-color: #e7e7e7;
border-width: 10px;
margin-left: -10px;
}
body.woocommerce #reviews.devvn-style2 #comments ol.commentlist > li > ul.children {
position: relative;
}
.devvn-style2 .devvn_review_bottom {
font-size: 13px;
}
body.woocommerce #reviews.devvn-style2 #comments ol.commentlist ul.children li {
border-left: 0;
padding: 0;
}
body.woocommerce #reviews.devvn-style2 #comments ol.commentlist ul.children li:last-child {
margin-bottom: 0;
}
body.woocommerce #reviews.devvn-style2.no_avatar #comments ol.commentlist ul.children {
margin-left: 0;
} .devvn_cmt_radio .tm-radio{
position: relative;
display: inline-block;
float: left;
}
.devvn_cmt_radio .tm-radio ~ span:after,.devvn_cmt_radio .tm-radio ~ span:before{
display: none;
}
.devvn_cmt_radio .tm-radio:before, .devvn_cmt_radio .tm-radio:after {
width: 16px;
height: 16px;
content: "";
position: absolute;
border: 1px solid #a6a6a6;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
top: 1px;
left: 0;
}
.devvn_cmt_radio .tm-radio.tm-selected:before {
border: 1px solid #3398d2;
}
.devvn_cmt_radio .tm-radio.tm-selected:after {
background: #3398d2;
border: 1px solid #3398d2;
width: 8px;
height: 8px;
top: 5px;
left: 4px;
}
.woocommerce div.product .style-v2 .woocommerce-product-rating span.star_average {
font-size: 48px;
margin: 0;
}
body .style-v2 .star-average .woocommerce-product-rating strong {
display: block;
text-transform: uppercase;
font-size: 12px;
}
.woocommerce div.product .style-v2 .woocommerce-product-rating span.star_average i.devvn-star {
font-size: 32px;
position: relative;
top: -5px;
}
body .style-v2 .star-average .woocommerce-product-rating {
flex-direction: column;
display: block;
text-align: center;
padding: 0 20px 0 0;
}
.style-v2 .star_box{
padding: 0 20px;
}
.style-v2 .star_box_left {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
padding: 10px 20px;
}
.style-v2 .reviews_bar .devvn_review_row:last-child {
padding-bottom: 0;
}
.style-v2 .star_box_right {
text-align: right;
}
.img_reviews_box {
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.img_reviews_box .devvn_list_item_box .img_item {
position: relative;
overflow: hidden;
padding-top: 100%;
height: auto;
background-position: 50% 50%;
background-size: cover;
}
.img_reviews_box .devvn_list_item_box .img_item img{
right: 0;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
top: 0;
position: absolute;
object-position: 50% 50%;
object-fit: cover;
}
.img_reviews_box .devvn_list_item {
width: 10%;
padding: 2px;
}
.img_reviews_wrap .devvn_list_item .devvn_list_item_box{
box-shadow: none !important;
}
.devvn_shortcode_list_reviews > strong {
display: block;
margin: 0 0 5px;
}
.img_reviews_box .devvn_list_item {
position: relative;
}
.view_more_img {
position: absolute;
top: 2px;
left: 2px;
background: #0000009c;
color: #fff;
text-align: center;
font-size: 12px;
right: 2px;
bottom: 2px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
cursor: pointer;
padding: 10px;
}
html.openPopup,
html.openPopup body{
overflow: hidden !important;
}
.img_reviews_box_full {
position: fixed;
top: 0;
left: 0;
background: #ffffffb5;
width: 100%;
height: 100%;
z-index: 999;
background: hsla(0, 0%, 0%, 0.5);
visibility: hidden;
opacity: 0;
transition: visibility 0s linear 0.3s, opacity 0.3s;
overflow-x: hidden;
overflow-y: auto;
}
.openPopup .img_reviews_box_full.openPopupActive{
visibility: visible;
opacity: 1;
}
.openPopup main#main {
z-index: 9999;
}
.openPopup .devvn-reviews-popup{
z-index: 99999;
}
.video_reviews_box {
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.video_reviews_box .devvn_list_item_box .video_item {
position: relative;
overflow: hidden;
padding-top: 100%;
height: auto;
background-position: 50% 50%;
background-size: cover;
}
.video_reviews_box .devvn_list_item_box .video_item video {
right: 0;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
top: 0;
position: absolute;
object-position: 50% 50%;
object-fit: cover;
}
.video_reviews_box .devvn_list_item {
width: 10%;
padding: 2px;
}
.video_reviews_wrap .devvn_list_item .devvn_list_item_box {
box-shadow: none !important;
}
.video_reviews_box .devvn_list_item {
position: relative;
}
.view_more_video {
position: absolute;
top: 2px;
left: 2px;
background: #0000009c;
color: #fff;
text-align: center;
font-size: 12px;
right: 2px;
bottom: 2px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
cursor: pointer;
}
.video_reviews_box_full {
position: fixed;
top: 0;
left: 0;
background: #ffffffb5;
width: 100%;
height: 100%;
z-index: 999;
background: hsla(0, 0%, 0%, 0.5);
visibility: hidden;
opacity: 0;
transition: visibility 0s linear 0.3s, opacity 0.3s;
overflow-x: hidden;
overflow-y: auto;
}
.openPopup .video_reviews_box_full.openPopupActive {
visibility: visible;
opacity: 1;
}
.devvn_review_item_video {
position: relative;
width: 100%;
}
.devvn_review_item_video .video_item {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 100%;
background: #000;
}
.devvn_review_item_video .video_item video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.devvn_review_item_video .video-play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 30px;
z-index: 2;
pointer-events: none;
text-shadow: 0 0 10px rgba(0,0,0,0.8);
opacity: 0.9;
}
.devvn_review_item_video .video_item_popup {
position: relative;
width: 100%;
padding-top: 56.25%;
background: #000;
}
.devvn_review_item_video .video_item_popup video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
}
.devvn_review_item_video .video_item_popup a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
.devvn_list_popup_content {
width: 100%;
max-width: 800px;
margin: 60px auto 20px;
background: #fff;
box-shadow: 0 0 1.5em hsl(0deg 0% 0% / 35%);
position: relative;
}
.devvn_list_popup_title {
position: relative;
background-color: #fff;
box-shadow: 0 1px 2px hsl(0deg 0% 0% / 6%);
border-bottom: 1px solid #e8e8e8;
padding: 10px 20px;
font-weight: 700;
color: #333;
font-size: 20px;
}
.devvn_list_popup_box {
padding: 15px;
}
.devvn_list_popup_box .devvn_list_item {
padding: 5px;
}
button.devvn_list_popup_close {
color: #aaa;
background: none;
border: 0;
margin: 0 !important;
position: absolute;
top: 7px;
right: 0;
min-height: auto;
}
button.devvn_list_popup_close svg {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
fill: currentcolor;
}
.quick_reviews_tag input {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.quick_reviews_tag label {
display: inline-block !important;
font-weight: 400 !important;
letter-spacing: normal;
font-size: 14px;
margin: 0 5px 5px 0;
cursor: pointer;
}
.quick_reviews_tag label span{
display: block;
font-weight: 400;
letter-spacing: normal;
border-radius: 20px;
padding: 2px 10px;
font-size: 14px;
cursor: pointer;
color: #646464;
border: 1px solid #646464;
background: #f7f7f7;
}
.quick_reviews_tag {
font-size: 0;
}
.quick_reviews_tag {
margin: 0 0 10px 0;
}
.quick_reviews_tag input:checked + span {
border-color: red;
background: #fff;
color: red;
}
.review_quick_tag span {
color: rgba(0,0,0,.4);
border: 1px solid rgba(0,0,0,.4);
border-radius: 0.9375rem;
padding: 0.1rem 0.5rem;
cursor: default;
text-overflow: ellipsis;
word-break: break-word;
max-width: 100%;
margin-bottom: 0.3125rem;
margin-right: 0.3125rem;
display: inline-block;
}
.description .review_quick_tag {
margin-top: 5px;
}
ol.commentlist div#respond .quick_reviews_tag {
display: none;
}
@media (min-width: 850px){
.theme-flatsome.single-product .comment-form{
margin-left: 0;
margin-right: 0;
}
.theme-flatsome.single-product .comment-form>div{
padding: 0;
}
}
@media (max-width: 767px){
.star_box {
display: block;
}
.star_box_left {
display: block;
margin: 0 0 10px 0;
}
.devvn_cmt_search_box {
width: 160px;
}
.devvn_cmt_form_bottom {
display: block;
}
.devvn_cmt_radio {
padding-top: 0;
float: none;
margin-bottom: 5px;
text-align: left;
}
.devvn_cmt_form_bottom .devvn_cmt_input {
width: 49%;
float: left;
padding: 0;
}
.devvn_cmt_form_bottom .devvn_cmt_input:nth-child(3) {
float: right;
}
.devvn_cmt_submit {
clear: both;
margin: 0 auto 10px;
position: relative;
top: 10px;
}
.star_box_right {
width: 100%;
}
.style-v2 .star_box {
padding: 15px;
}
.style-v2 .star_box_left {
border: 0;
padding-left: 0;
padding-right: 0;
}
.style-v2 .star_box_right {
text-align: center;
}
.img_reviews_box .devvn_list_item {
width: 20%;
}
.view_more_img{
line-height: 14px;
}
body .style-v2 .star-average .woocommerce-product-rating {
padding: 0;
}
}
@media (max-width: 600px){
.list_attach span.devvn_insert_attach {
width: 60px;
height: 60px;
line-height: 56px;
}
ul.devvn_attach_view li {
width: 60px;
}
.devvn-reviews-popup .mfp-container #review_form_wrapper {
padding: 20px 10px 10px;
}
}
@media (max-width: 560px){
.form_row_reviews {
display: block;
}
.form_row_reviews>p {
width: 100% !important;
display: block;
margin: 0 !important;
padding: 0 !important;
}
.form_row_reviews>p input {
margin-bottom: 5px;
font-size: 14px;
}
body.woocommerce #reviews #comments ol.commentlist #respond p.comment-form-cookies-consent {
line-height: 1.2;
}
span#countContent {
font-size: 14px;
}
.review-attach {
font-size: 14px;
}
#review_form .comment-form-rating, .woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating {
display: block;
}
#review_form .comment-form-rating label, .woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating label {
width: 100%;
font-size: 14px;
font-weight: 400;
}
#review_form .comment-form-rating p.stars a, .woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating p.stars a {
font-size: 10px;
}
#review_form .comment-form-rating p.stars a:before, .woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating p.stars a:before {
margin: 0;
}
#review_form .comment-form-rating p.stars, .woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating p.stars {
width: 100%;
}
}
.devvn_reviews_filter {
margin: 20px 0 ;
padding: 15px 15px 10px 15px;
background: #f5f5f5;
border-radius: 5px;
}
.devvn_reviews_filter .filter_label {
font-weight: 600;
margin-right: 5px;
}
.devvn_filter_btn {
display: inline-block;
padding: 5px 12px;
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
text-decoration: none;
color: #333;
transition: all 0.3s;
cursor: pointer;
font-size: 14px;
margin: 0 5px 5px 0;
}
.devvn_filter_btn:hover {
background: #f0f0f0;
border-color: #999;
}
.devvn_filter_btn.active {
background: #0073aa;
color: #fff;
border-color: #0073aa;
}
.devvn_filter_btn i.devvn-star {
font-size: 12px;
margin-left: 2px;
}
@media (max-width: 768px) {
.devvn_reviews_filter {
flex-direction: column;
align-items: flex-start;
}
.devvn_filter_btn {
font-size: 12px;
padding: 6px 12px;
}
} .devvn-lazyload-img,
.devvn-lazyload-video {
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: devvn-lazyload-shimmer 1.5s infinite;
min-height: 80px;
min-width: 80px;
display: block;
}
.devvn-lazyload-img {
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
object-fit: cover;
}
.devvn-lazyload-video {
width: 100%;
height: 100%;
object-fit: cover;
}
.devvn-lazyload-img.devvn-loaded,
.devvn-lazyload-video.devvn-loaded {
background: none;
animation: none;
}
@keyframes devvn-lazyload-shimmer {
0% {
background-position: -200% 0;
}
100% {
background-position: 200% 0;
}
} .devvn-recaptcha-wrap {
margin: 15px 0;
clear: both;
}
.devvn-recaptcha-wrap .g-recaptcha {
transform-origin: left top;
display: flex;
justify-content: center;
}
@media (max-width: 400px) {
.devvn-recaptcha-wrap .g-recaptcha {
transform: scale(0.85);
}
}
.devvn_cmt_form .devvn-recaptcha-wrap {
padding: 10px 0;
}
#review_form .devvn-recaptcha-wrap {
margin-top: 15px;
} .devvn-recaptcha-v3-notice {
margin: 10px 0;
padding: 8px 12px;
background-color: #f8f9fa;
border-left: 3px solid #4285f4;
font-size: 12px;
color: #666;
}
.devvn-recaptcha-v3-notice a {
color: #4285f4;
text-decoration: none;
}
.devvn-recaptcha-v3-notice a:hover {
text-decoration: underline;
} .devvn-recaptcha-wrap[data-recaptcha-type="v3"] .grecaptcha-badge,
.devvn-recaptcha-wrap[data-recaptcha-type="v2_invisible"] .g-recaptcha[data-badge="inline"] + .grecaptcha-badge {
visibility: hidden !important;
}
.comment-form-recaptcha {
margin-bottom: 15px;
} .devvn_cmt_attach_wrap {
display: flex;
align-items: center;
gap: 10px;
margin-right: 10px;
}
.devvn_cmt_attach_btn {
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border: 1px solid #ddd;
border-radius: 4px;
background: #fff;
transition: all 0.2s ease;
}
.devvn_cmt_attach_btn:hover {
border-color: #03a0e2;
background: #f5f5f5;
}
.devvn_cmt_attach_btn i.devvn-camera-icon {
display: block;
width: 20px;
height: 20px;
background: url(//ruouthuduc.vn/wp-content/plugins/devvn-woocommerce-reviews/images/icon-image.png) no-repeat center center;
background-size: contain;
}
.devvn_cmt_attach_preview {
display: flex;
align-items: center;
gap: 5px;
}
.devvn_cmt_attach_preview .tcmt-img-preview {
position: relative;
width: 40px;
height: 40px;
border-radius: 4px;
border: 1px solid #ddd;
}
.devvn_cmt_attach_preview .tcmt-img-preview img {
width: 100%;
height: 100%;
object-fit: cover;
}
.devvn_cmt_attach_preview .tcmt-img-preview .tcmt-img-remove {
position: absolute;
top: -6px;
right: -6px;
width: 16px;
height: 16px;
background: #000;
color: #fff;
border-radius: 50%;
font-size: 12px;
line-height: 14px;
text-align: center;
cursor: pointer;
z-index: 2;
}
.devvn_cmt_form_bottom.no-infor .devvn_cmt_attach_wrap {
margin-right: 0;
}
@media (max-width: 767px) {
.devvn_cmt_attach_wrap {
width: 100%;
margin: 0 0 10px 0;
width: 49%;
float: right;
padding: 0;
}
} .tcmt_attachment_img {
margin: 10px 0 5px 30px;
display: inline-block;
}
.tcmt_attachment_img a {
display: block;
}
.tcmt_attachment_img img {
max-width: 150px;
max-height: 150px;
width: auto;
height: auto;
border-radius: 4px;
border: 1px solid #ddd;
cursor: pointer;
transition: opacity 0.2s ease;
}
.tcmt_attachment_img img:hover {
opacity: 0.85;
}