p.cr-comment-image-text { margin-bottom: 0.5em; font-size: 0.9em; }
p.cr-comment-video-text { margin-bottom: 0.5em; font-size: 0.9em; }
.iv-comment-image {
float: left;
margin-right: 5px;
margin-left: 0;
margin-bottom: 5px;
margin-top: 0px;
border-radius: 5px;
overflow: hidden;
border: 1px solid #e4e1e3;
filter: brightness(100%);
}
.iv-comment-image:hover,
.cr-comment-video:hover {
filter: brightness(95%);
}
.cr-comment-image-top {
display: inline-block;
margin-right: 5px;
vertical-align: top;
max-height: 150px;
border-radius: 5px;
overflow: hidden;
border: 1px solid #e4e1e3;
filter: brightness(100%);
box-sizing: content-box;
position: relative;
}
.cr-comment-image-top:hover {
filter: brightness(95%);
}
.cr-comment-video {
float: left;
margin-right: 5px;
margin-bottom: 5px;
position: relative;
cursor: pointer;
border-radius: 5px;
overflow: hidden;
border: 1px solid #e4e1e3;
filter: brightness(100%);
}
.cr-comment-video video.cr-video-a {
width: 75px;
height: 75px;
display: block;
object-fit: cover;
}
.cr-comment-video-modal.cr-comment-video video.cr-video-a {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
object-fit: contain;
background-color: rgba(0,0,0,0.4);
}
.cr-comment-video .cr-comment-videoicon,
.cr-comment-image-top .cr-comment-videoicon {
position: absolute;
top: 50%;
left: 50%;
width: 32px;
height: auto;
margin-top: -16px;
margin-left: -16px;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-nav .cr-ajax-reviews-slide-nav .cr-comment-videoicon,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-nav .cr-ajax-reviews-slide-nav .cr-comment-videoicon {
position: absolute;
top: 50%;
left: 50%;
width: 26px;
height: auto;
margin-top: -13px;
margin-left: -13px;
}
.cr-comment-image-top img,
.cr-comment-image-top video {
width: 150px;
height: 150px;
box-shadow: none;
padding: 0;
border-radius: 0;
object-fit: cover;
cursor: pointer;
}
#reviews div.iv-comment-image img,
div.iv-comment-image img {
box-shadow: none;
width: 75px;
height: 75px;
max-width: 75px;
max-height: 75px;
object-fit:cover;
padding: 0;
border-radius: 0;
display: block;
position: relative;
}
.cr-comment-images, .cr-comment-videos {
margin-bottom: 1em;
}
.cr-all-reviews-shortcode .cr-comment-images, .cr-comment-videos {
margin: 0;
}
.cr-all-reviews-shortcode .comment_container .avatar {
position: absolute;
float: left;
padding: 0;
top: 0;
left: 0;
margin: 0;
}
.cr-comment-videos .cr-comment-video .cr-comment-video-close {
display: none;
}
.cr-comment-videos .cr-comment-video.cr-comment-video-modal .cr-comment-video-close {
display: block;
background-color: #7A7A7A;
color: #FFFFFF;
border: 0px solid;
border-radius: 10px;
position: absolute;
top: 0px;
right: 0px;
padding: 1px;
line-height: 0;
cursor: pointer;
}
.cr-comment-videos .cr-comment-video.cr-comment-video-modal .cr-comment-video-close .cr-close-button-svg {
display: block;
width: 18px;
height: 18px;
}
.cr-comment-videos .cr-comment-video.cr-comment-video-modal .cr-comment-video-close .cr-close-button-svg-p {
fill: #ffffff;
}
.cr-comment-videos .cr-comment-video .cr-video-cont {
display: flex;
position: relative;
margin: auto;
}
.cr-comment-videos .cr-comment-video.cr-comment-video-modal .cr-video-cont {
padding: 10px;
max-width: 100%;
max-height: 100%;
}
.cr-comment-videos-modal {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 99999;
overflow: auto;
background-color: rgba(0,0,0,0.4);
display: flex;
align-items: center;
justify-content: center;
}
.cr-comment-videos-modal .cr-comment-video,
.cr-comment-videos-modal .iv-comment-image {
display: none;
}
.cr-comment-video.cr-comment-video-modal {
width: 80%;
height: 80%;
float: none;
margin: auto;
z-index: 1;
display: flex;
justify-content: center;
cursor: auto;
border-width: 0;
filter: brightness(100%);
}
.cr-recaptcha { margin-bottom: 1.5em; }
#commentform.comment-form .cr-upload-local-images, .comment-form .cr-upload-local-images { width: 100%; flex: none; }
#commentform.comment-form .cr-upload-local-images label, .comment-form .cr-upload-local-images label {
display: block;
transform: none;
position: relative;
left: auto;
top: auto;
}
#commentform.comment-form .cr-upload-local-images input, .comment-form .cr-upload-local-images input { display: block; width: 100%; }
.ivole-meter {
overflow: hidden;
background: #f2f2f2;
background: -webkit-linear-gradient(top,#eee,#f6f6f6);
background: linear-gradient(to bottom,#eee,#f6f6f6);
background-color: #f3f3f3;
height: 22px;
border-radius: 1px;
box-shadow: inset 0 1px 2px rgba(0,0,0,.4),inset 0 0 0 1px rgba(0,0,0,.1);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.ivole-meter .ivole-meter-bar {
border-radius: 1px;
background: #fb0;
background: -webkit-linear-gradient(top,#ffce00,#ffa700);
background: linear-gradient(to bottom,#ffce00,#ffa700);
background-color: #ffce00;
box-shadow: inset 0 0 0 1px rgba(0,0,0,.25),inset 0 -1px 0 rgba(0,0,0,.05);
-webkit-transition: width .5s ease;
transition: width .5s ease;
float: left;
font-size: 0;
height: 100%;
width: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.ivole-meter .ivole-meter-bar:before {
background-color: rgba(255,255,255,.25);
content: "";
display: block;
font-size: 0;
height: 1px;
margin: 1px
}
.cr-histogramTable tr.ivole-histogramRow .ivole-histogramCell1 {
white-space: nowrap;
width: auto;
}
.cr-histogramTable tr.ivole-histogramRow .ivole-histogramCell2 {
width: 70%;
}
.cr-all-reviews-shortcode .cr-histogramTable tr.ivole-histogramRow .ivole-histogramCell2 {
min-width: 100px;
}
.cr-histogramTable tr.ivole-histogramRow .ivole-histogramCell3 {
text-align: right;
white-space: nowrap;
width: auto;
}
#reviews .cr-summaryBox-wrap,
.cr-all-reviews-shortcode .cr-summaryBox-wrap,
.cr-reviews-grid .cr-summaryBox-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 2px;
align-items: center;
}
.cr-all-reviews-shortcode.cr-all-reviews-new-review .cr-summaryBox-wrap {
display: none;
}
.cr-reviews-grid.cr-reviews-grid-new-review .cr-summaryBox-wrap,
.cr-reviews-grid.cr-reviews-grid-new-review .cr-reviews-grid-empty {
display: none;
}
#reviews .cr-summaryBox-wrap {
margin: 0 0 1em 0;
background-color: #F9F9F9;
}
.cr-all-reviews-shortcode .cr-summaryBox-wrap,
.cr-reviews-grid .cr-summaryBox-wrap {
margin: 0;
background-color: #F9F9F9;
}
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-summary-separator,
.cr-reviews-grid .cr-summaryBox-wrap .cr-summary-separator {
width: auto;
height: 40px;
}
.cr-all-reviews-shortcode .cr-summaryBox-wrap.cr-summaryBox-add-review .cr-summary-separator,
.cr-reviews-grid .cr-summaryBox-wrap.cr-summaryBox-add-review .cr-summary-separator {
flex: 2 2 auto;
display: flex;
justify-content: center;
align-items: center;
}
.cr-all-reviews-shortcode .cr-summaryBox-wrap.cr-summaryBox-add-review .cr-summary-separator-side,
.cr-reviews-grid .cr-summaryBox-wrap.cr-summaryBox-add-review .cr-summary-separator-side {
flex: 1 1 auto;
}
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-summary-separator-int,
.cr-reviews-grid .cr-summaryBox-wrap .cr-summary-separator-int {
width: 2px;
height: 40px;
background-color: #BCCCD4;
}
.cr-reviews-grid .cr-summaryBox-wrap {
margin: 0 10px 20px 10px;
}
#reviews .cr-summaryBox-wrap .ivole-summaryBox,
#reviews .cr-summaryBox-wrap .cr-overall-rating-wrap,
.cr-all-reviews-shortcode .cr-summaryBox-wrap .ivole-summaryBox,
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-overall-rating-wrap,
.cr-reviews-grid .cr-summaryBox-wrap .ivole-summaryBox,
.cr-reviews-grid .cr-summaryBox-wrap .cr-overall-rating-wrap {
margin: 0px;
width: 49%;
flex: 0 0 49%;
padding: 10px;
border-radius: 4px;
border: 0px solid #e4e1e3;
box-sizing: border-box;
}
.cr-all-reviews-shortcode .cr-summaryBox-wrap.cr-summaryBox-add-review .ivole-summaryBox,
.cr-reviews-grid .cr-summaryBox-wrap.cr-summaryBox-add-review .ivole-summaryBox {
width: 35%;
flex: 1 0 35%;
}
.cr-all-reviews-shortcode .cr-summaryBox-wrap.cr-summaryBox-add-review .cr-overall-rating-wrap,
.cr-all-reviews-shortcode .cr-summaryBox-wrap.cr-summaryBox-add-review .cr-add-review-wrap,
.cr-reviews-grid .cr-summaryBox-wrap.cr-summaryBox-add-review .cr-overall-rating-wrap,
.cr-reviews-grid .cr-summaryBox-wrap.cr-summaryBox-add-review .cr-add-review-wrap {
width: auto;
flex: 0 0 auto;
}
#reviews .cr-summaryBox-wrap .cr-overall-rating-wrap,
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-overall-rating-wrap,
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-add-review-wrap,
.cr-reviews-grid .cr-summaryBox-wrap .cr-overall-rating-wrap,
.cr-reviews-grid .cr-summaryBox-wrap .cr-add-review-wrap {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
flex-direction: column;
}
#reviews .cr-summaryBox-wrap .cr-average-rating,
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-average-rating,
.cr-reviews-grid .cr-summaryBox-wrap .cr-average-rating {
font-size: 36px;
font-weight: bold;
line-height: 50px;
color: #0E252C;
}
#reviews .cr-summaryBox-wrap .cr-total-rating-count,
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-total-rating-count,
.cr-reviews-grid .cr-summaryBox-wrap .cr-total-rating-count {
font-size: 14px;
color: #0E252C;
line-height: 25px;
}
.cr-all-reviews-shortcode .cr-review-form-wrap,
.cr-reviews-grid .cr-review-form-wrap,
.cr-qna-block .cr-qna-new-q-form {
display: none;
}
.cr-all-reviews-shortcode.cr-all-reviews-new-review .cr-review-form-wrap,
.cr-ajax-reviews-review-form .cr-review-form-wrap,
.cr-reviews-grid.cr-reviews-grid-new-review .cr-review-form-wrap,
.cr-qna-block.cr-qna-new-q-form-open .cr-qna-new-q-form {
display: block;
}
.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-nav,
.cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-nav,
.cr-reviews-grid .cr-review-form-wrap .cr-review-form-nav,
.cr-qna-block .cr-review-form-nav {
display: flex;
justify-content: space-between;
border-top: 1px solid #E5E9EB;
border-bottom: 1px solid #E5E9EB;
height: 50px;
}
.cr-qna-block .cr-qna-list-inl-answ .cr-review-form-nav {
margin: 0 0 20px 0;
}
.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-nav .cr-nav-left,
.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-nav .cr-nav-right,
.cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-nav .cr-nav-left,
.cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-nav .cr-nav-right,
.cr-reviews-grid .cr-review-form-wrap .cr-review-form-nav .cr-nav-left,
.cr-reviews-grid .cr-review-form-wrap .cr-review-form-nav .cr-nav-right,
.cr-qna-block .cr-review-form-nav .cr-nav-left,
.cr-qna-block .cr-review-form-nav .cr-nav-right {
display: flex;
align-items: center;
}
.cr-ajax-reviews-review-form.cr-ajax-reviews-review-form-nc .cr-review-form-wrap .cr-review-form-nav .cr-nav-right {
display: none;
}
.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-nav .cr-nav-left svg,
.cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-nav .cr-nav-left svg,
.cr-reviews-grid .cr-review-form-wrap .cr-review-form-nav .cr-nav-left svg,
.cr-qna-block .cr-review-form-nav .cr-nav-left svg {
margin: 0 5px 0 0;
}
.cr-ajax-reviews-review-form.cr-ajax-reviews-review-form-nc .cr-review-form-wrap .cr-review-form-nav .cr-nav-left svg {
pointer-events: none;
}
.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-nav .cr-nav-left svg:hover,
.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-nav .cr-nav-right svg:hover,
.cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-nav .cr-nav-left svg:hover,
.cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-nav .cr-nav-right svg:hover,
.cr-reviews-grid .cr-review-form-wrap .cr-review-form-nav .cr-nav-left svg:hover,
.cr-reviews-grid .cr-review-form-wrap .cr-review-form-nav .cr-nav-right svg:hover,
.cr-qna-block .cr-review-form-nav .cr-nav-left svg:hover,
.cr-qna-block .cr-review-form-nav .cr-nav-right svg:hover {
cursor: pointer;
}
.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-nav .cr-nav-left span,
.cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-nav .cr-nav-left span,
.cr-reviews-grid .cr-review-form-wrap .cr-review-form-nav .cr-nav-left span,
.cr-qna-block .cr-review-form-nav .cr-nav-left span {
font-size: 16px;
color: #0E252C;
}
.cr-all-reviews-shortcode .cr-review-form-item,
.cr-ajax-reviews-review-form .cr-review-form-item,
.cr-reviews-grid .cr-review-form-item,
.cr-qna-block .cr-review-form-item {
display: flex;
max-width: 500px;
margin: 0 auto;
padding: 30px 0;
border-bottom: 1px solid #E5E9EB;
position: relative;
align-items: center;
}
.cr-all-reviews-shortcode .cr-review-form-item img,
.cr-ajax-reviews-review-form .cr-review-form-item img,
.cr-reviews-grid .cr-review-form-item img,
.cr-qna-block .cr-review-form-item img {
display: block;
height: 60px;
width: auto;
margin: 0 20px 0 0;
}
.rtl .cr-all-reviews-shortcode .cr-review-form-item img,
.rtl .cr-ajax-reviews-review-form .cr-review-form-item img,
.rtl .cr-reviews-grid .cr-review-form-item img,
.rtl .cr-qna-block .cr-review-form-item img {
margin: 0 0 0 20px;
}
.cr-all-reviews-shortcode .cr-review-form-item span,
.cr-ajax-reviews-review-form .cr-review-form-item span,
.cr-reviews-grid .cr-review-form-item span,
.cr-qna-block .cr-review-form-item span {
display: block;
font-size: 22px;
font-weight: 500;
color: #0E252C;
}
.cr-all-reviews-shortcode .cr-review-form-rating,
.cr-ajax-reviews-review-form .cr-review-form-rating,
.cr-reviews-grid .cr-review-form-rating {
max-width: 500px;
margin: 0 auto;
padding: 30px 0 30px 0;
position: relative;
}
.cr-onsite-ratings .cr-review-form-rating,
.cr-review-form-rating-overall .cr-review-form-rating {
max-width: 500px;
margin: 1em 0 1em 0;
padding: 0;
position: relative;
}
.cr-review-form-rating-overall.cr-review-form-rating-ovonly .cr-review-form-rating {
margin: 1em 0 1.5em 0;
}
.cr-review-form-wrap .cr-onsite-ratings .cr-review-form-rating,
.cr-review-form-wrap .cr-review-form-rating-overall .cr-review-form-rating {
margin-left: auto;
margin-right: auto;
}
.cr-review-form-wrap .cr-onsite-ratings .cr-review-form-rating-label {
font-size: 12px;
color: #4D5D64;
}
.cr-all-reviews-shortcode .cr-review-form-rating .cr-review-form-rating-cont,
.cr-onsite-ratings .cr-review-form-rating .cr-review-form-rating-cont,
.cr-review-form-rating-overall .cr-review-form-rating .cr-review-form-rating-cont,
.cr-reviews-grid .cr-review-form-rating .cr-review-form-rating-cont {
display: flex;
position: relative;
height: auto;
padding: 5px 0;
}
.cr-all-reviews-shortcode .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner,
.cr-onsite-ratings .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner,
.cr-reviews-grid .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner {
height: 20px;
padding: 0 5px;
line-height: 0;
}
.cr-review-form-rating-overall .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner {
height: 30px;
padding: 0 5px;
}
.cr-review-form-rating-overall .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner svg {
height: 30px;
width: 33px;
}
.cr-onsite-ratings .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner:first-child,
.cr-review-form-rating-overall .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner:first-child {
padding-left: 0;
}
.cr-all-reviews-shortcode .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner .cr-rating-act,
.cr-onsite-ratings .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner .cr-rating-act,
.cr-review-form-rating-overall .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner .cr-rating-act,
.cr-ajax-reviews-review-form .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner .cr-rating-act,
.cr-reviews-grid .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner .cr-rating-act {
display: none;
}
.cr-all-reviews-shortcode .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner svg:hover,
.cr-ajax-reviews-review-form .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner svg:hover,
.cr-reviews-grid .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner svg:hover {
cursor: pointer;
}
.cr-all-reviews-shortcode .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-nbr,
.cr-onsite-ratings .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-nbr,
.cr-reviews-grid .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-nbr {
font-size: 14px;
line-height: 20px;
height: 20px;
margin: 0 0 0 10px;
}
.cr-review-form-rating-overall .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-nbr {
font-size: 18px;
line-height: 30px;
height: 30px;
margin: 0 0 0 10px;
}
.rtl .cr-review-form-rating-overall .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-nbr {
margin: 0 10px 0 0;
}
.cr-review-form-rating-overall .cr-review-form-rating-label {
font-size: 18px;
}
.cr-all-reviews-shortcode .cr-review-form-rating-overall .cr-review-form-rating-label,
.cr-ajax-reviews-review-form .cr-review-form-rating-overall .cr-review-form-rating-label,
.cr-reviews-grid .cr-review-form-rating-overall .cr-review-form-rating-label {
font-size: 16px;
}
.cr-all-reviews-shortcode .cr-review-form-field-error,
.cr-onsite-ratings .cr-review-form-field-error,
.cr-review-form-rating-overall .cr-review-form-field-error,
.cr-onsite-questions .cr-onsite-question .cr-review-form-field-error,
.cr-ajax-reviews-review-form .cr-review-form-field-error,
.cr-reviews-grid .cr-review-form-field-error,
.cr-qna-block .cr-review-form-field-error {
font-size: 11px;
color: #CE2B37;
margin: 5px 0 0 0;
display: none;
}
.cr-all-reviews-shortcode .cr-review-form-rating.cr-review-form-error .cr-review-form-rating-cont,
.cr-onsite-ratings .cr-review-form-rating.cr-review-form-error .cr-review-form-rating-cont,
.cr-review-form-rating-overall .cr-review-form-rating.cr-review-form-error .cr-review-form-rating-cont,
.cr-reviews-grid .cr-review-form-rating.cr-review-form-error .cr-review-form-rating-cont {
background-color: #fae9eb;
}
.cr-all-reviews-shortcode .cr-review-form-rating.cr-review-form-error .cr-review-form-field-error,
.cr-ajax-reviews-review-form .cr-review-form-rating.cr-review-form-error .cr-review-form-field-error,
.cr-onsite-ratings .cr-review-form-rating.cr-review-form-error .cr-review-form-field-error,
.cr-review-form-rating-overall .cr-review-form-rating.cr-review-form-error .cr-review-form-field-error,
.cr-onsite-questions .cr-onsite-question.cr-review-form-error .cr-review-form-field-error,
.cr-all-reviews-shortcode .cr-review-form-comment.cr-review-form-error .cr-review-form-field-error,
.cr-all-reviews-shortcode .cr-review-form-name.cr-review-form-error .cr-review-form-field-error,
.cr-all-reviews-shortcode .cr-review-form-captcha.cr-review-form-error .cr-review-form-field-error,
.cr-all-reviews-shortcode .cr-review-form-email.cr-review-form-error .cr-review-form-field-error,
.cr-all-reviews-shortcode .cr-form-item-media.cr-review-form-error .cr-review-form-field-error,
.cr-all-reviews-shortcode .cr-review-form-terms.cr-review-form-error .cr-review-form-field-error,
.cr-ajax-reviews-review-form .cr-review-form-comment.cr-review-form-error .cr-review-form-field-error,
.cr-ajax-reviews-review-form .cr-review-form-name.cr-review-form-error .cr-review-form-field-error,
.cr-ajax-reviews-review-form .cr-review-form-email.cr-review-form-error .cr-review-form-field-error,
.cr-ajax-reviews-review-form .cr-review-form-captcha.cr-review-form-error .cr-review-form-field-error,
.cr-ajax-reviews-review-form .cr-form-item-media.cr-review-form-error .cr-review-form-field-error,
.cr-ajax-reviews-review-form .cr-review-form-terms.cr-review-form-error .cr-review-form-field-error,
.cr-reviews-grid .cr-review-form-comment.cr-review-form-error .cr-review-form-field-error,
.cr-reviews-grid .cr-review-form-name.cr-review-form-error .cr-review-form-field-error,
.cr-reviews-grid .cr-review-form-email.cr-review-form-error .cr-review-form-field-error,
.cr-reviews-grid .cr-review-form-captcha.cr-review-form-error .cr-review-form-field-error,
.cr-reviews-grid .cr-form-item-media.cr-review-form-error .cr-review-form-field-error,
.cr-reviews-grid .cr-review-form-terms.cr-review-form-error .cr-review-form-field-error,
.cr-qna-block .cr-review-form-comment.cr-review-form-error .cr-review-form-field-error,
.cr-qna-block .cr-review-form-name.cr-review-form-error .cr-review-form-field-error,
.cr-qna-block .cr-review-form-email.cr-review-form-error .cr-review-form-field-error,
.cr-qna-block .cr-review-form-terms.cr-review-form-error .cr-review-form-field-error {
display: block;
}
.cr-all-reviews-shortcode .cr-review-form-comment,
.cr-ajax-reviews-review-form .cr-review-form-comment,
.cr-reviews-grid .cr-review-form-comment,
.cr-qna-block .cr-review-form-comment {
max-width: 500px;
margin: 0 auto;
padding: 0 0 20px 0;
position: relative;
}
.cr-all-reviews-shortcode .cr-review-form-comment .cr-review-form-comment-txt,
.cr-ajax-reviews-review-form .cr-review-form-comment .cr-review-form-comment-txt,
.cr-reviews-grid .cr-review-form-comment .cr-review-form-comment-txt,
.cr-qna-block .cr-review-form-comment .cr-review-form-comment-txt {
border: solid 1px #D8E2E7;
background-color: #FFFFFF;
box-shadow: none;
position: relative;
padding: 12px 16px;
color: #0E252C;
font-size: 14px;
width: 100%;
margin: 0;
}
.cr-all-reviews-shortcode .cr-review-form-comment.cr-review-form-error .cr-review-form-comment-txt,
.cr-ajax-reviews-review-form .cr-review-form-comment.cr-review-form-error .cr-review-form-comment-txt,
.cr-reviews-grid .cr-review-form-comment.cr-review-form-error .cr-review-form-comment-txt,
.cr-qna-block .cr-review-form-comment.cr-review-form-error .cr-review-form-comment-txt {
border: #CE2B37 solid 2px;
}
.cr-all-reviews-shortcode .cr-review-form-comment .cr-review-form-lbl,
.cr-all-reviews-shortcode .cr-review-form-name .cr-review-form-lbl,
.cr-all-reviews-shortcode .cr-review-form-email .cr-review-form-lbl,
.cr-ajax-reviews-review-form .cr-review-form-comment .cr-review-form-lbl,
.cr-ajax-reviews-review-form .cr-review-form-name .cr-review-form-lbl,
.cr-ajax-reviews-review-form .cr-review-form-email .cr-review-form-lbl,
.cr-reviews-grid .cr-review-form-comment .cr-review-form-lbl,
.cr-reviews-grid .cr-review-form-name .cr-review-form-lbl,
.cr-reviews-grid .cr-review-form-email .cr-review-form-lbl,
.cr-qna-block .cr-review-form-lbl {
position: absolute;
top: -7px;
z-index: 1;
left: 16px;
background-color: #FFFFFF;
padding: 0 5px;
font-size: 12px;
line-height: 12px;
height: 12px;
color: #4D5D64;
}
.rtl .cr-all-reviews-shortcode .cr-review-form-comment .cr-review-form-lbl,
.rtl .cr-all-reviews-shortcode .cr-review-form-name .cr-review-form-lbl,
.rtl .cr-all-reviews-shortcode .cr-review-form-email .cr-review-form-lbl,
.rtl .cr-ajax-reviews-review-form .cr-review-form-comment .cr-review-form-lbl,
.rtl .cr-ajax-reviews-review-form .cr-review-form-name .cr-review-form-lbl,
.rtl .cr-ajax-reviews-review-form .cr-review-form-email .cr-review-form-lbl,
.rtl .cr-reviews-grid .cr-review-form-comment .cr-review-form-lbl,
.rtl .cr-reviews-grid .cr-review-form-name .cr-review-form-lbl,
.rtl .cr-reviews-grid .cr-review-form-email .cr-review-form-lbl,
.rtl .cr-qna-block .cr-review-form-lbl {
left: auto;
right: 16px;
}
.cr-all-reviews-shortcode .cr-form-item-media,
.cr-ajax-reviews-review-form .cr-form-item-media,
.cr-reviews-grid .cr-form-item-media {
max-width: 500px;
margin: 0 auto;
padding: 0 0 20px 0;
}
.cr-all-reviews-shortcode .cr-review-form-terms,
.cr-ajax-reviews-review-form .cr-review-form-terms,
.cr-reviews-grid .cr-review-form-terms,
.cr-qna-block .cr-captcha-terms,
.cr-qna-block .cr-review-form-terms {
max-width: 500px;
margin: 0 auto;
padding: 0 0 20px 0;
line-height: 1;
display: block;
}
.cr-all-reviews-shortcode .cr-review-form-terms label,
.cr-ajax-reviews-review-form .cr-review-form-terms label,
.cr-reviews-grid .cr-review-form-terms label,
.cr-qna-block .cr-review-form-terms label {
display: inline-block;
font-size: 14px;
font-weight: normal;
margin: 0;
}
.cr-all-reviews-shortcode .cr-review-form-terms .cr-review-form-checkbox,
.cr-ajax-reviews-review-form .cr-review-form-terms .cr-review-form-checkbox,
.cr-reviews-grid .cr-review-form-terms .cr-review-form-checkbox,
.cr-qna-block .cr-review-form-terms .cr-review-form-checkbox {
appearance: auto;
width: auto;
height: auto;
border: none;
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 0;
accent-color: #4D5D64;
}
.rtl .cr-all-reviews-shortcode .cr-review-form-terms .cr-review-form-checkbox,
.rtl .cr-ajax-reviews-review-form .cr-review-form-terms .cr-review-form-checkbox,
.rtl .cr-reviews-grid .cr-review-form-terms .cr-review-form-checkbox,
.rtl .cr-qna-block .cr-review-form-terms .cr-review-form-checkbox {
margin: 0 0 0 5px;
}
.cr-all-reviews-shortcode .cr-review-form-terms span,
.cr-ajax-reviews-review-form .cr-review-form-terms span,
.cr-reviews-grid .cr-review-form-terms span,
.cr-qna-block .cr-review-form-terms span {
display: inline;
vertical-align: middle;
color: #0E252C;
line-height: 1.3;
}
.cr-all-reviews-shortcode .cr-review-form-terms .cr-review-form-checkbox::after,
.cr-ajax-reviews-review-form .cr-review-form-terms .cr-review-form-checkbox::after,
.cr-reviews-grid .cr-review-form-terms .cr-review-form-checkbox::after,
.cr-qna-block .cr-review-form-terms .cr-review-form-checkbox::after {
border: none;
content: normal;
}
.cr-qna-block .cr-captcha-terms {
font-size: 12px;
font-weight: normal;
vertical-align: middle;
color: #0E252C;
}
.cr-all-reviews-shortcode .cr-review-form-ne,
.cr-ajax-reviews-review-form .cr-review-form-ne,
.cr-reviews-grid .cr-review-form-ne,
.cr-qna-block .cr-review-form-ne {
max-width: 500px;
margin: 0 auto;
padding: 0 0 20px 0;
position: relative;
display: flex;
gap: 10px;
}
.cr-all-reviews-shortcode .cr-review-form-ne .cr-review-form-name,
.cr-all-reviews-shortcode .cr-review-form-ne .cr-review-form-email,
.cr-ajax-reviews-review-form .cr-review-form-ne .cr-review-form-name,
.cr-ajax-reviews-review-form .cr-review-form-ne .cr-review-form-email,
.cr-reviews-grid .cr-review-form-ne .cr-review-form-name,
.cr-reviews-grid .cr-review-form-ne .cr-review-form-email,
.cr-qna-block .cr-review-form-ne .cr-review-form-name,
.cr-qna-block .cr-review-form-ne .cr-review-form-email {
width: 50%;
position: relative;
}
.cr-all-reviews-shortcode .cr-review-form-ne .cr-review-form-name input,
.cr-all-reviews-shortcode .cr-review-form-ne .cr-review-form-email input,
.cr-ajax-reviews-review-form .cr-review-form-ne .cr-review-form-name input,
.cr-ajax-reviews-review-form .cr-review-form-ne .cr-review-form-email input,
.cr-reviews-grid .cr-review-form-ne .cr-review-form-name input,
.cr-reviews-grid .cr-review-form-ne .cr-review-form-email input,
.cr-qna-block .cr-review-form-ne .cr-review-form-name input,
.cr-qna-block .cr-review-form-ne .cr-review-form-email input {
width: 100%;
}
.cr-all-reviews-shortcode .cr-review-form-ne .cr-review-form-txt,
.cr-ajax-reviews-review-form .cr-review-form-ne .cr-review-form-txt,
.cr-reviews-grid .cr-review-form-ne .cr-review-form-txt,
.cr-qna-block .cr-review-form-ne .cr-review-form-txt {
border: solid 1px #D8E2E7;
background-color: #FFFFFF;
box-shadow: none;
position: relative;
padding: 12px 16px;
color: #0E252C;
font-size: 14px;
margin: 0;
}
.cr-review-form-wrap .cr-onsite-question .cr-onsite-question-inp {
border: solid 1px #D8E2E7;
background-color: #FFFFFF;
box-shadow: none;
padding: 12px 16px;
color: #0E252C;
font-size: 14px;
width: 50%;
}
.cr-review-form-wrap .cr-onsite-question label {
position: absolute;
top: -7px;
z-index: 1;
left: 16px;
background-color: #FFFFFF;
padding: 0 5px;
font-size: 12px;
line-height: 12px;
height: 12px;
color: #4D5D64;
font-weight: normal;
}
.rtl .cr-review-form-wrap .cr-onsite-question label {
left: auto;
right: 16px;
}
.cr-review-form-wrap .cr-onsite-questions {
max-width: 500px;
margin: 0 auto;
}
.cr-all-reviews-shortcode .cr-review-form-name.cr-review-form-error .cr-review-form-txt,
.cr-all-reviews-shortcode .cr-review-form-email.cr-review-form-error .cr-review-form-txt,
.cr-ajax-reviews-review-form .cr-review-form-name.cr-review-form-error .cr-review-form-txt,
.cr-ajax-reviews-review-form .cr-review-form-email.cr-review-form-error .cr-review-form-txt,
.cr-onsite-questions .cr-onsite-question.cr-review-form-error input[type='text'],
.cr-onsite-questions .cr-onsite-question.cr-review-form-error input[type='number'],
.cr-single-product-review .cr-review-form-textbox.cr-review-form-error,
.cr-reviews-grid .cr-review-form-name.cr-review-form-error .cr-review-form-txt,
.cr-reviews-grid .cr-review-form-email.cr-review-form-error .cr-review-form-txt,
.cr-qna-block .cr-review-form-name.cr-review-form-error .cr-review-form-txt,
.cr-qna-block .cr-review-form-email.cr-review-form-error .cr-review-form-txt {
border: #CE2B37 solid 2px;
}
.cr-all-reviews-shortcode .cr-review-form-captcha,
.cr-ajax-reviews-review-form .cr-review-form-captcha,
.cr-reviews-grid .cr-review-form-captcha {
max-width: 500px;
margin: 0 auto;
padding: 0 0 20px 0;
display: flex;
flex-direction: column;
align-items: start;
}
.cr-all-reviews-shortcode .cr-review-form-captcha .cr-recaptcha,
.cr-ajax-reviews-review-form .cr-review-form-captcha .cr-recaptcha,
.cr-reviews-grid .cr-review-form-captcha .cr-recaptcha {
margin: 0;
}
.cr-all-reviews-shortcode .cr-review-form-buttons,
.cr-ajax-reviews-review-form .cr-review-form-buttons,
.cr-reviews-grid .cr-review-form-buttons,
.cr-qna-block .cr-review-form-buttons {
max-width: 500px;
margin: 0 auto;
padding: 0 0 30px 0;
position: relative;
display: flex;
gap: 10px;
}
.cr-qna-block .cr-qna-list-inl-answ .cr-review-form-buttons {
padding: 0;
}
.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit,
.cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit,
.cr-reviews-grid .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit,
.cr-qna-block .cr-review-form-buttons .cr-review-form-submit {
display: flex;
background-color: #31856C;
color: #ffffff;
border: 0;
height: 40px;
line-height: 20px;
font-size: 15px;
width: 50%;
padding: 0 10px;
margin: 0;
align-items: center;
justify-content: center;
}
.cr-ajax-reviews-review-form.cr-ajax-reviews-review-form-nc .cr-review-form-buttons .cr-review-form-submit {
width: 100%;
}
.cr-all-reviews-shortcode .cr-review-form-buttons .cr-review-form-submit:hover,
.cr-ajax-reviews-review-form .cr-review-form-buttons .cr-review-form-submit:hover,
.cr-reviews-grid .cr-review-form-buttons .cr-review-form-submit:hover,
.cr-qna-block .cr-review-form-buttons .cr-review-form-submit:hover {
background-color: #276A56;
text-decoration: none;
cursor: pointer;
}
.cr-all-reviews-shortcode .cr-review-form-submitting .cr-review-form-buttons .cr-review-form-submit,
.cr-all-reviews-shortcode .cr-review-form-submitting .cr-review-form-buttons .cr-review-form-cancel,
.cr-all-reviews-shortcode .cr-review-form-submitting .cr-review-form-rating .cr-review-form-rating-inner,
.cr-all-reviews-shortcode .cr-review-form-submitting .cr-review-form-rating .cr-review-form-rating-inner,
.cr-all-reviews-shortcode .cr-review-form-submitting .cr-review-form-comment .cr-review-form-comment-txt,
.cr-all-reviews-shortcode .cr-review-form-submitting .cr-review-form-ne .cr-review-form-txt,
.cr-all-reviews-shortcode .cr-review-form-submitting .cr-review-form-captcha,
.cr-all-reviews-shortcode .cr-review-form-submitting .cr-onsite-question,
.cr-all-reviews-shortcode .cr-review-form-submitting .cr-onsite-question-inp,
.cr-all-reviews-shortcode .cr-review-form-submitting .cr-review-form-terms,
.cr-ajax-reviews-review-form .cr-review-form-submitting .cr-review-form-buttons .cr-review-form-submit,
.cr-ajax-reviews-review-form .cr-review-form-submitting .cr-review-form-buttons .cr-review-form-cancel,
.cr-ajax-reviews-review-form .cr-review-form-submitting .cr-review-form-rating .cr-review-form-rating-inner,
.cr-ajax-reviews-review-form .cr-review-form-submitting .cr-review-form-rating .cr-review-form-rating-inner,
.cr-ajax-reviews-review-form .cr-review-form-submitting .cr-review-form-comment .cr-review-form-comment-txt,
.cr-ajax-reviews-review-form .cr-review-form-submitting .cr-review-form-ne .cr-review-form-txt,
.cr-ajax-reviews-review-form .cr-review-form-submitting .cr-review-form-captcha,
.cr-ajax-reviews-review-form .cr-review-form-submitting .cr-onsite-question,
.cr-ajax-reviews-review-form .cr-review-form-submitting .cr-onsite-question-inp,
.cr-ajax-reviews-review-form .cr-review-form-submitting .cr-review-form-terms,
.cr-reviews-grid .cr-review-form-submitting .cr-review-form-buttons .cr-review-form-submit,
.cr-reviews-grid .cr-review-form-submitting .cr-review-form-buttons .cr-review-form-cancel,
.cr-reviews-grid .cr-review-form-submitting .cr-review-form-rating .cr-review-form-rating-inner,
.cr-reviews-grid .cr-review-form-submitting .cr-review-form-rating .cr-review-form-rating-inner,
.cr-reviews-grid .cr-review-form-submitting .cr-review-form-comment .cr-review-form-comment-txt,
.cr-reviews-grid .cr-review-form-submitting .cr-review-form-ne .cr-review-form-txt,
.cr-reviews-grid .cr-review-form-submitting .cr-review-form-captcha,
.cr-reviews-grid .cr-review-form-submitting .cr-onsite-question,
.cr-reviews-grid .cr-review-form-submitting .cr-onsite-question-inp,
.cr-reviews-grid .cr-review-form-submitting .cr-review-form-terms,
.cr-qna-block .cr-review-form-submitting.cr-qna-new-q-form,
.cr-qna-block .cr-review-form-submitting.cr-qna-list-inl-answ {
pointer-events: none;
}
.cr-all-reviews-shortcode .cr-review-form-buttons .cr-review-form-submit span,
.cr-ajax-reviews-review-form .cr-review-form-buttons .cr-review-form-submit span,
.cr-reviews-grid .cr-review-form-buttons .cr-review-form-submit span {
display: block;
}
.cr-all-reviews-shortcode .cr-review-form-submitting .cr-review-form-buttons .cr-review-form-submit span,
.cr-ajax-reviews-review-form .cr-review-form-submitting .cr-review-form-buttons .cr-review-form-submit span,
.cr-reviews-grid .cr-review-form-submitting .cr-review-form-buttons .cr-review-form-submit span,
.cr-qna-block .cr-review-form-submitting .cr-review-form-buttons .cr-review-form-submit span {
display: none;
}
.cr-all-reviews-shortcode .cr-review-form-buttons .cr-review-form-submit img,
.cr-ajax-reviews-review-form .cr-review-form-buttons .cr-review-form-submit img,
.cr-reviews-grid .cr-review-form-buttons .cr-review-form-submit img,
.cr-qna-block .cr-review-form-buttons .cr-review-form-submit img {
display: none;
height: 10px;
}
.cr-all-reviews-shortcode .cr-review-form-submitting .cr-review-form-buttons .cr-review-form-submit img,
.cr-ajax-reviews-review-form .cr-review-form-submitting .cr-review-form-buttons .cr-review-form-submit img,
.cr-reviews-grid .cr-review-form-submitting .cr-review-form-buttons .cr-review-form-submit img,
.cr-qna-block .cr-review-form-submitting .cr-review-form-buttons .cr-review-form-submit img {
display: block;
}
.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel,
.cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel,
.cr-reviews-grid .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel,
.cr-qna-block .cr-review-form-buttons .cr-review-form-cancel {
display: flex;
background-color: #ffffff;
color: #0E252C;
border: 0;
height: 40px;
line-height: 20px;
font-size: 15px;
width: 50%;
border: solid 1px #D8E2E7;
padding: 0 10px;
margin: 0;
align-items: center;
justify-content: center;
}
.cr-ajax-reviews-review-form.cr-ajax-reviews-review-form-nc .cr-review-form-buttons .cr-review-form-cancel {
display: none;
}
.cr-all-reviews-shortcode .cr-review-form-buttons .cr-review-form-cancel:hover,
.cr-ajax-reviews-review-form .cr-review-form-buttons .cr-review-form-cancel:hover,
.cr-reviews-grid .cr-review-form-buttons .cr-review-form-cancel:hover,
.cr-qna-block .cr-review-form-buttons .cr-review-form-cancel:hover {
border: solid 1px #4D5D64;
text-decoration: none;
cursor: pointer;
}
.cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-rating,
.cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-comment,
.cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-ne,
.cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-captcha,
.cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-buttons,
.cr-all-reviews-shortcode .cr-review-form-res .cr-onsite-ratings,
.cr-all-reviews-shortcode .cr-review-form-res .cr-onsite-question,
.cr-all-reviews-shortcode .cr-review-form-res .cr-form-item-media,
.cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-terms,
.cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-rating,
.cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-comment,
.cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-ne,
.cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-captcha,
.cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-buttons,
.cr-ajax-reviews-review-form .cr-review-form-res .cr-onsite-ratings,
.cr-ajax-reviews-review-form .cr-review-form-res .cr-onsite-question,
.cr-ajax-reviews-review-form .cr-review-form-res .cr-form-item-media,
.cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-terms,
.cr-reviews-grid .cr-review-form-res .cr-review-form-rating,
.cr-reviews-grid .cr-review-form-res .cr-review-form-comment,
.cr-reviews-grid .cr-review-form-res .cr-review-form-ne,
.cr-reviews-grid .cr-review-form-res .cr-review-form-captcha,
.cr-reviews-grid .cr-review-form-res .cr-review-form-buttons,
.cr-reviews-grid .cr-review-form-res .cr-onsite-ratings,
.cr-reviews-grid .cr-review-form-res .cr-onsite-question,
.cr-reviews-grid .cr-review-form-res .cr-form-item-media,
.cr-reviews-grid .cr-review-form-res .cr-review-form-terms,
.cr-qna-block .cr-review-form-res .cr-review-form-comment,
.cr-qna-block .cr-review-form-res .cr-review-form-ne,
.cr-qna-block .cr-review-form-res .cr-review-form-buttons,
.cr-qna-block .cr-review-form-res .cr-captcha-terms,
.cr-qna-block .cr-review-form-res .cr-review-form-terms {
display: none;
}
.cr-all-reviews-shortcode .cr-review-form-result,
.cr-ajax-reviews-review-form .cr-review-form-result,
.cr-all-reviews-shortcode .cr-review-form-not-logged-in,
.cr-ajax-reviews-review-form .cr-review-form-not-logged-in,
.cr-reviews-grid .cr-review-form-result,
.cr-reviews-grid .cr-review-form-not-logged-in,
.cr-qna-block .cr-review-form-not-logged-in,
.cr-qna-block .cr-review-form-result {
max-width: 500px;
margin: 0 auto;
display: none;
position: relative;
padding: 40px 0;
}
.cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-result,
.cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-result,
.cr-all-reviews-shortcode .cr-review-form-not-logged-in,
.cr-ajax-reviews-review-form .cr-review-form-not-logged-in,
.cr-reviews-grid .cr-review-form-res .cr-review-form-result,
.cr-reviews-grid .cr-review-form-not-logged-in,
.cr-qna-block .cr-review-form-res .cr-review-form-result,
.cr-qna-block .cr-review-form-not-logged-in {
display: flex;
flex-direction: column;
align-items: center;
}
.cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-result span,
.cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-result span,
.cr-all-reviews-shortcode .cr-review-form-not-logged-in span,
.cr-ajax-reviews-review-form .cr-review-form-not-logged-in span,
.cr-reviews-grid .cr-review-form-res .cr-review-form-result span,
.cr-reviews-grid .cr-review-form-not-logged-in span,
.cr-qna-block .cr-review-form-res .cr-review-form-result span,
.cr-qna-block .cr-review-form-not-logged-in span {
padding: 0 0 20px 0;
}
.cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-result .cr-review-form-continue,
.cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-result .cr-review-form-continue,
.cr-all-reviews-shortcode .cr-review-form-not-logged-in .cr-review-form-continue,
.cr-ajax-reviews-review-form .cr-review-form-not-logged-in .cr-review-form-continue,
.cr-reviews-grid .cr-review-form-res .cr-review-form-result .cr-review-form-continue,
.cr-reviews-grid .cr-review-form-not-logged-in .cr-review-form-continue,
.cr-qna-block .cr-review-form-res .cr-review-form-result .cr-review-form-continue,
.cr-qna-block .cr-review-form-not-logged-in .cr-review-form-continue {
display: flex;
background-color: #31856C;
color: #ffffff;
border: 0;
height: 40px;
line-height: 20px;
font-size: 15px;
width: auto;
text-decoration: none;
align-items: center;
justify-content: center;
}
.cr-all-reviews-shortcode .cr-review-form-not-logged-in .cr-review-form-continue,
.cr-ajax-reviews-review-form .cr-review-form-not-logged-in .cr-review-form-continue,
.cr-reviews-grid .cr-review-form-not-logged-in .cr-review-form-continue,
.cr-qna-block .cr-review-form-not-logged-in .cr-review-form-continue {
padding: 10px 20px;
min-width: 100px;
text-align: center;
}
.cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-result .cr-review-form-continue:hover,
.cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-result .cr-review-form-continue:hover,
.cr-all-reviews-shortcode .cr-review-form-not-logged-in .cr-review-form-continue:hover,
.cr-ajax-reviews-review-form .cr-review-form-not-logged-in .cr-review-form-continue:hover,
.cr-reviews-grid .cr-review-form-res .cr-review-form-result .cr-review-form-continue:hover,
.cr-reviews-grid .cr-review-form-not-logged-in .cr-review-form-continue:hover,
.cr-qna-block .cr-review-form-res .cr-review-form-result .cr-review-form-continue:hover,
.cr-qna-block .cr-review-form-not-logged-in .cr-review-form-continue:hover {
background-color: #276A56;
text-decoration: none;
cursor: pointer;
}
.ivole-summaryBox {
max-width: 100%;
font-size: 14px;
}
div.ivole-summaryBox {
margin-bottom: 2rem;
}
.cr-summaryBox-wrap .cr-histogramTable {
margin-bottom: 0px;
border-collapse: collapse;
border: 0px;
width: 100%;
max-width: 320px;
min-width: auto;
margin: 0 auto;
}
.cr-histogramTable .ivole-histogramRow {
border: 0px;
}
.cr-histogramTable tr.ivole-histogramRow td {
padding: 0.2rem 0.3rem;
vertical-align: middle;
border: 0px;
background-color: transparent;
}
.cr-histogramTable tr.ivole-histogramRow:first-child td {
padding-top: 0
}
.cr-histogramTable tr.ivole-histogramRow:last-child td {
padding-bottom: 0
}
.cr-histogramTable tr.ivole-histogramRow td:first-child {
padding-left: 0
}
.cr-histogramTable tr.ivole-histogramRow td:last-child {
padding-right: 0
}
#reviews .cr-credits-div,
.cr-all-reviews-shortcode .cr-credits-div,
.cr-reviews-grid .cr-credits-div {
font-size: 10px;
text-align: right;
width: 100%;
padding: 0 5px;
margin: 7px 0;
line-height: 16px;
display: flex;
align-items: center;
justify-content: right;
box-sizing: border-box;
}
.cr-reviews-grid .cr-credits-div {
margin-top: 0;
padding: 0 10px;
}
.cr-all-reviews-shortcode .cr-credits-div a,
#reviews .cr-credits-div a,
.cr-reviews-grid .cr-credits-div a {
text-decoration: none;
}
.cr-all-reviews-shortcode .cr-credits-div a img,
#reviews .cr-credits-div a img,
.cr-reviews-grid .cr-credits-div a img {
display: inline;
height: 16px;
margin: 0 0 0 4px;
padding: 0;
vertical-align: middle;
}
#reviews .cr-summaryBox-wrap .cr-count-filtered-reviews,
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-count-filtered-reviews,
.cr-reviews-grid .cr-summaryBox-wrap .cr-count-filtered-reviews {
width: 100%;
padding: 5px 10px;
margin-top: 0;
font-size: 14px;
color: #0E252C;
}
.cr-histogramTable tr.ivole-histogramRow .ivole-histogram-a,
.cr-histogramTable tr.ivole-histogramRow .cr-histogram-a {
display: inline;
cursor: pointer;
color: #0E252C;
}
.cr-histogramTable tr.ivole-histogramRow.ivole-histogramRow-s .ivole-histogram-a,
.cr-histogramTable tr.ivole-histogramRow.ivole-histogramRow-s .cr-histogram-a {
display: inline;
font-weight: bold;
}
#reviews.cr-reviews-ajax-reviews {
width: 100%;
}
.cr-all-reviews-shortcode .cr-count-row,
#reviews.cr-reviews-ajax-reviews .cr-count-row {
background-color: #F9F9F9;
padding: 10px 12px;
font-size: 12px;
color: #0E252C;
margin: 24px 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.cr-all-reviews-shortcode.cr-all-reviews-new-review .cr-count-row {
display: none;
}
.cr-all-reviews-shortcode .cr-count-row a,
.cr-reviews-ajax-comments .cr-count-row a {
color: #0E252C;
text-decoration: underline;
}
.cr-all-reviews-shortcode .cr-count-row a:hover,
.cr-reviews-ajax-comments .cr-count-row a:hover {
cursor: pointer;
color: #0E252C;
}
div.ivole-summaryBox.cr-summaryBox-ajax.cr-summaryBar-updating,
div.ivole-summaryBox.cr-all-reviews-ajax.cr-summaryBar-updating,
div.ivole-summaryBox.cr-summaryBar-updating,
.cr-count-row .cr-seeAll-updating,
.cr-ajax-reviews-sort.cr-sort-updating,
.cr-review-tags-filter.cr-tags-updating {
opacity: 0.5;
pointer-events: none;
}
.cr-voting-cont {
display: flex;
align-items: center;
justify-content: flex-end;
}
.cr-voting-cont img, .cr-voting-cont-uni svg {
margin-left: 0px;
margin-right: 7px;
margin-top: 0px;
margin-bottom: 0px;
width: 13px;
height: 16px;
cursor: pointer;
pointer-events: auto;
}
.rtl .cr-voting-cont img, .rtl .cr-voting-cont-uni svg {
margin-right: 0px;
margin-left: 7px;
}
.cr-voting-cont-uni .cr-voting-update svg {
pointer-events: none;
}
.cr-voting-cont-uni span.cr-voting-upvote svg:hover {
color: #000000;
}
.cr-voting-cont-uni span {
display: block;
line-height: 11px;
font-size: 11px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
.cr-voting-cont-uni span.cr-voting-upvote svg .cr-voting-svg-int {
fill: none;
}
.cr-voting-cont-uni span.cr-voting-upvote svg .cr-voting-svg-ext {
fill: #18B394;
}
.cr-voting-cont-uni span.cr-voting-upvote.cr-voting-active svg .cr-voting-svg-int {
fill: #00A382;
fill-opacity: 0.4;
}
.cr-voting-cont-uni span.cr-voting-upvote.cr-voting-active svg .cr-voting-svg-ext {
fill: #00A382;
}
.cr-voting-cont-uni span.cr-voting-upvote svg:hover .cr-voting-svg-ext,
.cr-voting-cont-uni span.cr-voting-downvote svg:hover .cr-voting-svg-ext,
.cr-voting-cont-uni span.cr-voting-upvote.cr-voting-active svg:hover .cr-voting-svg-ext,
.cr-voting-cont-uni span.cr-voting-downvote.cr-voting-active svg:hover .cr-voting-svg-ext,
.cr-voting-cont-uni span.cr-voting-upvote.cr-voting-update svg .cr-voting-svg-ext,
.cr-voting-cont-uni span.cr-voting-downvote.cr-voting-update svg .cr-voting-svg-ext {
fill: #202020;
}
.cr-voting-cont-uni span.cr-voting-upvote.cr-voting-update svg .cr-voting-svg-int,
.cr-voting-cont-uni span.cr-voting-downvote.cr-voting-update svg .cr-voting-svg-int {
fill: none;
animation: pulse 1s infinite;
}
@keyframes pulse {
0% {
fill: #FFFFFF;
}
50% {
fill: #A9A9A9;
}
100% {
fill: #FFFFFF;
}
}
.cr-voting-cont-uni span.cr-voting-downvote svg .cr-voting-svg-int {
fill: none;
}
.cr-voting-cont-uni span.cr-voting-downvote svg .cr-voting-svg-ext {
fill: #CE2B37;
}
.cr-voting-cont-uni span.cr-voting-downvote.cr-voting-active svg .cr-voting-svg-int {
fill: #CA2430;
fill-opacity: 0.4;
}
.cr-voting-cont-uni span.cr-voting-downvote.cr-voting-active svg .cr-voting-svg-ext {
fill: #CA2430;
}
.cr-voting-cont-uni span.cr-voting-upvote-count {
margin-right: 10px;
color: #18B394;
}
.rtl .cr-voting-cont-uni span.cr-voting-upvote-count {
margin-right: 0px;
margin-left: 10px;
}
.cr-voting-cont-uni span.cr-voting-downvote-count {
color: #CE2B37;
}
.cr-all-reviews-shortcode ol li.comment, .cr-all-reviews-shortcode ol li.review {
list-style: none;
margin-right: 0;
margin-bottom: 2.5em;
position: relative;
border: 0;
}
#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container,
.cr-all-reviews-shortcode ol li.comment .comment_container,
.cr-all-reviews-shortcode ol li.review .comment_container {
position: relative;
padding: 0px;
}
.cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .cr-avatar,
.cr-all-reviews-shortcode ol li.comment .comment_container .cr-avatar,
.cr-all-reviews-shortcode ol li.review .comment_container .cr-avatar {
float: left;
position: absolute;
padding: 0;
top: 0;
left: 0;
width: 50px;
height: auto;
border: 0px solid #e4e1e3;
margin: 0;
box-shadow: none;
border-radius: 25px;
max-height: none;
}
.rtl .cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .cr-avatar,
.rtl .cr-all-reviews-shortcode ol li.comment .comment_container .cr-avatar,
.rtl .cr-all-reviews-shortcode ol li.review .comment_container .cr-avatar {
float: right;
position: absolute;
padding: 0;
top: 0;
right: 0;
width: 50px;
height: auto;
border: 0px solid #e4e1e3;
margin: 0;
box-shadow: none;
border-radius: 25px;
max-height: none;
}
.cr-all-reviews-shortcode ol li.review .comment_container.cr-comment-no-avatar .cr-avatar {
display: none;
}
.cr-avatar-check {
display: none;
}
.cr-all-reviews-shortcode ol li.comment .comment_container .cr-avatar-check,
.cr-all-reviews-shortcode ol li.review .comment_container .cr-avatar-check,
.cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .cr-avatar-check,
.cr-reviews-grid .cr-review-card .cr-avatar-check,
.cr-reviews-slider .cr-review-card .cr-avatar-check {
width: 20px;
height: 20px;
background-color: #31856C;
position: absolute;
left: 34px;
top: 28px;
border-radius: 10px;
border: 2px solid #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
z-index: 10;
}
.rtl .cr-all-reviews-shortcode ol li.comment .comment_container .cr-avatar-check,
.rtl .cr-all-reviews-shortcode ol li.review .comment_container .cr-avatar-check,
.rtl .cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .cr-avatar-check,
.rtl .cr-reviews-grid .cr-review-card .cr-avatar-check,
.rtl .cr-reviews-slider .cr-review-card .cr-avatar-check {
right: 34px;
left: auto;
}
.cr-all-reviews-shortcode ol li.review .comment_container .meta,
#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .meta {
display: flex;
align-items: baseline;
justify-content: space-between;
color: #767676;
font-size: 14px;
flex-wrap: wrap;
}
.cr-all-reviews-shortcode ol li div.comment_container a.cr-comment-a {
box-shadow: none;
}
.cr-all-reviews-shortcode ol li div.comment_container p.iv-comment-product {
font-size: 90%;
}
.cr-all-reviews-shortcode ol li div.comment_container a.iv-comment-product-a {
box-shadow: none;
line-height: 0;
}
.cr-all-reviews-shortcode ol li .comment_container .iv-comment-product-img {
width: 20px;
height: auto;
vertical-align: top;
margin-right: 5px;
display: inline;
border-radius: 3px;
}
.cr-all-reviews-shortcode .commentlist.cr-pagination-load {
opacity: 0.5;
pointer-events: none;
}
.cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .comment-text,
.cr-all-reviews-shortcode ol.commentlist li .comment-text {
margin: 0 0 0 70px;
border-top: 0 solid #e4e1e3;
border-left: 0 solid #e4e1e3;
border-right: 0 solid #e4e1e3;
border-bottom: 1px solid #e4e1e3;
padding: 0 0 1em 0;
}
.rtl .cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .comment-text,
.rtl .cr-all-reviews-shortcode ol.commentlist li .comment-text {
margin: 0 70px 0 0;
}
#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .comment-text.comment-text-no-avatar,
.cr-all-reviews-shortcode ol.commentlist li .comment-text.comment-text-no-avatar {
margin: 0;
float: none;
width: 100%;
}
.cr-all-reviews-shortcode ol.commentlist li .comment-text p,
.cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text p {
margin: 1em 0;
text-align: left;
}
.rtl .cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text p {
text-align: right;
}
.cr-all-reviews-shortcode ol.commentlist li .comment-text .meta {
font-size: 16px;
}
.cr-all-reviews-shortcode ol.commentlist li .comment-text .meta time {
font-style: normal;
}
.cr-all-reviews-shortcode ol.commentlist li .comment-text .meta .cr-meta-author-featured-date,
#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text .meta .cr-meta-author-featured-date {
display: flex;
flex-direction: row;
column-gap: 20px;
align-items: baseline;
}
.cr-all-reviews-shortcode ol.commentlist li .comment-text .cr-rating-product-name {
display: flex;
align-items: center;
column-gap: 20px;
}
.cr-all-reviews-shortcode ol.commentlist li .comment-text .cr-rating-product-name .cr-product-name-picture {
display: flex;
align-items: center;
margin: 0 0 0 0;
column-gap: 7px;
}
.cr-all-reviews-shortcode ol.commentlist li .comment-text .cr-rating-product-name .cr-product-name-picture .cr-comment-productname-a {
font-size: 14px;
color: #0E252C;
}
.cr-all-reviews-shortcode ol.commentlist li .comment-text .cr-rating-product-name .cr-product-name-picture .cr-comment-productname-a:hover {
text-decoration: underline;
}
.cr-all-reviews-shortcode ol.commentlist li .comment-text .meta .woocommerce-review__author,
#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text .meta .woocommerce-review__author {
color: #0E252C;
font-size: 16px;
display: inline;
font-weight: 500;
margin: 0;
text-indent: 0;
}
.cr-all-reviews-shortcode ol.commentlist li .comment-text .meta .woocommerce-review__verified,
#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text .meta .woocommerce-review__verified {
display: block;
color: #4D5D64;
font-size: 14px;
font-weight: 400;
margin: 0;
text-indent: 0;
}
.cr-all-reviews-shortcode ol.commentlist li .comment-text .meta .cr-meta-author-date time {
color: #4D5D64;
}
.cr-all-reviews-shortcode ol.commentlist li .comment-text .meta .cr-meta-author-title {
display: flex;
align-items: flex-start;
flex-direction: column;
}
.cr-all-reviews-shortcode ol.commentlist li .comment-text .meta .cr-meta-author-title svg {
width: 18px;
height: 18px;
display: block;
margin: 0 0 0 10px;
color: #4D5D64;
}
.cr-tag {
color: #3d3d3d;
background-color: #EEEFF2;
display: inline-block;
padding: .2em .4em;
font-size: 12px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border-radius: 0.7em;
border: 1px solid #c3c6d1;
border-color: #31856C;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.cr-review-tags-filter .cr-tag {
font-size: 14px;
border-radius: 0.7em;
margin-right: 5px;
margin-bottom: 7px;
border-color: #D0D0D0;
}
.cr-review-tags-filter span.cr-tag:hover {
border-color: #31856C;
cursor: pointer;
}
.cr-review-tags-filter {
padding-top: 5px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
pointer-events: auto;
opacity: 1;
}
.cr-review-tags-filter span.cr-tag.cr-tag-selected {
border-color: #31856C;
background-color: #D3D3D3;
}
div.cr-review-tags-filter.cr-review-tags-filter-disabled {
pointer-events: none;
opacity: 0.5;
}
.cr-review-tags {
margin-bottom: 1em;
}
.cr-incentivized-badge {
display: flex;
column-gap: 4px;
align-items: center;
font-size: 10px;
line-height: 10px;
margin: 0 0 1em 0;
}
.cr-reviews-grid .cr-review-card .cr-incentivized-row .cr-incentivized-badge,
.cr-reviews-slider .cr-review-card .cr-incentivized-row .cr-incentivized-badge {
margin: 0;
}
.cr-incentivized-badge .cr-incentivized-icon {
display: block;
height: 12px;
}
.cr-incentivized-badge .cr-incentivized-icon .cr-incentivized-svg {
width: 12px;
height: 12px;
}
.cr-all-reviews-shortcode ol.commentlist ul.children,
#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list ul.children {
list-style: none outside;
margin: 20px 0 0 50px;
margin-inline-start: 70px;
padding-inline-start: 0;
}
.ivole-verified-badge {
font-size: 12px;
vertical-align: middle;
}
.ivole-verified-badge-text {
vertical-align: middle;
}
.ivole-verified-badge span.ivole-review-country-text, p.ivole-verified-badge span.ivole-review-country-space {
vertical-align: middle;
}
.cr-all-reviews-shortcode ol.commentlist,
#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list {
list-style-type: none;
margin: 0;
padding: 0 0 1.5em 0;
display: block;
position: relative;
}
.cr-all-reviews-shortcode ol.commentlist li,
#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list li {
margin: 0 0 30px 0;
list-style: none;
clear: both;
border: 0;
padding: 0;
}
.cr-all-reviews-shortcode.cr-all-reviews-new-review ol.commentlist,
.cr-reviews-grid.cr-reviews-grid-new-review .cr-reviews-grid-inner,
.cr-all-reviews-shortcode.cr-all-reviews-new-review .cr-review-tags-filter,
.cr-reviews-grid.cr-reviews-grid-new-review .cr-review-tags-filter {
display: none;
}
.cr-all-reviews-shortcode .ivole-review-country-icon,
#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .ivole-review-country-icon {
display: inline;
height: 12px;
width: auto;
margin: 0 0 0 5px;
border-radius: 0;
}
.woocommerce #content #reviews p.ivole-verified-badge img.ivole-review-country-icon,
#reviews p.ivole-verified-badge img.ivole-review-country-icon {
float: none;
height: 12px;
width: auto;
vertical-align:middle;
margin: 0px 5px 0px 0px;
display: inline;
border-radius: 0;
}
.woocommerce #content div.product #reviews .comment img.ivole-verified-badge-icon,
.woocommerce #content div.Product #reviews .comment_container img.ivole-verified-badge-icon,
.woocommerce div.product #reviews .comment img.ivole-verified-badge-icon,
.woocommerce-page #content div.product #reviews .comment img.ivole-verified-badge-icon,
.woocommerce-page div.product #reviews .comment img.ivole-verified-badge-icon,
#reviews p.ivole-verified-badge img.ivole-verified-badge-icon,
p.ivole-verified-badge img.ivole-verified-badge-icon,
#reviews img.ivole-verified-badge-icon,
img.ivole-verified-badge-icon {
float: none;
height: 20px;
width: auto;
vertical-align:middle;
margin: 0px 5px 0px 0px;
display: inline;
border-radius: 0;
}
.woocommerce #content div.product #reviews .comment img.ivole-verified-badge-ext-icon,
.woocommerce #content div.Product #reviews .comment_container img.ivole-verified-badge-ext-icon,
.woocommerce div.product #reviews .comment img.ivole-verified-badge-ext-icon,
.woocommerce-page #content div.product #reviews .comment img.ivole-verified-badge-ext-icon,
.woocommerce-page div.product #reviews .comment img.ivole-verified-badge-ext-icon,
#reviews p.ivole-verified-badge .ivole-verified-badge-text img.ivole-verified-badge-ext-icon,
p.ivole-verified-badge .ivole-verified-badge-text img.ivole-verified-badge-ext-icon,
#reviews img.ivole-verified-badge-ext-icon,
img.ivole-verified-badge-ext-icon {
float: none;
height: 11px;
width: 11px;
vertical-align:middle;
margin: 0px 0px 0px 5px;
display: inline;
border-radius: 0;
}
.cr-form-item-media-none {
padding: 24px;
text-align: left;
display: flex;
align-items: center;
cursor: pointer;
border: 1px dashed #D8E2E7;
border-radius: 2px;
}
.cr-review-form-error .cr-form-item-media-none {
border-color: #CE2B37;
}
.cr-form-visible .cr-form-item-media-none {
display: none;
}
.cr-form-item-media-none .cr-form-item-media-icon {
width: 60px;
height: 60px;
padding: 8px;
border: 1px solid #e0e0e0;
fill: #e0e0e0;
border-radius: 2px;
flex-shrink: 0;
}
.cr-form-item-media-none .cr-form-item-media-icon:first-child {
margin: 0 5px 0 0;
}
.rtl .cr-form-item-media-none .cr-form-item-media-icon:first-child {
margin: 0 0 0 5px;
}
.cr-rtl .cr-form-item-media-none .cr-form-item-media-icon:first-child {
margin-right: 0;
margin-left: 5px;
}
.cr-form-item-media-none span {
display: inline-block;
vertical-align: top;
margin: 0 0 0 20px;
color: #4D5D64;
font-size: 12px;
}
.rtl .cr-form-item-media-none span {
margin: 0 20px 0 0;
}
.cr-rtl .cr-form-item-media-none span {
margin-left: 0;
margin-right: 20px;
}
.cr-form-item-media-none:active {
border-color: #c9c9c9;
}
.cr-form-item-media-none:active .cr-form-item-media-icon {
border: 1px solid #c9c9c9;
fill: #c9c9c9;
}
.cr-form-item-media .cr-form-item-media-file {
display: none;
}
.cr-form-item-media-preview {
display: none;
margin: 0;
flex-wrap: wrap;
}
.cr-form-visible .cr-form-item-media-preview {
display: flex;
row-gap: 9px;
}
.cr-form-item-media-preview .cr-upload-images-containers {
width: 108px;
height: 108px;
margin-bottom: 0px;
margin-right: 9px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
pointer-events: auto;
border: 1px solid #D8E2E7;
padding: 0;
overflow: hidden;
}
.cr-form-item-media-preview .cr-upload-images-containers.cr-upload-delete-pending {
pointer-events: none;
}
.cr-form-item-media-preview .cr-upload-images-containers.cr-upload-ok {
padding: 0px;
}
.cr-form-item-media-preview .cr-upload-images-containers img {
margin: 0 0 0 0;
opacity: 0.3;
object-fit: cover;
}
.cr-form-item-media-preview .cr-upload-images-containers .cr-upload-video-thumbnail {
width: 108px;
height: 108px;
margin: 0 0 0 0;
opacity: 0.3;
padding: 15px;
border: 1px solid #e0e0e0;
fill: #e0e0e0;
border-radius: 2px;
}
.cr-form-item-media-preview .cr-upload-images-containers.cr-upload-ok img {
opacity: 1;
}
.cr-form-item-media-preview .cr-upload-images-containers.cr-upload-ok .cr-upload-video-thumbnail {
opacity: 0.6;
border-width: 0;
}
.cr-form-item-media-preview .cr-upload-images-containers.cr-upload-ok.cr-upload-delete-pending img {
opacity: 0.2;
}
.cr-form-item-media-preview .cr-upload-images-containers.cr-upload-ok.cr-upload-delete-pending .cr-upload-video-thumbnail {
opacity: 0.2;
}
.cr-form-item-media-preview .cr-upload-images-containers .cr-upload-images-delete {
padding: 1px;
position: absolute;
top: 2px;
right: 2px;
width: 16px;
height: 16px;
display: none;
background-color: #CE2B37;
border-radius: 8px;
border: 0px solid;
line-height: 0;
cursor: pointer;
}
.cr-form-item-media-preview .cr-upload-images-containers.cr-upload-ok .cr-upload-images-delete {
display: block;
}
.cr-form-item-media-preview .cr-upload-images-containers.cr-upload-ok.cr-upload-delete-pending .cr-upload-images-delete {
opacity: 0.2;
}
.cr-form-item-media-preview .cr-upload-images-containers .cr-upload-images-delete .cr-no-icon {
fill: #ffffff;
}
.cr-form-item-media-preview .cr-upload-images-containers .cr-upload-images-delete-spinner {
margin: 0;
background: url(//evancosmetics.hr/wp-content/plugins/customer-reviews-woocommerce/img/spinner-2x.gif) no-repeat;
background-size: 20px 20px;
width: 20px;
height: 20px;
display: none;
text-decoration: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.cr-form-item-media-preview .cr-upload-images-containers.cr-upload-delete-pending .cr-upload-images-delete-spinner {
display: block;
}
.cr-form-item-media-preview .cr-form-item-media-add {
cursor: pointer;
width: 108px;
height: 108px;
text-align: center;
line-height: 108px;
font-size: 40px;
color: #e0e0e0;
border: 1px dashed #e0e0e0;
margin-bottom: 0px;
display: inline-block;
}
.cr-form-item-media-preview .cr-form-item-media-add:active {
border-color: #c9c9c9;
color: #c9c9c9;
}
.cr-form-item-media-preview .cr-upload-images-containers .cr-upload-images-pbar {
width: 94px;
height: 10px;
margin: 0 5px 0 5px;
padding: 0;
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
background-color: #dddddd;
border-radius: 5px;
}
.cr-form-item-media-preview .cr-upload-images-containers.cr-upload-ok .cr-upload-images-pbar {
display: none;
}
.cr-form-item-media-preview .cr-upload-images-containers .cr-upload-images-pbar .cr-upload-images-pbarin {
width: 0;
height: 100%;
margin: 0;
padding: 0;
background-color: #1AB394;
border-radius: 5px;
}
.cr-pswp {
display: none;
}
.cr-reviews-rating {
display: flex;
column-gap: 10px;
align-items: center;
margin: 0;
padding: 0;
line-height: 0;
.cr-qna-separator {
margin: 0;
}
}
.cr-average-rating-stars {
line-height: 0;
}
.crstar-rating-svg {
margin: 8px 0;
position: relative;
display: inline-block;
}
.cr-reviews-grid .cr-review-card .crstar-rating-svg,
.cr-reviews-slider .cr-review-card .crstar-rating-svg,
.cr-reviews-rating .crstar-rating-svg,
.cr-ajax-reviews-slide-main-comment .crstar-rating-svg,
.crf-custom-question-rating-cont .crstar-rating-svg {
margin: 0;
}
.cr-average-rating-stars .crstar-rating-svg {
margin: 5px 0 0 0;
}
.crstar-rating-svg .cr-rating-icon-base {
display: flex;
height: 20px;
}
.crstar-rating-svg .cr-rating-icon-frnt {
display: flex;
height: 20px;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.cr-reviews-grid .cr-review-card .crstar-rating-svg .cr-rating-icon-base,
.cr-reviews-grid .cr-review-card .crstar-rating-svg .cr-rating-icon-frnt,
.cr-reviews-slider .cr-review-card .crstar-rating-svg .cr-rating-icon-base,
.cr-reviews-slider .cr-review-card .crstar-rating-svg .cr-rating-icon-frnt {
height: 25px;
column-gap: 3px;
}
.crf-custom-question-rating-cont .crstar-rating-svg .cr-rating-icon-base,
.crf-custom-question-rating-cont .crstar-rating-svg .cr-rating-icon-frnt,
.cr-reviews-slider .cr-sldr-custom-question .crstar-rating-svg .cr-rating-icon-base,
.cr-reviews-slider .cr-sldr-custom-question .crstar-rating-svg .cr-rating-icon-frnt {
height: 18px;
column-gap: 0;
}
.rtl .crstar-rating-svg .cr-rating-icon-frnt {
right: 0;
left: auto;
}
.crstar-rating-svg .cr-rating-icon-base .cr-rating-icon-bg {
width: 20px;
height: 20px;
fill: none;
stroke: #FFBC00;
}
.crstar-rating-svg .cr-rating-icon-frnt .cr-rating-icon {
width: 20px;
height: 20px;
fill: #FFBC00;
flex-shrink: 0;
}
.cr-reviews-grid .cr-review-card .crstar-rating-svg .cr-rating-icon-base .cr-rating-icon-bg,
.cr-reviews-grid .cr-review-card .crstar-rating-svg .cr-rating-icon-frnt .cr-rating-icon,
.cr-reviews-slider .cr-review-card .crstar-rating-svg .cr-rating-icon-base .cr-rating-icon-bg,
.cr-reviews-slider .cr-review-card .crstar-rating-svg .cr-rating-icon-frnt .cr-rating-icon {
width: 25px;
height: 25px;
}
.crf-custom-question-rating-cont .crstar-rating-svg .cr-rating-icon-base .cr-rating-icon-bg,
.crf-custom-question-rating-cont .crstar-rating-svg .cr-rating-icon-frnt .cr-rating-icon,
.cr-reviews-slider .cr-sldr-custom-question .crstar-rating-svg .cr-rating-icon-base .cr-rating-icon-bg,
.cr-reviews-slider .cr-sldr-custom-question .crstar-rating-svg .cr-rating-icon-frnt .cr-rating-icon {
width: 18px;
height: 18px;
}
.cr-reviews-slider .cr-sldr-custom-question .crstar-rating-svg .cr-rating-icon-base .cr-rating-icon-bg {
stroke: #aaaaaa;
}
.cr-reviews-slider .cr-sldr-custom-question .crstar-rating-svg .cr-rating-icon-frnt .cr-rating-icon {
fill: #aaaaaa;
}
@media (max-width: 500px) {
#reviews .cr-summaryBox-wrap .ivole-summaryBox,
#reviews .cr-summaryBox-wrap .cr-overall-rating-wrap,
.cr-all-reviews-shortcode .cr-summaryBox-wrap .ivole-summaryBox,
.cr-all-reviews-shortcode .cr-summaryBox-wrap.cr-summaryBox-add-review .ivole-summaryBox,
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-overall-rating-wrap,
.cr-all-reviews-shortcode .cr-summaryBox-wrap.cr-summaryBox-add-review .cr-overall-rating-wrap,
.cr-all-reviews-shortcode .cr-summaryBox-wrap.cr-summaryBox-add-review .cr-add-review-wrap,
.cr-reviews-grid .cr-summaryBox-wrap .ivole-summaryBox,
.cr-reviews-grid .cr-summaryBox-wrap.cr-summaryBox-add-review .ivole-summaryBox,
.cr-reviews-grid .cr-summaryBox-wrap .cr-overall-rating-wrap,
.cr-reviews-grid .cr-summaryBox-wrap.cr-summaryBox-add-review .cr-overall-rating-wrap,
.cr-reviews-grid .cr-summaryBox-wrap.cr-summaryBox-add-review .cr-add-review-wrap {
width: 100%;
flex: 0 0 100%;
}
.cr-all-reviews-shortcode ol.commentlist {
margin-left: 0px;
margin-right: 0px;
}
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-summary-separator,
.cr-reviews-grid .cr-summaryBox-wrap .cr-summary-separator {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-summary-separator-int,
.cr-reviews-grid .cr-summaryBox-wrap .cr-summary-separator-int {
width: 50px;
height: 2px;
}
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-summary-separator-side,
.cr-reviews-grid .cr-summaryBox-wrap .cr-summary-separator-side {
display: none;
}
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-add-review-wrap,
.cr-reviews-grid .cr-summaryBox-wrap .cr-add-review-wrap {
width: 100%;
padding: 10px;
}
}
.woocommerce .product #reviews .comment-text p.ivf-custom-question-checkbox {font-weight: 550;margin: 0.6em 0;}
.woocommerce .product #reviews .comment-text ul.ivf-custom-question-ul {margin: 0.6em 0;}
.woocommerce .product #reviews .comment-text ul.ivf-custom-question-ul li {margin:0;}
.woocommerce .product #reviews .comment-text span.ivf-custom-question-radio {font-weight: 550;}
.woocommerce .product #reviews .comment-text hr.ivf-custom-question-hr,
.cr-all-reviews-shortcode .commentlist hr.ivf-custom-question-hr {
margin: 0.6em 0;
}
.cr-all-reviews-shortcode .commentlist hr.ivf-custom-question-hr {
display: none;
}
.cr-all-reviews-shortcode .commentlist .comment-text .ivf-custom-question-p {
font-size: 14px;
margin: 0.5em 0;
}
.woocommerce .product #reviews .comment-text .crf-custom-question-rating-cont,
.cr-all-reviews-shortcode .commentlist .crf-custom-question-rating-cont {
margin: 0.6em 0;
display: flex;
align-items: center;
flex-direction: row;
}
.cr-all-reviews-shortcode .commentlist .crf-custom-question-rating-cont {
font-size: 14px;
}
.woocommerce .product #reviews .comment-text p.ivf-custom-question-p,
.cr-all-reviews-shortcode .commentlist p.ivf-custom-question-p {
margin: 0.6em 0;
}
.woocommerce .product #reviews .comment-text .crf-custom-question-rating,
.cr-all-reviews-shortcode .commentlist .crf-custom-question-rating {
padding-right: 7px;
font-weight: 550;
}
.woocommerce .product #reviews .comment-text .crf-custom-question-rating-cont .star-rating,
.cr-all-reviews-shortcode .commentlist .crf-custom-question-rating-cont .star-rating {
font-size: 1em;
height: 1.1em;
line-height: 1.1em;
float: none;
margin: 0;
}
.cr-onsite-questions .cr-onsite-question {
display: block;
margin: 1.5em 0;
position: relative;
}
.cr-onsite-questions .cr-onsite-question .required,
.cr-onsite-ratings .cr-review-form-rating .required,
.cr-review-form-rating-overall .cr-review-form-rating .required {
margin: 0 0 0 3px;
}
.cr-onsite-questions .cr-onsite-question label,
.cr-onsite-questions .cr-onsite-question input {
display: block;
}
.cr-onsite-questions .cr-onsite-question.cr-full-width label,
.cr-onsite-questions .cr-onsite-question.cr-full-width input {
width: 100%;
}
.cr-review-form-wrap .cr-onsite-questions .cr-onsite-question.cr-full-width label {
width: auto;
}
.cr-onsite-ratings {
border-top: 1px solid #DFE4E7;
border-bottom: 1px solid #DFE4E7;
}
.cr-onsite-ratings.cr-onsite-ratings-only {
border-bottom: none;
}
.cr-review-form-wrap .cr-onsite-ratings {
max-width: 500px;
margin: 0 auto;
}
.cr-customer-consent .checkbox input.cr-customer-consent-checkbox {
margin-right:7px;
position: relative;
}
#kco-extra-checkout-fields .cr-customer-consent {
display: none;
}
.cr-show-more{
width:100%;
}
.cr-reviews-ajax-reviews .cr-show-more-reviews-prd,
.cr-all-reviews-shortcode .cr-show-more-button,
.cr-reviews-grid .cr-show-more-button,
.cr-qna-block .cr-show-more-que {
display: block;
margin: 10px auto;
height: 40px;
padding: 0 20px 0 20px;
border: solid 1px #BCCCD4;
font-size: 14px;
background-color: transparent;
color: #0E252C;
}
.cr-qna-block .cr-show-more-que {
margin: 20px auto;
}
.cr-all-reviews-shortcode.cr-all-reviews-new-review .cr-show-more-button,
.cr-reviews-grid.cr-reviews-grid-new-review .cr-show-more-button {
display: none;
}
.cr-reviews-ajax-reviews .cr-show-more-reviews-prd:hover,
.cr-reviews-ajax-reviews .cr-show-more-reviews-prd:focus,
.cr-all-reviews-shortcode .cr-show-more-button:hover,
.cr-all-reviews-shortcode .cr-show-more-button:focus,
.cr-reviews-grid .cr-show-more-button:hover,
.cr-reviews-grid .cr-show-more-button:focus,
.cr-qna-block .cr-show-more-que:hover,
.cr-qna-block .cr-show-more-que:focus {
border: solid 1px #00A79D;
background-color: transparent;
color: #0E252C;
}
.cr-show-more-review-spinner,
.cr-show-more .cr-show-more-spinner,
.cr-all-reviews-shortcode .commentlist.cr-pagination-load .cr-pagination-review-spinner {
display: block;
margin: 20px auto;
background: url(//evancosmetics.hr/wp-content/plugins/customer-reviews-woocommerce/img/spinner-2x.gif) no-repeat;
background-size: 20px 20px;
width: 20px;
height: 20px;
}
.cr-all-reviews-shortcode .commentlist.cr-pagination-load .cr-pagination-review-spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: auto;
}
.cr-all-reviews-shortcode.cr-all-reviews-new-review .cr-show-more-review-spinner,
.cr-reviews-grid.cr-reviews-grid-new-review .cr-show-more-review-spinner,
.cr-all-reviews-shortcode .commentlist .cr-pagination-review-spinner {
display: none;
}
.cr-show-more-review-spinner-cnt {
width: 100%;
height: 60px;
display: flex;
align-items: center;
}
.cr-reviews-ajax-reviews .cr-ajax-reviews-sort-div .cr-ajax-reviews-sort,
.cr-all-reviews-shortcode .cr-ajax-reviews-sort-div .cr-ajax-reviews-sort {
display: block;
margin: 0;
background: transparent;
border: 0px;
padding: 4px;
width: auto;
height: auto;
appearance: auto;
color: #0E252C;
font-size: 12px;
font-weight: 500;
}
.cr-ajax-reviews-sort-div {
display: flex;
justify-content: space-between;
}
.cr-all-reviews-shortcode.cr-all-reviews-new-review .cr-search-no-reviews {
display: none;
}
#reviews.cr-reviews-ajax-reviews .cr-button-search,
.cr-all-reviews-shortcode .cr-button-search {
border: 1px solid;
border-radius: 4px 4px 4px 4px;
border-color: #ADB1B8 #A2A6AC #8D9096;
padding: 3px 10px;
background: -webkit-linear-gradient(top,#f7f8fa,#e7e9ec);
background: linear-gradient(to bottom,#f7f8fa,#e7e9ec);
font-weight: normal;
color: black;
letter-spacing: normal;
font-size: 1em;
text-transform: none;
line-height: 1.5em;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 5px;
margin-right: 0px;
white-space: nowrap;
width: auto;
}
.rtl #reviews.cr-reviews-ajax-reviews .cr-button-search,
.rtl .cr-all-reviews-shortcode .cr-button-search {
margin-left: 0px;
margin-right: 5px;
}
#reviews.cr-reviews-ajax-reviews .cr-button-search:hover,
.cr-all-reviews-shortcode .cr-button-search:hover {
background: #e0e3e9;
background: -webkit-linear-gradient(top,#e7eaf0,#d9dce1);
background: linear-gradient(to bottom,#e7eaf0,#d9dce1);
text-decoration: none;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-search,
.cr-all-reviews-shortcode .cr-ajax-search {
display: flex;
padding: 0;
margin: 24px 0;
width: 100%;
}
.cr-all-reviews-shortcode.cr-all-reviews-new-review .cr-ajax-search {
display: none;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-search div,
.cr-all-reviews-shortcode .cr-ajax-search div,
.cr-qna-block .cr-qna-search-block div {
position: relative;
flex-grow: 1;
}
#reviews.cr-reviews-ajax-reviews .cr-input-text,
.cr-all-reviews-shortcode .cr-ajax-search .cr-input-text,
.cr-ajax-search input[type="text"] {
border: 1px solid;
border-radius: 4px 4px 4px 4px;
border-color: #ADB1B8 #A2A6AC #8D9096;
background-color: #ffffff;
padding: 3px 10px;
padding-left: calc(1.5em + .75rem);
padding-right: 1.8em;
width: 100%;
line-height: 1.5em;
margin: 0px;
font-size: 1em;
box-sizing: border-box;
}
.rtl #reviews.cr-reviews-ajax-reviews .cr-input-text,
.rtl .cr-all-reviews-shortcode .cr-ajax-search .cr-input-text,
.rtl .cr-ajax-search input[type="text"] {
padding-right: calc(1.5em + .75rem);
padding-left: 1.8em;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-search .cr-ajax-search-icon,
.cr-all-reviews-shortcode .cr-ajax-search .cr-ajax-search-icon,
.cr-ajax-search .cr-ajax-search-icon {
position: absolute;
display: inline-block;
top: 50%;
left: 9px;
transform: translateY(-50%);
width: 1.1em;
height: 1.1em;
}
.rtl #reviews.cr-reviews-ajax-reviews .cr-ajax-search .cr-ajax-search-icon,
.rtl .cr-all-reviews-shortcode .cr-ajax-search .cr-ajax-search-icon,
.rtl .cr-ajax-search .cr-ajax-search-icon {
right: 9px;
}
.cr-qna-block .cr-input-text, .cr-ajax-search input[type="text"] {
border: 1px solid;
border-radius: 4px 4px 4px 4px;
border-color: #ADB1B8 #A2A6AC #8D9096;
background-color: #ffffff;
color: #898F92;
padding: 3px 10px;
padding-left: calc(1.5em + .75rem);
padding-right: 1.5em;
width: 100%;
margin: 0px;
font-size: 1em;
box-shadow: none;
outline: none;
}
.cr-ajax-search input[type="text"] {
height: 42px;
}
.cr-qna-block .cr-input-text {
height: 100%;
}
.cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt {
height: 40px;
display: flex;
align-items: center;
}
.cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt .cr-nosummary-rating-val {
font-size: 25px;
font-weight: bold;
margin: 0 0 0 15px;
color: #0E252C;
}
.rtl .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt .cr-nosummary-rating-val {
margin: 0 15px 0 0;
}
.cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt .cr-nosummary-rating-lbl {
font-size: 20px;
font-weight: normal;
margin: 0 0 0 15px;
color: #4D5D64;
}
.rtl .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt .cr-nosummary-rating-lbl {
margin: 0 15px 0 0;
}
.cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-add {
margin: 0 0 0 15px;
cursor: pointer;
background-color: #31856C;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
min-height: 40px;
text-transform: none;
line-height: 20px;
font-size: 15px;
border: none;
}
.cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-add:hover {
background-color: #276A56;
}
#reviews.cr-reviews-ajax-reviews .cr-clear-input,
.cr-all-reviews-shortcode .cr-clear-input,
.cr-qna-block .cr-qna-search-block .cr-clear-input {
display:none;
position:absolute;
cursor: pointer;
margin-left: -1.7em ;
margin-top: -8px;
height: 16px;
top: 50%;
right: 8px;
}
.rtl #reviews.cr-reviews-ajax-reviews .cr-clear-input,
.rtl .cr-all-reviews-shortcode .cr-clear-input,
.rtl .cr-qna-block .cr-qna-search-block .cr-clear-input {
left: 8px;
right: auto;
margin-left: 0;
}
.cr-all-reviews-shortcode .cr-clear-input.cr-visible {
display: inline-block;
}
#reviews.cr-reviews-ajax-reviews .cr-clear-input svg,
.cr-all-reviews-shortcode .cr-clear-input svg,
.cr-qna-block .cr-qna-search-block .cr-clear-input svg {
display: block;
height: 16px;
}
#reviews.cr-reviews-ajax-reviews .cr-qna-search-icon,
.cr-all-reviews-shortcode .cr-qna-search-icon,
.cr-qna-block .cr-qna-search-block .cr-qna-search-icon {
fill: #18B394;
display: inline-block;
position:absolute;
width: 1.1em;
height: 1.1em;
left: 9px;
top: 50%;
transform: translateY(-50%);
}
#reviews.cr-reviews-ajax-reviews .cr-input-text:focus,
.cr-all-reviews-shortcode .cr-input-text:focus,
.cr-qna-block .cr-input-text:focus,
.cr-ajax-search input[type="text"]:focus {
background-color: #ffffff;
outline:none;
border-color: #e77600;
box-shadow: 0 0 3px 2px rgba(228,121,17,.5);
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-add-review {
display: block;
margin: 1em 0px;
border: 1px solid;
border-radius: 4px 4px 4px 4px;
border-color: #ADB1B8 #A2A6AC #8D9096;
padding: 3px 10px;
background: -webkit-linear-gradient(top,#f7f8fa,#e7e9ec);
background: linear-gradient(to bottom,#f7f8fa,#e7e9ec);
font-weight: 600;
color: black;
letter-spacing: normal;
font-size: 1em;
text-transform: none;
line-height: normal;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-add-review:hover {
background: #e0e3e9;
background: -webkit-linear-gradient(top,#e7eaf0,#d9dce1);
background: linear-gradient(to bottom,#e7eaf0,#d9dce1);
text-decoration: none;
}
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-add-review-wrap .cr-all-reviews-add-review,
.cr-reviews-grid .cr-summaryBox-wrap .cr-add-review-wrap .cr-all-reviews-add-review {
display: block;
background-color: #31856C;
color: #ffffff;
border: 0;
height: 40px;
line-height: 20px;
font-size: 15px;
width: auto;
padding: 10px 20px;
margin: 0;
}
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-add-review-wrap .cr-all-reviews-add-review:hover,
.cr-reviews-grid .cr-summaryBox-wrap .cr-add-review-wrap .cr-all-reviews-add-review:hover {
background-color: #276A56;
text-decoration: none;
cursor: pointer;
}
.cr-ajax-reviews-review-form {
display: none;
}
.cr-ajax-reviews-review-form.cr-ajax-reviews-review-form-nc {
display: block;
}
#reviews.cr-reviews-ajax-reviews .comment-reply-title {
display: block;
font-size: 1.5em;
}
.cr-ajax-reviews-review-form p.form-submit {
display: flex;
justify-content: space-between;
align-items: center;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-div,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-div {
margin: 12px 0 24px 0;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-div .cr-ajax-reviews-cus-images-title,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-div .cr-ajax-reviews-cus-images-title {
font-size: 1em;
margin: 0 auto 5px auto;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-div2,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-div2 {
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal-cont,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal-cont {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(120, 120, 120, 0.8);
z-index: 100001;
display: none;
opacity: 0;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal-cont.cr-mask-active,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal-cont.cr-mask-active {
visibility: visible;
opacity: 1;
display: flex;
justify-content: center;
align-items: center;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal {
visibility: visible;
position: relative;
max-width: 100vw;
width: 700px;
background: #fff;
z-index: 100001;
display: block;
border-radius: 3px;
opacity: 1;
max-height: 100vh;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal div.cr-ajax-reviews-cus-images-hdr,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal div.cr-ajax-reviews-cus-images-hdr {
height: 36px;
background: #f2f2f2;
background: #f1f1f1;
background: -webkit-linear-gradient(top,#f7f7f7,#eaeaea);
background: linear-gradient(to bottom,#f7f7f7,#eaeaea);
box-shadow: 0 1px 0 rgba(255,255,255,.5) inset,0 -1px 0 rgba(255,255,255,.4) inset;
position: relative;
border-bottom: 1px solid #cdcdcd;
border-bottom-color: rgba(0,0,0,.2);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal button.cr-ajax-reviews-cus-images-close,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal button.cr-ajax-reviews-cus-images-close {
display: block;
zoom: 1;
background-color: transparent;
border: none;
float: right;
padding: 8px;
position: absolute;
top: 50%;
right: 5px;
margin: -15px 0 0;
line-height: 0;
min-height: auto;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal button.cr-ajax-reviews-cus-images-close svg,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal button.cr-ajax-reviews-cus-images-close svg {
opacity: .64;
width: 15px;
height: 15px;
font-size: 15px;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-close .cr-no-icon,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-close .cr-no-icon {
fill: #333333;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-slide-main-flex,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-slide-main-flex {
display: flex;
flex-direction: row;
justify-content: space-evenly;
gap: 20px;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-nav,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-nav {
width: 80%;
margin: 0 auto 35px auto;
background-color: #f4f4f4;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-nav .cr-ajax-reviews-slide-nav img,
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-nav .cr-ajax-reviews-slide-nav video,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-nav .cr-ajax-reviews-slide-nav img,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-nav .cr-ajax-reviews-slide-nav video {
max-height: 75px;
margin: 0 auto;
width: auto;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-nav .cr-ajax-reviews-slide-nav,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-nav .cr-ajax-reviews-slide-nav {
padding: 0px;
line-height: 0;
text-align: center;
position: relative;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main img,
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main video,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main img,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main video {
max-width: 400px;
max-height: 400px;
width: auto;
}
.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main-comment,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main-comment {
width: 250px;
padding: 0;
line-height: 1.5;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main-comment p,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main-comment p {
margin: 0px;
display: block;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main-comment time,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main-comment time {
opacity: 0.5;
font-size: 0.875em;
display: block;
}
.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main-comment .cr-ajax-reviews-slide-main-comment-body,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main-comment .cr-ajax-reviews-slide-main-comment-body {
max-height: 300px;
overflow-x: hidden;
overflow-y: scroll;
line-height: normal;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main.slick-initialized .slick-slide,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main.slick-initialized .slick-slide {
float: none;
display: inline-block;
vertical-align: middle;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-vote,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-vote {
box-sizing: border-box;
margin: 1em 0 0 0;
}
.cr-search-highlight{
background: linear-gradient(0deg, #FFEB82, #FFEB82), #F9F9F9;
}
.cr-noscroll {
overflow: hidden;
}
.product_meta .cr_gtin_val, .product_meta .cr_mpn_val, .product_meta .cr_brand_val {
display: inline;
}
.cr-reviews-slider .cr-slider-read-more a, .cr-reviews-slider .cr-slider-read-less a {
font-size: 0.8em;
}
.cr-reviews-slider .cr-slider-details{
display:none;
}
.cr-qna-block .cr-qna-search-block {
display: flex;
justify-content: flex-end;
margin-bottom: 30px;
}
.cr-qna-block .cr-qna-list-block {
display: block;
}
.cr-qna-block.cr-qna-new-q-form-open .cr-qna-search-block,
.cr-qna-block.cr-qna-new-q-form-open .cr-qna-list-block {
display: none;
}
.cr-qna-block .cr-qna-search-block .cr-qna-ask-button {
font-size: 16px;
font-weight: 400;
background: #31856C;
border: 0px solid;
border-radius: 0;
min-height: 42px;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
outline-style: none;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 10px;
margin-right: 0px;
padding: 5px 15px;
}
.cr-qna-block .cr-qna-search-block .cr-qna-ask-button:hover {
background: #276A56;
}
.rtl .cr-qna-block .cr-qna-search-block .cr-qna-ask-button {
margin-left: 0px;
margin-right: 10px;
}
.cr-qna-block .cr-qna-list-block div.cr-qna-list-empty {
padding: 30px;
text-align: center;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont {
margin-top: 20px;
margin-bottom: 0;
margin-right: 0;
margin-left: 0;
overflow-wrap: break-word;
word-break: break-word;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-q,
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-a,
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-b {
display: flex;
margin: 0px;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-a,
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-b {
margin-top: 20px;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-q .cr-qna-list-q-q-l {
min-width: 50px;
display: flex;
align-items: center;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-a .cr-qna-list-q-a-l,
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-b .cr-qna-list-q-b-l {
min-width: 50px;
display: flex;
align-items: flex-start;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-icon {
width: 30px;
height: 30px;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-icon circle {
stroke: #31856C;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-icon path {
fill: #31856C;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-v-icon {
width: 16px;
height: 16px;
max-width: 100%;
max-height: 100%;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.rtl .cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-v-icon {
margin-left: 10px;
margin-right: 0px;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-q .cr-qna-list-q-q-r,
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-a .cr-qna-list-q-a-r {
display: block;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-b .cr-qna-list-q-b-r {
padding-bottom: 20px;
border-bottom: solid 2px #F9F9F9;
border-top: solid 0px;
border-right: solid 0px;
border-left: solid 0px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-b .cr-qna-list-q-b-r.cr-qna-list-q-b-r-no-ans {
justify-content: right;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-b.cr-qna-ans-form-open .cr-qna-list-q-b-r {
display: none;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-b .cr-qna-list-inl-answ {
padding-bottom: 20px;
border-bottom: solid 2px #F9F9F9;
border-top: solid 0px;
border-right: solid 0px;
border-left: solid 0px;
width: 100%;
display: none;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-b.cr-qna-ans-form-open .cr-qna-list-inl-answ {
display: block;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-b .cr-qna-list-q-b-r .cr-qna-q-voting {
display: flex;
align-items: center;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-a .cr-qna-list-q-a-r .cr-qna-list-answer {
display: block;
border-left: solid 3px #BCCCD4;
border-top: solid 0px;
border-right: solid 0px;
border-bottom: solid 0px;
padding-left: 16px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 10px;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-a .cr-qna-list-q-a-r .cr-qna-list-answer.cr-qna-list-last {
margin-bottom: 0px;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-q .cr-qna-list-q-q-r .cr-qna-list-question {
font-size: 18px;
font-weight: 600;
line-height: 1.2;
display: block;
color: #203741;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-a .cr-qna-list-q-a-r .cr-qna-list-answer-s {
font-size: 16px;
font-weight: 400;
line-height: 1.2;
display: block;
color: #203741;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-a .cr-qna-list-q-a-r .cr-qna-list-answer-s p {
margin: 0;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-a .cr-qna-list-q-a-r .cr-qna-list-answer-s a {
text-decoration: underline;
color: #6d6d6d;
cursor: pointer;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-q .cr-qna-list-q-q-r .cr-qna-list-q-author,
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-a .cr-qna-list-q-a-r .cr-qna-list-q-author {
font-size: 14px;
font-weight: 400;
line-height: 1.2;
display: block;
color: #276A56;
font-style: italic;
margin-top: 5px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-author .cr-qna-list-q-author-b {
font-weight: 600;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-author-verified {
font-size: 14px;
color: #276A56;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-ans-button {
font-size: 14px;
font-weight: 600;
background: #FFFFFF;
border: 1px solid #BCCCD4;
border-radius: 0;
height: 42px;
color: #276A56;
cursor: pointer;
display: inline-block;
outline-style: none;
padding: 4px 15px;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-ans-button:hover {
border-color: #4D5D64;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-b-r-no-ans .cr-qna-ans-button {
display: none;
}
.cr-qna-block #cr-show-more-q-spinner {
display: block;
margin: 30px auto;
background: url(//evancosmetics.hr/wp-content/plugins/customer-reviews-woocommerce/img/spinner-2x.gif) no-repeat;
background-size: 20px 20px;
width: 20px;
height: 20px;
}
.cr-qna-block .cr-search-no-qna {
margin: 30px auto;
text-align: center;
color: #203741;
}
#reviews.cr-reviews-ajax-reviews p.cr-featured-badge,
.cr-all-reviews-shortcode p.cr-featured-badge {
margin: 0px 0px 10px 0px;
}
#reviews.cr-reviews-ajax-reviews .cr-featured-badge span,
#reviews.cr-reviews-ajax-reviews .cr-all-featured-badge span,
.cr-all-reviews-shortcode .cr-all-featured-badge span {
text-transform: uppercase;
display: inline-block;
font-size: 12px;
-moz-box-shadow: inset 0px 1px 0px 0px #fff6af;
-webkit-box-shadow: inset 0px 1px 0px 0px #fff6af;
box-shadow: inset 0px 1px 0px 0px #fff6af;
background-color: #ffec64;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
text-indent:0;
border: 1px solid #ffaa22;
color: #333333;
font-weight: normal;
font-style: normal;
line-height: 20px;
text-decoration: none;
text-align: center;
text-shadow: 0px 1px 0px #ffee66;
padding: 0px 5px;
}
#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .review .comment-text {
display: block;
border-bottom: 1px solid #e4e1e3;
padding-bottom: 1em;
}
.cr-reviews-ajax-reviews .cr-ajax-reviews-wpml-switch {
text-align: center;
background-color: #F9F9F9;
}
.cr-reviews-ajax-reviews .cr-ajax-reviews-wpml-switch a {
color: #4D5D64;
}
.cr-reviews-ajax-reviews .cr-ajax-reviews-wpml-switch a:hover,
.cr-reviews-ajax-reviews .cr-ajax-reviews-wpml-switch a:active {
color: #0E252C;
}
#review_form .cr-upload-local-images .cr-upload-images-status,
.cr-upload-local-images .cr-upload-images-status {
display: block;
margin: 0px 0px 10px 0px;
padding: 3px 5px;
}
#review_form .cr-upload-local-images #cr_review_image,
.cr-upload-local-images #cr_review_image {
margin: 0px 0px 15px 0px;
width: 100%;
}
#review_form .cr-upload-local-images .cr-upload-images-status.cr-upload-images-status-error,
.cr-upload-local-images .cr-upload-images-status.cr-upload-images-status-error {
background-color: #FF4136;
color: #303030;
}
#review_form .cr-upload-images-preview,
.cr-upload-images-preview {
display: flex;
margin: 0 0 0 0;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers,
.cr-upload-images-preview .cr-upload-images-containers {
width: 75px;
height: 75px;
margin: 0 10px 10px 0;
position: relative;
display: flex;
align-items: center;
justify-content: center;
pointer-events: auto;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers .cr-upload-video-thumbnail,
.cr-upload-images-preview .cr-upload-images-containers .cr-upload-video-thumbnail {
margin: 0;
opacity: 0.3;
padding: 15px;
border: 1px solid #e0e0e0;
fill: #e0e0e0;
border-radius: 2px;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers.cr-upload-delete-pending,
.cr-upload-images-preview .cr-upload-images-containers.cr-upload-delete-pending {
pointer-events: none;
}
#review_form .cr-upload-images-preview .cr-upload-images-thumbnail,
.cr-upload-images-preview .cr-upload-images-thumbnail {
max-width: 100%;
max-height: 100%;
margin: 0 0 0 0;
opacity: 0.3;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers.cr-upload-ok.cr-upload-delete-pending .cr-upload-images-thumbnail,
.cr-upload-images-preview .cr-upload-images-containers.cr-upload-ok.cr-upload-delete-pending .cr-upload-images-thumbnail,
#review_form .cr-upload-images-preview .cr-upload-images-containers.cr-upload-ok.cr-upload-delete-pending .cr-upload-video-thumbnail,
.cr-upload-images-preview .cr-upload-images-containers.cr-upload-ok.cr-upload-delete-pending .cr-upload-video-thumbnail {
opacity: 0.2;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-pbar,
.cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-pbar {
width: 65px;
height: 10px;
margin: 0 5px 0 5px;
padding: 0;
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
background-color: #dddddd;
border-radius: 5px;
}
#review_form .cr-upload-images-preview .cr-upload-images-pbar .cr-upload-images-pbarin,
.cr-upload-images-preview .cr-upload-images-pbarin {
width: 0;
height: 100%;
margin: 0;
padding: 0;
background-color: #4BBE67;
border-radius: 5px;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers.cr-upload-ok .cr-upload-images-thumbnail,
.cr-upload-images-preview .cr-upload-images-containers.cr-upload-ok .cr-upload-images-thumbnail {
opacity: 1;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers.cr-upload-ok .cr-upload-video-thumbnail,
.cr-upload-images-preview .cr-upload-images-containers.cr-upload-ok .cr-upload-video-thumbnail {
opacity: 1;
border-width: 0;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers.cr-upload-ok .cr-upload-images-pbar,
.cr-upload-images-preview .cr-upload-images-containers.cr-upload-ok .cr-upload-images-pbar {
display: none;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-delete,
.cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-delete {
padding: 1px;
position: absolute;
top: 0px;
right: 0px;
width: 20px;
height: 20px;
display: none;
background-color: #e7412c;
border-radius: 10px;
border: 0px solid;
line-height: 0;
cursor: pointer;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-delete:hover,
.cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-delete:hover {
background-color: #db2c1b;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers.cr-upload-ok .cr-upload-images-delete,
.cr-upload-images-preview .cr-upload-images-containers.cr-upload-delete-pending .cr-upload-images-delete {
display: block;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers.cr-upload-ok.cr-upload-delete-pending .cr-upload-images-delete,
.cr-upload-images-preview .cr-upload-images-containers.cr-upload-delete-pending .cr-upload-images-delete {
opacity: 0.2;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-delete svg,
.cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-delete svg {
padding: 0px;
width: 18px;
height: 18px;
font-size: 18px;
line-height: 18px;
display: block;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-delete .cr-no-icon,
.cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-delete .cr-no-icon {
fill: #FFFFFF;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-delete-spinner,
.cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-delete-spinner {
margin: 0;
background: url(//evancosmetics.hr/wp-content/plugins/customer-reviews-woocommerce/img/spinner-2x.gif) no-repeat;
background-size: 20px 20px;
width: 20px;
height: 20px;
display: none;
text-decoration: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#review_form .cr-upload-images-preview .cr-upload-images-containers.cr-upload-delete-pending .cr-upload-images-delete-spinner,
.cr-upload-images-preview .cr-upload-images-containers.cr-upload-delete-pending .cr-upload-images-delete-spinner {
display: block;
}
.cr-reviews-grid {
padding: 20px 0 10px 0;
border-width: 1px;
border-style: solid;
border-color: transparent;
display: block;
border-radius: 5px;
margin: 0;
width: 100%;
}
.cr-reviews-grid-inner {
border-radius: inherit;
display: flex;
}
.cr-reviews-grid-inner .cr-reviews-grid-col {
flex-grow: 1;
width: 0;
}
.cr-reviews-grid-inner .cr-reviews-grid-col.cr-reviews-grid-col-none {
display: none;
}
.cr-reviews-grid-empty {
border-radius: inherit;
display: flex;
padding: 0 10px;
margin: 10px 0;
justify-content: center;
}
.cr-reviews-slider{
padding: 15px 0px;
margin: 0 25px;
opacity: 0;
visibility: hidden;
transition: opacity 1s ease;
-webkit-transition: opacity 1s ease;
}
.cr-reviews-slider.slick-initialized {
visibility: visible;
opacity: 1;
}
.cr-reviews-grid .cr-review-card {
padding: 0 0 0 0;
border-width: 1px;
border-style: solid;
border-color: transparent;
border-radius: 10px;
margin: 0 10px 20px 10px;
max-width: 100%;
overflow: hidden;
visibility: hidden;
display: none;
}
.cr-reviews-grid .cr-reviews-grid-col .cr-review-card {
display: block;
}
.cr-reviews-grid .cr-reviews-grid-inner.cr-colcade-loaded .cr-review-card {
visibility: visible;
}
.cr-reviews-slider .cr-review-card {
box-sizing: border-box;
padding: 0px 10px;
height: 100%;
}
.cr-reviews-slider .cr-review-card .cr-review-card-inner {
margin: 0 auto;
padding: 10px;
border-width: 1px;
border-style: solid;
border-color: transparent;
border-radius: inherit;
display: flex;
flex-direction: column;
height: 100%;
box-sizing: border-box;
}
.cr-reviews-grid .breaker {
display: block;
margin: 5px 0px;
height: 0px;
width: 100%;
}
.cr-reviews-grid .cr-review-card .image-row {
display: block;
width: 100%;
position: relative;
line-height: 0;
}
.cr-reviews-grid .cr-review-card .image-row .image-row-img {
display: block;
max-width: 100%;
height: auto;
border-style: none;
border-radius: 0;
margin: 0 auto;
cursor: pointer;
}
.cr-reviews-grid .cr-review-card .image-row .image-row-vid {
display: block;
max-width: 100%;
height: auto;
border-style: none;
border-radius: 0;
margin: 0 auto;
width: 100%;
object-fit: cover;
cursor: pointer;
}
.cr-reviews-grid .cr-review-card .image-row .image-row-img.image-row-img-none,
.cr-reviews-grid .cr-review-card .image-row .image-row-vid.image-row-vid-none {
display: none;
}
.cr-ajax-reviews-video {
display: block;
position: relative;
line-height: 0;
cursor: pointer;
text-align: center;
}
.cr-review-card-content .cr-comment-videoicon,
.cr-ajax-reviews-video .cr-comment-videoicon {
position: absolute;
top: 50%;
left: 50%;
width: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main .cr-comment-videoicon,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main .cr-comment-videoicon {
max-width: none;
max-height: none;
width: 40px;
}
.cr-review-card-content .cr-vid-playing .cr-comment-videoicon,
.cr-ajax-reviews-video.cr-vid-playing .cr-comment-videoicon {
display: none;
}
.cr-reviews-grid .cr-review-card .image-row .image-row-count,
.cr-reviews-grid .cr-review-card .image-row .media-row-count {
position: absolute;
max-width: 100%;
width: 100%;
height: 60px;
border-style: none;
border-radius: 0;
bottom: 0;
background: #20374199;
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
gap: 5px;
}
.cr-reviews-grid .cr-review-card .image-row.cr-vid-playing .media-row-count {
display: none;
}
.cr-reviews-grid .cr-review-card .top-row {
display: flex;
padding: 16px 0 16px 0;
border-bottom: solid 2px #F4F4F4;
margin: 0 15px 0 15px;
}
.pswp .cr-video-wrapper {
display: flex;
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
align-items: center;
justify-content: center;
}
.cr-reviews-slider .cr-review-card .top-row {
display: flex;
padding: 16px 0 16px 0;
border-bottom: solid 2px #aaaaaa;
margin: 0 10px 0 10px;
}
.cr-reviews-grid .cr-review-card .top-row .rating,
.cr-reviews-slider .cr-review-card .top-row .rating {
flex: 0 0 50%;
}
.cr-reviews-grid .cr-review-card .top-row .reviewer,
.cr-reviews-slider .cr-review-card .top-row .reviewer {
text-align: left;
display: flex;
flex-direction: column;
justify-content: center;
row-gap: 7px;
}
.cr-reviews-grid .cr-review-card .top-row .reviewer .reviewer-verified,
.cr-reviews-slider .cr-review-card .top-row .reviewer .reviewer-verified {
display: flex;
align-items: center;
line-height: 1.2;
font-size: 16px;
}
.cr-reviews-grid .cr-review-card .top-row .rating .datetime,
.cr-reviews-slider .cr-review-card .top-row .rating .datetime {
font-size: 0.9em;
color: #676767;
}
.cr-reviews-grid .cr-review-card .top-row .reviewer .reviewer-name,
.cr-reviews-slider .cr-review-card .top-row .reviewer .reviewer-name {
font-family: sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 1.2;
color: #203741;
display: flex;
align-items: center;
}
.cr-reviews-grid .cr-review-card .top-row .reviewer .reviewer-name .ivole-grid-country-icon,
.cr-reviews-slider .cr-review-card .top-row .reviewer .reviewer-name .ivole-grid-country-icon {
height: 15px;
display: block;
margin: 0 0 0 8px;
border-radius: 3px;
}
.cr-reviews-grid .cr-review-card .top-row .reviewer .reviewer-verified {
font-family: sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 14px;
letter-spacing: 0em;
text-align: left;
color: #18B394;
display: flex;
align-items: center;
margin: 0;
}
.cr-reviews-grid .cr-review-card .top-row .reviewer .reviewer-verified .cr-reviewer-verified,
.cr-reviews-slider .cr-review-card .top-row .reviewer .reviewer-verified .cr-reviewer-verified {
height: 16px;
width: 16px;
display: inline;
vertical-align: middle;
margin: 0 6px 0 0;
}
.rtl .cr-reviews-slider .cr-review-card .top-row .reviewer .reviewer-verified .cr-reviewer-verified {
margin: 0 0 0 6px;
}
.cr-reviews-grid .cr-review-card .middle-row,
.cr-reviews-grid .cr-review-card .cr-incentivized-row {
padding: 16px;
background: #FCFCFC;
border: 1px solid #F9F9F9;
border-radius: 6px;
box-sizing: border-box;
font-family: sans-serif;
font-style: normal;
font-weight: 400;
line-height: 130%;
font-size: 16px;
margin: 0 15px 15px 15px;
}
.cr-reviews-slider .cr-review-card .middle-row,
.cr-reviews-slider .cr-review-card .cr-incentivized-row {
padding: 16px;
background: #FCFCFC;
border: 1px solid #F9F9F9;
border-radius: 6px;
box-sizing: border-box;
font-family: sans-serif;
font-style: normal;
font-weight: 400;
line-height: 130%;
font-size: 16px;
margin: 0 10px 15px 10px;
flex: 1;
}
.cr-reviews-slider .cr-review-card .cr-incentivized-row {
flex: 0;
}
.cr-reviews-grid .cr-review-card .top-row .review-thumbnail,
.cr-reviews-slider .cr-review-card .top-row .review-thumbnail {
flex-basis: 56px;
flex-shrink: 0;
margin-right: 16px;
position: relative;
display: flex;
}
.cr-reviews-grid .cr-review-card .top-row .review-thumbnail img,
.cr-reviews-slider .cr-review-card .top-row .review-thumbnail img {
max-width: 50px;
max-height: 50px;
border-radius: 25px;
}
.cr-reviews-grid .cr-review-card .rating-row {
padding: 17px 0 17px 0;
display: flex;
align-items: center;
margin: 0 15px 0 15px;
line-height: 0;
}
.cr-reviews-slider .cr-review-card .rating-row {
padding: 17px 0 17px 0;
display: flex;
align-items: center;
margin: 0 10px 0 10px;
overflow: hidden;
line-height: 0;
}
.cr-reviews-grid .cr-review-card .rating-row .rating-label,
.cr-reviews-slider .cr-review-card .rating-row .rating-label {
margin: 0 0 0 15px;
font-family: sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0.1em;
text-align: left;
color: #898F92;
}
.rtl .cr-reviews-slider .cr-review-card .rating-row .rating-label {
margin: 0 16px 0 0;
}
.cr-reviews-grid .cr-review-card .middle-row .review-content,
.cr-reviews-slider .cr-review-card .middle-row .review-content {
margin: 0 0 12px 0;
color: #484E51;
}
.cr-reviews-grid .cr-review-card .middle-row .review-content p,
.cr-reviews-slider .cr-review-card .middle-row p {
margin: 0;
}
.cr-reviews-grid .cr-review-card .middle-row .datetime,
.cr-reviews-slider .cr-review-card .middle-row .datetime {
font-weight: 300;
font-size: 14px;
color: #898F92;
}
.cr-reviews-grid .cr-review-card .verified-review-row,
.cr-reviews-slider .cr-review-card .verified-review-row {
margin: 0 0 12px 0;
text-align: left;
font-family: sans-serif;
}
.cr-reviews-grid .cr-review-card .verified-review-row p.ivole-verified-badge,
.cr-reviews-slider .cr-review-card .verified-review-row p.ivole-verified-badge {
margin: 0px;
}
.cr-reviews-grid .cr-review-card .verified-review-row .verified-badge-empty,
.cr-reviews-slider .cr-review-card .verified-review-row .verified-badge-empty {
min-height: 20px;
}
.cr-reviews-grid .cr-review-card .review-product,
.cr-reviews-slider .cr-review-card .review-product {
border-radius: inherit;
display: flex;
padding: 10px;
margin-top: 10px;
line-height: 1;
}
.cr-reviews-slider .cr-review-card .cr-sldr-custom-questions {
border-radius: inherit;
display: block;
padding: 0;
margin: 0 10px 17px 10px;
line-height: 1;
border-top: 1px dashed #aaaaaa;
border-bottom: 1px dashed #aaaaaa;
font-size: 14px;
}
.cr-reviews-grid .cr-review-card .review-product .cr-product-thumbnail,
.cr-reviews-slider .cr-review-card .review-product .cr-product-thumbnail {
flex: 0 0 20%;
}
.cr-reviews-grid .cr-review-card .review-product .cr-product-thumbnail img,
.cr-reviews-slider .cr-review-card .review-product .cr-product-thumbnail img {
width: 50px;
height: 50px;
max-width: none;
max-height: none;
min-width: auto;
}
.cr-reviews-grid .cr-review-card .review-product .product-title,
.cr-reviews-slider .cr-review-card .review-product .product-title {
margin: auto 0;
padding-left: 5px;
font-family: Helvetica;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 21px;
letter-spacing: 0em;
text-align: left;
color: #203741;
}
.rtl .cr-reviews-slider .cr-review-card .review-product .product-title {
padding-left: 0;
padding-right: 5px;
}
p.ivole-verified-badge {
font-size: 12px;
vertical-align:middle;
}
span.ivole-verified-badge-text {
vertical-align:middle;
}
.woocommerce #content div.product #reviews .comment img.ivole-verified-badge-icon,
.woocommerce div.product #reviews .comment img.ivole-verified-badge-icon,
.woocommerce-page #content div.product #reviews .comment img.ivole-verified-badge-icon,
.woocommerce-page div.product #reviews .comment img.ivole-verified-badge-icon,
#reviews p.ivole-verified-badge img.ivole-verified-badge-icon,
p.ivole-verified-badge img.ivole-verified-badge-icon,
#reviews img.ivole-verified-badge-icon,
img.ivole-verified-badge-icon {
float: none;
height: 20px;
width: 17px;
vertical-align:middle;
margin: 0px 5px 0px 0px;
display: inline;
border-radius: 0;
}
.woocommerce #content div.product #reviews .comment img.ivole-verified-badge-ext-icon,
.woocommerce div.product #reviews .comment img.ivole-verified-badge-ext-icon,
.woocommerce-page #content div.product #reviews .comment img.ivole-verified-badge-ext-icon,
.woocommerce-page div.product #reviews .comment img.ivole-verified-badge-ext-icon,
#reviews p.ivole-verified-badge img.ivole-verified-badge-ext-icon,
p.ivole-verified-badge img.ivole-verified-badge-ext-icon,
#reviews img.ivole-verified-badge-ext-icon,
img.ivole-verified-badge-ext-icon {
float: none;
height: 11px;
width: 11px;
vertical-align:middle;
margin: 0px 0px 0px 5px;
display: inline;
border-radius: 0;
}
.cr-reviews-slider .cr-review-card .cr-sldr-custom-question {
display: flex;
align-items: center;
margin: 15px 0;
column-gap: 10px;
}
.cr-reviews-slider .cr-review-card .cr-sldr-custom-question.cr-sldr-checkbox {
flex-direction: column;
align-items: flex-start;
}
.cr-reviews-slider .cr-review-card .cr-sldr-custom-question .cr-sldr-p {
margin: 0;
}
.cr-reviews-slider .cr-review-card .cr-sldr-custom-question.cr-sldr-checkbox .cr-sldr-p {
margin-bottom: 7px;
}
.cr-reviews-slider .cr-review-card .cr-sldr-custom-question.cr-sldr-checkbox ul {
margin: 0 0 0 25px;
}
.cr-reviews-slider .cr-review-card .cr-sldr-custom-question .cr-sldr-label {
font-weight: 550;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
font-display: swap;
src: url(//evancosmetics.hr/wp-content/plugins/customer-reviews-woocommerce/fonts/slick.eot);
src: url(//evancosmetics.hr/wp-content/plugins/customer-reviews-woocommerce/fonts/slick.eot?#iefix) format('embedded-opentype'), url(//evancosmetics.hr/wp-content/plugins/customer-reviews-woocommerce/fonts/slick.woff) format('woff'), url(//evancosmetics.hr/wp-content/plugins/customer-reviews-woocommerce/fonts/slick.ttf) format('truetype'), url(//evancosmetics.hr/wp-content/plugins/customer-reviews-woocommerce/fonts/slick.svg#slick) format('svg');
}
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.cr-reviews-slider .slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
opacity: 1;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.cr-reviews-slider.slick-slider .slick-track {
display: flex;
}
.cr-reviews-slider.slick-slider .slick-slide {
height: inherit;
}
.cr-reviews-slider.slick-slider .slick-slide > div {
height: 100%;
}
.cr-ajax-reviews-cus-images-slider-nav.cr-reviews-slider.slick-slider .slick-slide > div {
line-height: 0;
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.cr-reviews-slider .slick-arrow.slick-prev,
.cr-reviews-slider .slick-arrow.slick-next,
.cr-ajax-reviews-cus-images-modal .cr-reviews-slider.cr-ajax-reviews-cus-images-slider-nav .slick-prev,
.cr-ajax-reviews-cus-images-modal .cr-reviews-slider.cr-ajax-reviews-cus-images-slider-nav .slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.cr-reviews-slider .slick-arrow.slick-prev:not(:hover),
.cr-reviews-slider .slick-arrow.slick-next:not(:hover) {
background: transparent;
}
.cr-reviews-slider .slick-prev:hover,
.cr-reviews-slider .slick-prev:focus,
.cr-reviews-slider .slick-next:hover,
.cr-reviews-slider .slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.cr-reviews-slider .slick-prev:hover:before,
.cr-reviews-slider .slick-prev:focus:before,
.cr-reviews-slider .slick-next:hover:before,
.cr-reviews-slider .slick-next:focus:before
{
opacity: 1;
}
.cr-reviews-slider .slick-prev.slick-disabled:before,
.cr-reviews-slider .slick-next.slick-disabled:before
{
opacity: .25;
}
.cr-reviews-slider .slick-prev:before,
.cr-reviews-slider .slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color:grey;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cr-reviews-slider.slick-slider .slick-prev
{
left: -25px;
}
[dir='rtl'] .cr-reviews-slider .slick-prev
{
right: -25px;
left: auto;
}
.cr-reviews-slider .slick-prev:before
{
content: '←';
}
[dir='rtl'] .cr-reviews-slider .slick-prev:before
{
content: '→';
}
.cr-reviews-slider.slick-slider .slick-next
{
right: -25px;
}
[dir='rtl'] .cr-reviews-slider .slick-next
{
right: auto;
left: -25px;
}
.cr-reviews-slider .slick-next:before
{
content: '→';
}
[dir='rtl'] .cr-reviews-slider .slick-next:before
{
content: '←';
}
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.cr-reviews-slider .slick-dots,
.cr-ajax-reviews-cus-images-modal .cr-reviews-slider .slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
border: none;
}
.cr-reviews-slider .slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
#reviews.cr-reviews-ajax-reviews div.cr-ajax-reviews-cus-images-modal div.cr-ajax-reviews-cus-images-slider-nav .slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.cr-reviews-slider .slick-dots li button,
.cr-ajax-reviews-cus-images-modal .cr-reviews-slider .slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.cr-reviews-slider .slick-dots li button:not(:hover),
.cr-ajax-reviews-cus-images-modal .cr-reviews-slider .slick-dots li button:not(:hover) {
background: transparent;
}
.cr-reviews-slider .slick-dots li button:hover,
.cr-reviews-slider .slick-dots li button:focus
{
outline: none;
}
.cr-reviews-slider .slick-dots li button:hover:before,
.cr-reviews-slider .slick-dots li button:focus:before
{
opacity: 1;
}
.cr-reviews-slider .slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cr-reviews-slider .slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
.cr-qna-separator {
display: inline;
margin: 0 6px;
}
.cr-all-reviews-pagination {
text-align: center;
font-size: 15px;
}
.cr-all-reviews-pagination.cr-pagination-load {
pointer-events: none;
}
.cr-all-reviews-pagination .cr-page-numbers-a {
cursor: pointer;
}
.cr-all-reviews-pagination .cr-page-numbers-a.next,
.cr-all-reviews-pagination .cr-page-numbers-a.prev {
text-decoration: none;
}
.cr-all-reviews-pagination .cr-page-numbers.current {
font-weight: bold;
}
@media all and (max-width: 700px) {
#reviews.cr-reviews-ajax-reviews div.cr-ajax-reviews-cus-images-modal div.cr-ajax-reviews-slide-main-flex,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-slide-main-flex {
flex-direction: column;
}
#reviews.cr-reviews-ajax-reviews div.cr-ajax-reviews-cus-images-modal div.cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main-comment {
width: 100%;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
max-width: 400px;
margin: 0 auto;
}
#reviews.cr-reviews-ajax-reviews div.cr-ajax-reviews-cus-images-modal {
overflow-y: scroll;
}
}
@media all and (max-width: 600px) {
#reviews.cr-reviews-ajax-reviews div.cr-ajax-reviews-cus-images-modal {
width: 100%;
height: 100%;
left: 0px;
margin-left: 0px;
margin-top: 0px;
top: 0px;
max-width: 100%;
max-height: 100%;
}
#reviews.cr-reviews-ajax-reviews div.cr-ajax-reviews-cus-images-modal div.cr-ajax-reviews-cus-images-slider-nav div.cr-ajax-reviews-slide-nav img {
width: 80px;
}
}
@media all and (max-width: 415px) {
#reviews.cr-reviews-ajax-reviews div.cr-ajax-reviews-cus-images-modal div.cr-ajax-reviews-cus-images-slider-nav div.cr-ajax-reviews-slide-nav img {
width: 60px;
}
.cr-qna-block .cr-qna-search-block {
flex-wrap: wrap;
}
.cr-qna-block .cr-qna-search-block div {
width: 100%;
}
.cr-qna-block .cr-qna-search-block button.cr-qna-ask-button {
width: 100%;
margin-top: 10px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}
.cr-all-reviews-shortcode ol.commentlist li .comment-text .cr-rating-product-name {
flex-direction: column;
align-items: flex-start;
}
}
@media all and (max-width: 370px) {
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-b .cr-qna-list-q-b-r {
display: block;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-b .cr-qna-list-q-b-r .cr-qna-q-voting {
margin-top: 15px;
}
}
@media only screen and (max-width: 800px) {
.cr-reviews-grid-inner .cr-reviews-grid-col3 {
display: none;
}
}
@media only screen and (max-width: 550px) {
.cr-reviews-grid-inner .cr-reviews-grid-col2 {
display: none;
}
}.cr-trustbadgef, .cr-trustbadgea {
max-width: 100%;
overflow: hidden;
}
.cr-trustbadgef .cr-trustbadge-border {border: 1px solid #A3D8CD;}
.cr-trustbadgef .cr-trustbadge-border.badge_color_dark {border: 1px solid #8B8B8B;}
#cr_floatingtrustbadge {position: fixed; box-sizing: border-box; right: 0px; bottom: 0px; width: 135px; border-radius: 15px; display: block; overflow: hidden; margin: 30px; filter: drop-shadow(0px 4px 54px rgba(0, 0, 0, 0.25)); z-index: 99999; cursor: pointer;}
#cr_floatingtrustbadge.cr-floatingbadge-big {position: fixed; box-sizing: border-box; right: 0px; bottom: 0px; width: 256px; border-radius: 15px; display: block; overflow: hidden; margin: 0 30px 30px 0; filter: drop-shadow(0px 4px 54px rgba(0, 0, 0, 0.25)); z-index: 99999; cursor: auto;}
#cr_floatingtrustbadge {border: 1px solid;}
#cr_floatingtrustbadge .cr-floatingbadge-background {position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
#cr_floatingtrustbadge .cr-floatingbadge-background div {width: 100%;}
#cr_floatingtrustbadge .cr-floatingbadge-background .cr-floatingbadge-background-top {height: 115px;}
#cr_floatingtrustbadge.cr-floatingbadge-big .cr-floatingbadge-background .cr-floatingbadge-background-top {height: 155px;}
#cr_floatingtrustbadge .cr-floatingbadge-background .cr-floatingbadge-background-middle {height: 31px;}
#cr_floatingtrustbadge.cr-floatingbadge-big .cr-floatingbadge-background .cr-floatingbadge-background-middle {height: 179px;}
#cr_floatingtrustbadge .cr-floatingbadge-background .cr-floatingbadge-background-bottom {height: 27px;}
#cr_floatingtrustbadge.cr-floatingbadge-big .cr-floatingbadge-background .cr-floatingbadge-background-bottom {height: 43px; border-top: 1px solid; border-left: 0px; border-right: 0px; border-bottom: 0px;}
#cr_floatingtrustbadge .cr-floatingbadge-top {position: relative; height: 92px; display: block;}
#cr_floatingtrustbadge.cr-floatingbadge-big .cr-floatingbadge-top {position: relative; height: 124px; display: block;}
#cr_floatingtrustbadge .cr-floatingbadge-top svg {position: absolute; left: 50%; top: 14px; margin-left: -35px;}
#cr_floatingtrustbadge.cr-floatingbadge-big .cr-floatingbadge-top svg {position: absolute; width: 84px; height: 79px; left: 50%; top: 28px; margin-left: -42px;}
#cr_floatingtrustbadge img {margin: 0; width: 100%; position: relative; border: 0; display: block;}
#cr_floatingtrustbadge .cr-floatingbadge-top .cr-floatingbadge-close {position: absolute; top: 5px; right: 5px; width: 20px; height: 20px; cursor: pointer;}
#cr_floatingtrustbadge .cr-floatingbadge-top .cr-floatingbadge-close svg {position: absolute; width: 16px; height: 16px; margin: 2px; top: 0; left: 0; display: block;}
#cr_floatingtrustbadge .cr-floatingbadge-top .cr-floatingbadge-close svg {fill: #F8942D;}
#cr_floatingtrustbadge.cr-floatingbadge-big .cr-floatingbadge-top .cr-floatingbadge-close svg {fill: #FFFFFF;}
#cr_floatingtrustbadge .cr-floatingbadge-top svg {width: 70px; height:65px;}
.cr-badge {
display: inline-block;
padding: 40px;
font-family: 'Open Sans', sans-serif;
font-size: 0;
color: #1F1F1F;
line-height: normal;
position: relative;
text-align: left;
text-decoration:none;
box-sizing: border-box;
transform-origin: left;
visibility: hidden;
}
.cr-badge .badge__nowrap {
white-space: nowrap;
}
.cr-badge .badge__nowrap-inline {
display: inline-block;
white-space: nowrap;
}
.cr-badge .badge__store {
font-size: 24px;
font-weight: bold;
margin-bottom: 12px;
white-space: nowrap;
}
.cr-badge .badge__stars {
display: inline-block;
margin-bottom: 14px;
margin-right: 24px;
}
.cr-badge .badge__star {
display: inline-block;
position: relative;
width: 36px;
height: 36px;
margin-right: 3px;
background-size: cover;
}
.cr-badge .badge-vs .badge__star {
display: block;
}
.cr-badge .badge__star-icon {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
}
.cr-badge .badge__star-icon_type_empty {
background-image: url(//evancosmetics.hr/wp-content/plugins/customer-reviews-woocommerce/img/small-star-empty-light.png);
}
.cr-badge .badge__star-icon_type_fill {
background-image: url(//evancosmetics.hr/wp-content/plugins/customer-reviews-woocommerce/img/small-star-full.png);
}
.cr-badge .verified {
display: inline-block;
vertical-align: middle;
background: rgba(23, 157, 130, 0.1);
height: 36px;
border-radius: 19px;
padding: 0 16px;
}
.cr-badge.badge_size_small .verified {
vertical-align: top;
}
.cr-badge .verified__logo {
display: inline-block;
width: 32px;
height: 32px;
background-image: url(//evancosmetics.hr/wp-content/plugins/customer-reviews-woocommerce/img/logo.svg);
background-size: cover;
position: relative;
top: 2px;
left: -6px;
margin-right: 2px;
}
.cr-badge .verified__text {
display: inline-block;
line-height: 36px;
vertical-align: top;
font-size: 18px;
font-weight: 600;
}
.cr-badge .rating {
font-size: 17px;
white-space: nowrap;
}
.cr-badge.badge_size_wide .rating {
font-size: 16px;
}
.cr-badge rating__store {
font-weight: 600;
}
.cr-badge .rating__product b {
font-weight: 600;
}
.cr-badge.badge_color_dark {
color: #fff;
}
.cr-badge.badge_color_dark .badge__star-icon_type_empty {
background-image: url(//evancosmetics.hr/wp-content/plugins/customer-reviews-woocommerce/img/small-star-empty-dark.png);
}
.cr-badge.badge_color_dark .verified {
background: rgba(255, 255, 255, 0.25);
}
.cr-badge.badge_size_wide {
padding: 20px;
color: #6c6c6c;
}
.cr-badge.badge_size_wide .badge__store {
font-size: 28px;
margin-bottom: 24px;
}
.cr-badge .badge__info {
position: relative;
}
.cr-badge .badge__logo {
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 60px;
background-image: url(//evancosmetics.hr/wp-content/plugins/customer-reviews-woocommerce/img/logo.svg);
background-size: contain;
background-repeat: no-repeat;
}
.cr-badge .badge__reviews {
font-size: 16px;
padding-left: 70px;
padding-top: 15px;
}
.cr-badge.badge_size_wide .verified {
font-size: 16px;
padding-left: 70px;
height: 20px;
background: transparent;
}
.cr-badge.badge_size_wide .badge__stars {
margin-bottom: 0;
margin-right: 10px;
margin-left: 20px;
margin-top: 0;
vertical-align: middle;
}
.cr-badge.badge_size_wide .badge__star {
width: 20px;
height: 20px;
}
.cr-badge.badge_size_wide .badge__star-icon_type_empty {
background-image: url(//evancosmetics.hr/wp-content/plugins/customer-reviews-woocommerce/img/wide-star-empty-light.png);
}
.cr-badge.badge_size_wide .badge__star-icon_type_fill {
background-image: url(//evancosmetics.hr/wp-content/plugins/customer-reviews-woocommerce/img/wide-star-full-light.png);
}
.cr-badge.badge_color_dark.badge_size_wide .badge__star-icon_type_fill {
background-image: url(//evancosmetics.hr/wp-content/plugins/customer-reviews-woocommerce/img/wide-star-full-dark.png);
}
.cr-badge.badge_color_dark.badge_size_wide .badge__star-icon_type_empty {
background-image: url(//evancosmetics.hr/wp-content/plugins/customer-reviews-woocommerce/img/wide-star-empty-dark.png);
}
.cr-badge.badge_size_wide .rating {
display: inline-block;
padding-top: 0;
vertical-align: middle;
margin-top: 0;
height: 18px;
}
.cr-badge.badge_size_wide.badge_color_dark {
color: #fff;
}
.cr-badge.badge_target_mobile {
position: relative;
padding: 0;
margin: 20px;
}
.cr-badge.badge_target_mobile .badge__logo {
top: 41px;
left: 4px;
width: 32px;
height: 32px;
}
.cr-badge.badge_target_mobile .badge__store {
font-size: 24px;
margin-bottom: 0;
padding-left: 2px;
}
.cr-badge.badge_target_mobile .badge__reviews,
.cr-badge.badge_target_mobile .verified {
padding-left: 48px;
display: block;
}
.cr-badge.badge_target_mobile .badge__stars {
padding-left: 2px;
margin-left: 0;
margin-top: 0;
}
.cr-badge.badge_target_mobile .rating {
font-size: 15px;
margin-top: 2px;
}
.cr-badge.badge_size_wide .rating b {
display: inline-block;
margin-left: 8px;
}
.cr-badge.badge_size_small {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.cr-badge .badge__link, .cr-badge__wrap .badge__link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
} .cr-badge__wrap {
display: inline-block;
position: relative;
}
.cr-badge.badge-vs {
position: relative;
color: #4d4d4d;
padding: 20px;
display: inline-block;
flex-flow: row nowrap;
text-align: left;
font-family: sans-serif;
border-radius: 15px;
}
.cr-badge.badge-vs .cr-badge-vs-flex {
display: flex;
flex-direction: row;
}
.cr-badge.badge-vs .badge__store {
font-size: 25px;
font-weight: 500;
margin-bottom: 5px;
line-height: 1.2;
max-width: 500px;
text-overflow: ellipsis;
overflow: hidden;
}
.cr-badge.badge-vs .badge__logo {
background-image: url(//evancosmetics.hr/wp-content/plugins/customer-reviews-woocommerce/img/logo-vs.svg);
height: 80px;
width: 80px;
position: relative;
display: inline-block;
margin-right: 20px;
flex: 0 0 auto;
}
.cr-badge.badge-vs .badge__details {
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.cr-badge.badge-vs .badge__rating-container {
display: flex;
flex-flow: column nowrap;
justify-content: space-evenly;
font-family: sans-serif;
font-weight: normal;
}
.cr-badge.badge-vs .badge__rating-line {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.cr-badge.badge-vs .badge__stars {
margin: 0;
padding: 0;
display: flex;
align-items: center;
}
.cr-badge.badge-vs .badge__star {
width: 15px;
height: 15px;
border-spacing: 0;
display: flex;
}
.cr-badge.badge-vs .badge__star-icon--empty {
background-image: url(//evancosmetics.hr/wp-content/plugins/customer-reviews-woocommerce/img/star-stroke.svg);
background-position: left;
border-spacing: 0;
}
.cr-badge.badge-vs .badge__star-icon--fill {
background-image: url(//evancosmetics.hr/wp-content/plugins/customer-reviews-woocommerce/img/star-fill.svg);
background-position: left;
border-spacing: 0;
}
.cr-badge.badge-vs .badge__rating.rating {
font-size: 14px;
line-height: 1.5;
justify-content: space-between;
display: flex;
flex: 1 1 0;
margin: -1px 0 0;
padding: 0;
height: 20px;
}
.cr-badge.badge-vs .badge__rating.rating span:last-child {
padding-left: 25px;
font-weight: bold;
}
.cr-badge .badge__rating + .badge__stars {
margin-left: 15px;
}
.cr-badge.badge-vs .badge__reviews {
border-radius: 30px;
background-color: #F2F2F2;
display: block;
font-size: 18px;
line-height: 1;
padding: 6px 25px 5px;
margin-left: 15px;
border: 1px solid #DFDFDF99;
}
.cr-badge.badge-vs.badge_color_dark {
color: #e5e5e5;
border-color: transparent;
}
.cr-badge.badge-vs.badge_color_dark .badge__reviews {
background-color: #24242499;
border-color: transparent;
}
.badge_size_compact.cr-badge,
.badge--wide-mobile.cr-badge {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
font-family: sans-serif;
}
.badge_size_compact.cr-badge,
.badge--wide-mobile.cr-badge {
display: block;
flex-direction: column;
visibility: visible;
}
.badge_size_compact.cr-badge .badge__verified,
.badge--wide-mobile.cr-badge .badge__verified {
font-size: 10px;
font-weight: 700;
color: #4c4c4c;
text-align: center;
margin-bottom: 5px;
margin-top: 5px;
}
.badge--wide-mobile.cr-badge .badge__verified {
font-size: 16px;
color: #fff;
margin-bottom: 13px;
}
.badge--wide-mobile.cr-badge .badge__store {
min-height: 50px;
margin-bottom: 15px;
color: #4d4d4d;
font-size: 28px;
font-weight: 700;
line-height: 30px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
}
.badge--wide-mobile.cr-badge .badge__store span {
min-width: 234px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
}
.cr-badge.badge_size_compact .badge__middle,
.cr-badge.badge--wide-mobile .badge__middle {
padding: 10px 0 9px;
}
.cr-badge.badge_size_compact .badge__stars,
.cr-badge.badge--wide-mobile .badge__stars {
display: flex;
justify-content: center;
width: 100%;
margin: 0;
}
.cr-badge.badge_size_compact .badge__star,
.cr-badge.badge--wide-mobile .badge__star {
position: relative;
width: 14px;
height: 13px;
margin: 0 2px;
color: #fff;
}
.cr-badge.badge_size_compact .badge__star svg,
.cr-badge.badge--wide-mobile .badge__star svg {
display: block;
}
.cr-badge.badge_size_compact .badge__star-fill-container,
.cr-badge.badge--wide-mobile .badge__star-fill-container {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 14px;
height: 13px;
}
.rtl .cr-badge.badge_size_compact .badge__star-fill-container,
.rtl .cr-badge.badge--wide-mobile .badge__star-fill-container {
left: auto;
right: 0;
}
.cr-badge.badge_size_compact .badge__star-fill-container svg,
.cr-badge.badge--wide-mobile .badge__star-fill-container svg {
height: 13px;
}
.cr-badge.badge_size_compact .badge__rating,
.cr-badge.badge--wide-mobile .badge__rating {
font-size: 12px;
text-align: center;
color: #4c4c4c;
}
.cr-badge.badge_size_compact .badge__rating b,
.cr-badge.badge--wide-mobile .badge__rating b  {
margin-left: 8px;
}
.cr-badge.badge_size_compact .badge__reviews,
.cr-badge.badge--wide-mobile .badge__reviews {
padding: 8px 0 6px;
font-size: 10px;
text-align: center;
border-radius: 0 0 15px 15px;
color: #4d4d4d;
}
.cr-badge.badge--wide-mobile .badge__middle {
padding-top: 0px;
padding-bottom: 20px;
background-color: transparent;
}
.cr-badge.badge--wide-mobile .badge__stars {
margin-bottom: 5px;
}
.cr-badge.badge--wide-mobile .badge__star {
color: #f8942d;
}
.cr-badge.badge--wide-mobile .badge__reviews {
font-size: 13px;
border-top: 1px solid transparent;
min-height: 37px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
.cr-badge.badge--wide-mobile .mb21 {
margin-bottom: 21px;
}
.cr-badge.badge_size_compact.badge_color_dark .badge__middle,
.cr-badge.badge--wide-mobile.badge_color_dark .badge__middle {
border: none;
box-sizing: border-box;
}
.cr-badge.badge_size_compact.badge_color_dark .badge__star,
.cr-badge.badge--wide-mobile.badge_color_dark .badge__star {
color: #f8942d;
}
.cr-badge.badge_size_compact.badge_color_dark .badge__reviews,
.cr-badge.badge--wide-mobile.badge_color_dark .badge__reviews {
border: none;
}
.cr-badge.badge_size_compact.badge_color_dark .badge__verified,
.cr-badge.badge--wide-mobile.badge_color_dark .badge__verified,
.cr-badge.badge_size_compact.badge_color_dark .badge__reviews,
.cr-badge.badge--wide-mobile.badge_color_dark .badge__reviews,
.cr-badge.badge_size_compact.badge_color_dark .badge__rating,
.cr-badge.badge--wide-mobile.badge_color_dark .badge__rating,
.cr-badge.badge_size_compact.badge_color_dark .badge__store,
.cr-badge.badge--wide-mobile.badge_color_dark .badge__store {
color: #e5e5e5;
}
.cr-placeholder-tb {
background-color: #FAFAFA;
width: 100%;
padding: 20px;
}
.cr-placeholder-tb .cr-placeholder-tb-fr {
width: 50%;
height: 40px;
margin: 0 0 20px 0;
background-color: #DCDEE2;
animation: cr-placeholder-load 3s infinite;
}
.cr-placeholder-tb .cr-placeholder-tb-sr {
width: 100%;
height: 60px;
background-color: #DCDEE2;
animation: cr-placeholder-load 3s infinite;
}
@media all and (max-width: 600px) {
#cr_floatingtrustbadge, #cr_floatingtrustbadge.cr-floatingbadge-big {display: none;}
}
@keyframes cr-placeholder-load {
0% {
background-color: #DCDEE2;
}
50% {
background-color: #ededed;
}
100% {
background-color: #DCDEE2;
}
}#wps_wpr_loader,.wps_wpr_popup_wrapper{height:100%;width:100%;top:0;bottom:0;left:0;right:0}button#wps_cart_points_apply,input#wps_cart_points{min-height:30px;font-size:16px;vertical-align:middle;float:unset}#wps_wpr_loader{background-color:rgba(255,255,255,.6);position:fixed;z-index:99999}.wps_wpr_heading{margin-bottom:10px!important;padding:0;font-size:20px;font-weight:700;clear:both}#wps_wpr_loader img{display:block;left:0;margin:0 auto;position:absolute;right:0;top:40%}#wps_wpr_membership .wps_rwpr_settings_display_none,.wps_rwpr_settings_display_none,.wps_wpr_wheel_icon_main audio,span.wps_wpr_all_referral_view{display:none}.wps_rwpr_settings_display_none_notice{display:none!important}.wps_account_wrapper .input-number{width:48%;padding:5px}.wps_account_wrapper .wps_wpr_custom_coupon.button{width:48%;margin-right:0}.comment-wps-wpr-points-signup{text-align:center;color:green}.comment-wps-wpr-points-comment,.wps_wpr_upgrade_level{color:green}.wps_wpr_wrapper_button a,span.wps_wpr_all_referral_name,span.wps_wpr_all_referral_name:hover~span.wps_wpr_all_referral_view,span.wps_wpr_all_referral_view:hover{display:inline-block}.wps_wpr_wrapper_button a img{max-height:28px;max-width:28px;transition:transform .3s}.wps_wpr_wrapper_button a:hover img{transform:scale(1.1)}.wps_wpr_wrapper_button .google{line-height:1px;display:inline-block;vertical-align:top}.wps_wpr_wrapper_button .wps_wpr_common_class{display:inline-block;margin:0 10px 0 0}a.wps_wpr_whatsapp_share{margin:0 10px 0 0}.wps_wpr_btn_copy,.wps_wpr_btn_copy:active,.wps_wpr_btn_copy:focus,.wps_wpr_btn_copy:hover{background:rgba(0,0,0,0)}.wps_wpr_wrapper_button .wps_wpr_mail_button .wps_wpr_common_class{margin-left:12px}.button-primary.woocommerce-save-button.wps_wpr_save_changes{background:#ebe9eb;color:#515151;float:right}.button-primary.woocommerce-save-button.wps_wpr_save_changes:hover{background:#dad8da}.wps_wpr_enter_some_points>input{width:50%!important}.wps_wpr_enter_some_points{padding-bottom:15px}.wps_wpr_popup_thumbnail_section .wps_wpr_popup_cat .wps_wpr_cat_wrapper{display:inline-block;margin:0 8px;width:21.777%;text-align:center;vertical-align:top}@media screen and (max-width:768px){.wps_account_wrapper .input-number,.wps_account_wrapper .wps_wpr_custom_coupon.button{width:50%}.wps_wpr_popup_thumbnail_section .wps_wpr_popup_cat .wps_wpr_cat_wrapper{width:21.5%}}.points_log{overflow-x:auto}.wps_wpr_cat_wrapper{display:inline-block;margin:0 8px}.wps_wpr_cat_wrapper .wps_wpr_cat_list,.wps_wpr_popup_content_section .wps_wpr_popup_thumbnail_section .wps_wpr_thumbnail_product_name{display:block;margin-top:5px}#wps_wpr_heading_id{margin-bottom:0;text-align:right}.wps_wpr_tick,.wps_wpr_view_log{float:right}.wps_wpr_each_section>#wps_wpr_membership::after,.wps_wpr_popup_thumbnail_section::after,.wps_wpr_refrral_code_copy::after{clear:both;content:"";display:block}.wps_wpr_btn_copy{float:left;padding:6px}#wps_wpr_copy{float:left;width:calc(100% - 44px)}#wps_wpr_copy code{background:#ebe9eb;display:block;padding:0 3px;word-break:break-all}.wps_wpr_message{font-size:14px}.wps_wpr_membership_with_img thead{display:table-header-group!important}.wps_wpr_membership_with_img td,.wps_wpr_membership_with_img th{display:table-cell!important}.wps_wpr_membership_with_img tr{display:table-row!important}.wps_wpr_membership_with_img tr td:before{content:""!important}.wps_tooltip{position:relative;display:inline-block}.wps_account_wrapper .wps_tooltip .wps_tooltiptext{background-color:#000;border-radius:6px;bottom:-30px;color:#fff;font-size:11px;left:-19px;padding:5px 0;position:absolute;text-align:center;visibility:hidden;width:80px;z-index:1}.wps_account_wrapper .wps_tooltip .wps_tooltiptext::after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #000}.wps_tooltip:hover .wps_tooltiptext{visibility:visible}.wps_wpr_popup_wrapper{background-color:rgba(0,0,0,.41);position:fixed;z-index:2147483646}.wps_wpr_popup_content_section{background:#fff;border-bottom:5px solid #7f527d;border-radius:5px;bottom:0;box-shadow:0 5px 15px rgba(0,0,0,.5);left:0;margin:0 auto;max-width:600px;overflow-wrap:break-word;overflow-y:auto;position:relative;top:50%;transform:translateY(-50%);width:95%;z-index:9}#wps_wpr_order_notice,.wps_wpr_product_point{position:relative;background-color:#55b3a5;font-family:Montserrat}.wps_wpr_intro_text{width:calc(100% - 80px)}.wps_wpr_close{text-align:right;width:60px}.wps_wpr_close>a{box-shadow:none!important;float:right;text-decoration:none}.wps_wpr_popup_notice_section span{display:inline-block;vertical-align:top}.wps_wpr_close img{border-radius:50%;width:30px}.wps_wpr_popup_content_section .wps_wpr_popup_content .wps_wpr_popup_notice_section{background:#7f527d;border-top-left-radius:5px;border-top-right-radius:5px;color:#fff;padding:10px;display:flex;justify-content:space-between;gap:10px}.wps_wpr_popup_content_section .wps_wpr_popup_content .wps_wpr_popup_notice_section>p{margin:0;font-size:16px;display:block;flex:1}.wps_wpr_popup_thumbnail_section{padding:10px;max-height:333px;overflow-y:auto}.wps_wpr_avada_wrap .custom_point_checkout.woocommerce-info,.wps_wpr_popup_thumbnail_section ul{margin:0;padding:0}.wps_wpr_popup_thumbnail_section ul li{display:inline-block;list-style:none;margin-bottom:10px;text-align:center;width:137px}.wps_wpr_popup_thumbnail_section ul li a{text-decoration:none;color:#ddd}.wps_wpr_popup_thumbnail_section .wps_wpr_thumbnail_img_wrap{display:block;max-width:100%}.wps_wpr_thumbnail_price_wrap{color:#7f527d;display:inline-block;font-size:15px;margin-top:5px}.wps_wpr_popup_thumbnail_section .wps_wpr_thumbnail_img_wrap img{max-width:100%}.wps_wpr_popup_content .wps_wpr_popup_thumbnail_section+p.wps_wpr_mems_rewards{padding:10px 10px 30px;text-align:center;margin:0;font-weight:700}.wps_wpr_membership_with_img-wrap{overflow:auto}.wps_wpr_cat_list{border:1px solid #7f527d;border-radius:5px;color:#7f527d;display:inline-block;margin-bottom:5px;padding:5px 10px;text-decoration:none;transition:.3s linear}.wps_wpr_cat_list:hover{background:#7f527d;color:#fff;transition:.3s}@media screen and (max-width:600px) and (min-width:320px){.points_log table.shop_table.my_account_points.account-points-table thead th{width:100px}#points_form .wps_wpr_custom_coupon.button,#wps_custom_point_num{width:100%}.wps_wpr_popup_thumbnail_section .wps_wpr_popup_cat .wps_wpr_cat_wrapper{width:29%}}@media screen and (max-width:768px) and (min-width:320px){.wps_wpr_table_view_log thead{display:table-header-group!important}.wps_wpr_table_view_log td{padding-left:6px 25px!important;display:table-cell!important}.wps_wpr_table_view_log td:before{content:""!important}.wps_wpr_table_view_log tr{display:table-row!important}.woocommerce-MyAccount-points.wps_wpr_table_view_log tbody tr td{text-align:left!important}#points_form .wps_wpr_custom_coupon.button{margin-top:10px}}@media screen and (max-width:500px){.wps_wpr_popup_thumbnail_section .wps_wpr_popup_cat .wps_wpr_cat_wrapper{width:28%;font-size:14px}}@media screen and (max-width:387px) and (min-width:320px){#wps_wpr_upgrade_level{float:none;margin-top:10px;font-size:12px}.wps_wpr_popup_thumbnail_section .wps_wpr_popup_cat .wps_wpr_cat_wrapper{margin:10px 8px;width:42.777%}}.points_log,.wps_wpr_each_section,.wps_wpr_membership_with_img{border:1px solid #d1d1d1!important;margin-bottom:30px!important;padding:20px;box-shadow:0 0 10px -1px #d1d1d1;border-collapse:separate}.wps_wpr_each_section .wps_wpr_membership_message{display:block;margin-bottom:5px}.wps_wpr_each_section>#wps_wpr_membership{margin-bottom:0}.wps_wpr_each_section #wps_wpr_membership_roles{padding:9px;float:left}.wps_wpr_each_section .wps_wpr_btn_copy{border:none;display:inline-block;opacity:1;width:44px}.wps_ways_to_gain_points_section .wps_wpr_each_section{white-space:pre-line}.wps_wpr_coupon_details{border:none!important;margin-bottom:0!important}.wps_wpr_product_point{display:inline-block;letter-spacing:1px;width:260px;padding:4px 8px 4px 0;text-align:center;color:#fff;margin-bottom:20px}.wps_wpr_product_point img{max-width:20px;margin-left:12px;width:100%}.wps_wpr_item_meta img{max-width:20px;width:100%}#wps_wpr_share_point{background:#ebe9eb;color:#515151}#wps_wpr_share_point:hover{background-color:#dad8da}#wps_wpr_referal_points_notification,#wps_wpr_shared_points_notification{margin-bottom:4px}.wps_wpr_heading_para{display:inline-block;margin-bottom:0}.wps_wpr_points_expiry{color:#666;font-size:12px;margin-bottom:10px;margin-top:0;vertical-align:middle}.wps_wpr_total_earn_points{font-size:18px;font-weight:600}.wps_wpr_view_log_notice{background-color:#e3e3e3;color:#444;font-size:14px;font-weight:700;margin-bottom:0;padding:10px 20px 10px 10px;position:relative;cursor:pointer;line-height:1.5}.wps_wpr_slide_toggle{margin-bottom:15px}.wps_wpr_view_log_notice.wps_wpr_common_slider .wps_wpr_open_toggle{position:absolute;right:23px;top:50%;transform:translateY(-50%);cursor:pointer}.wps_wpr_view_log_notice.wps_wpr_common_slider .wps_wpr_open_toggle:after{position:absolute;content:"";height:2px;width:15px;background:#444}.wps_wpr_view_log_notice.wps_wpr_common_slider .wps_wpr_open_toggle:before{background:#444;content:"";height:15px;left:7px;position:absolute;top:-6px;width:2px}.wps_wpr_avada_wrap .custom_point_checkout.woocommerce-info:before,.wps_wpr_view_log_notice.wps_wpr_common_slider .wps_wpr_plus_icon:before{content:none}.wps_wpr_common_table{display:none;table-layout:fixed;width:100%}.wps_wpr_apply_custom_points{display:inline-block;width:100%;text-align:left;margin-top:10px;clear:both}.wps_wpr_product_point::after{border-color:transparent #fff transparent transparent;border-style:solid;border-width:20px;content:"";position:absolute;right:0;top:50%;transform:translateY(-50%)}#wps_wpr_order_notice::before{content:""}#wps_wpr_order_notice{border-top:0;padding:20px 0;text-transform:uppercase;font-weight:700;font-size:12px;color:#fff;width:100%;margin-top:30px;text-align:center}#wps_wpr_order_notice p{display:inline-block;margin-left:20px;background-color:#76d4c6;padding:5px;margin-bottom:0}#wps_wpr_order_notice+.shop_table.cart .coupon .input-text{width:auto;max-width:170px}.shop_table.cart .wps_wpr_apply_custom_points #wps_cart_points{width:170px;border-radius:4px;height:40px!important;padding:5px 12px;background-color:#f2f2f2;box-shadow:none!important;border:0;font-size:18px;margin:0 5px 0 0;max-width:170px}.theme-Divi .custom_point_checkout #wps_cart_points_apply{background:#fff}.theme-storefront .custom_point_checkout #wps_cart_points_apply{background-color:#eee;border-color:#eee;color:#333;padding:8px 20px}.wps_wpr_reward{padding:20px}.custom_point_checkout #wps_cart_points_apply{margin-left:10px}.wps_wpr_popup_content_section .wps_wpr_popup_thumbnail_section li{vertical-align:top}.wps_wpr_popup_content_section .wps_wpr_popup_thumbnail_section li a{color:#000;font-weight:600;text-decoration:none!important}.wps_wpr_popup_content_section .wps_wpr_popup_thumbnail_section .wps_wpr_thumbnail_price_wrap{display:block}@media screen and (max-width:997px){#wps_wpr_order_notice:after{border:none}}@media screen and (max-width:768px){.wps_wpr_reward{display:none}#wps_wpr_order_notice{padding:20px;display:block}#wps_wpr_order_notice p{margin-left:0;margin-top:20px}#wps_wpr_order_notice+.shop_table.cart .coupon .input-text{width:100%!important;max-width:100%!important}#wps_wpr_order_notice+.shop_table.cart .actions .button,#wps_wpr_order_notice+.shop_table.cart .coupon .button{width:100%}.shop_table.cart .wps_wpr_apply_custom_points #wps_cart_points,.shop_table.cart .wps_wpr_apply_custom_points .button{width:100%!important}.shop_table.cart .wps_wpr_apply_custom_points #wps_cart_points{width:100%!important;max-width:unset;margin-bottom:10px}}@media screen and (max-width:376px){.custom_point_checkout #wps_cart_points_apply{margin-top:10px;margin-left:0;width:100%}.custom_point_checkout #wps_cart_points{width:100%!important}}.wps_wpr_table_view_log{table-layout:fixed}#wps_cart_points_apply+p{width:100%;margin-bottom:0}.wps_wpr_checkout_points_class::after{display:block;clear:both;content:''}.custom_point_checkout #wps_cart_points{padding:10px;width:135px}.wps_wpr_avada_wrap button#wps_cart_points_apply{line-height:1.8}.wps_wpr_common_table thead th{padding:0 24px}input#wps_cart_points{padding:8px 5px;max-width:200px;display:inline-block;margin-right:10px}button#wps_cart_points_apply+p{color:#636161;font-size:14px}#points_form .wps_wpr_custom_coupon.button,input#wps_wpr_upgrade_level_click{min-height:40px;float:right}#points_form #wps_custom_point_num,.wps_wpr_each_section #wps_wpr_membership_roles{border:1px solid;max-width:200px;width:80%!important;min-height:40px}#wps_wpr_points_notification+.wps_wpr_generate_coupon.button{float:left;min-height:40px}.wps_wpr_cart_redemption__notice ul{margin:0}.wps-par__badge-wrap,div#wps_wpr_order_notice{padding:10px}div#wps_wpr_order_notice p{padding:0}input#wps_wpr_some_custom_points{border:1px solid;min-height:40px;min-width:150px}.wps_wpr_show_redemption_conversion_rate{margin-left:20px}@media screen and (max-width:420px){.custom_point_checkout #wps_cart_points{width:180px}.custom_point_checkout #wps_cart_points_apply{margin-left:0;margin-top:10px}}:root{--08-black:rgba(0, 0, 0, 0.8);--wheel-width:500px;--wheel-border-color:#fff;--wheel-border-width:4px;--wheel-spin-speed:5s;--pointer-width:80px;--pointer-color:#fff;--pointer-text-color:#000;--pointer-text-size:14px;--shadow-color:#fff;--btn-pr-color:#333;--btn-txt-color:#fff;--success-color:#4ac600;--label-font-size:20px}.wps_wpr_wheel_icon{position:fixed;display:block;z-index:9999999999999;padding:0;opacity:1;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;cursor:pointer}.wps_wpr_wheel_icon .wps_wpr_icon_wheel_tooltip{background-color:var(--08-black);padding:4px 10px;font-size:14px;position:absolute;width:100%;border-radius:5px;color:#fff;text-align:center;top:45px;opacity:0}.wps_wpr_wheel_icon .wps_wpr_icon_wheel_tooltip:before{position:absolute;top:20px;content:'';width:0;height:0;border:8px solid transparent}.wps_wpr_wheel_icon:hover .wps_wpr_icon_wheel_tooltip{opacity:1!important}.wps_wpr_wheel_icon.wps_wpr_canvas_top_left_position{top:0;left:-75px}.wps_wpr_wheel_icon.wps_wpr_canvas_bottom_left_position:hover,.wps_wpr_wheel_icon.wps_wpr_canvas_middle_left_position:hover,.wps_wpr_wheel_icon.wps_wpr_canvas_top_left_position:hover{left:0}.wps_wpr_wheel_icon.wps_wpr_canvas_bottom_left_position .wps_wpr_icon_wheel_tooltip,.wps_wpr_wheel_icon.wps_wpr_canvas_middle_left_position .wps_wpr_icon_wheel_tooltip,.wps_wpr_wheel_icon.wps_wpr_canvas_top_left_position .wps_wpr_icon_wheel_tooltip{left:150px}.wps_wpr_wheel_icon.wps_wpr_canvas_bottom_left_position .wps_wpr_icon_wheel_tooltip::before,.wps_wpr_wheel_icon.wps_wpr_canvas_middle_left_position .wps_wpr_icon_wheel_tooltip::before,.wps_wpr_wheel_icon.wps_wpr_canvas_top_left_position .wps_wpr_icon_wheel_tooltip::before{left:-15px;border-right:15px solid var(--08-black);border-left:0}.wps_wpr_wheel_icon.wps_wpr_canvas_top_right_position{top:0;right:-75px}.wps_wpr_wheel_icon.wps_wpr_canvas_bottom_right_position:hover,.wps_wpr_wheel_icon.wps_wpr_canvas_middle_right_position:hover,.wps_wpr_wheel_icon.wps_wpr_canvas_top_right_position:hover{right:0}.wps_wpr_wheel_icon.wps_wpr_canvas_bottom_right_position .wps_wpr_icon_wheel_tooltip,.wps_wpr_wheel_icon.wps_wpr_canvas_middle_right_position .wps_wpr_icon_wheel_tooltip,.wps_wpr_wheel_icon.wps_wpr_canvas_top_right_position .wps_wpr_icon_wheel_tooltip{right:150px}.wps_wpr_wheel_icon.wps_wpr_canvas_bottom_right_position .wps_wpr_icon_wheel_tooltip::before,.wps_wpr_wheel_icon.wps_wpr_canvas_middle_right_position .wps_wpr_icon_wheel_tooltip::before,.wps_wpr_wheel_icon.wps_wpr_canvas_top_right_position .wps_wpr_icon_wheel_tooltip::before{right:-15px;border-left:15px solid var(--08-black);border-right:0}.wps_wpr_wheel_icon.wps_wpr_canvas_middle_left_position{top:50%;transform:translateY(-50%);left:-75px}.wps_wpr_wheel_icon.wps_wpr_canvas_middle_right_position{top:50%;transform:translateY(-50%);right:-75px}.wps_wpr_wheel_icon.wps_wpr_canvas_bottom_left_position{bottom:0;left:-75px}.wps_wpr_wheel_icon.wps_wpr_canvas_bottom_right_position{bottom:0;right:-75px}@keyframes rotate_wheel{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.wps_wpr_wheel_icon_main{position:fixed;top:0;left:0;bottom:0;right:0;z-index:9999999999;display:none}.wps_wpr_container-close,.wps_wpr_container-popup-close{display:inline-flex;width:36px;aspect-ratio:1;line-height:0;position:absolute;top:15px;right:15px;color:#000;z-index:1;font-size:36px;align-items:center;justify-content:center;transform:rotate(45deg);cursor:pointer}.wps_wpr_container-shadow{position:absolute;top:0;left:0;bottom:0;right:0;background:var(--shadow-color);opacity:.8}.wps_wpr_wheel_icon_main .wps_wpr_container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);max-width:var(--wheel-width);width:calc(100% - 20px);aspect-ratio:1;box-shadow:0 0 0 var(--wheel-border-width) var(--wheel-border-color),0 0 10px 5px rgba(0,0,0,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease-out;overflow:hidden}.wps_wpr_container-popup-in.wps_wpr_container-popup-in--show,.wps_wpr_wheel_icon_main .wps_wpr_container.wps_wpr-container--show{transform:translate(-50%,-50%) scale(1)}.wps_wpr_wheel_icon_main #wps_wpr_spinWheelButton{width:var(--pointer-width);aspect-ratio:1;font-size:var(--pointer-text-size);font-weight:600;border-radius:50%;background:var(--pointer-color);color:var(--pointer-text-color);position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;z-index:9;box-shadow:rgba(0,0,0,.25) 0 14px 28px,rgba(0,0,0,.22) 0 10px 10px,0 0 0 10px #fff inset,0 0 8px 8px rgba(0,0,0,.5) inset}.wps_wpr_wheel_icon_main #wps_wpr_spinWheelButton:before{position:absolute;content:'';top:-200px;bottom:-200px;left:-200px;right:-200px;border-radius:50%}.wps_wpr_wheel_icon_main #wps_wpr_spinWheelButton:after{position:absolute;content:"";width:30px;height:36px;background:var(--pointer-color);bottom:calc(100% - 6px);left:50%;transform:translate(-50%,0);clip-path:polygon(50% 0%,15% 100%,85% 100%)}.wps_wpr_wheel_icon_main .wps_wpr_wheel{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;transition:transform var(--wheel-spin-speed) ease-in-out}.wps_wpr_wheel_icon_main .wps_wpr_wheel:after{position:absolute;top:0;left:0;right:0;bottom:0;content:'';background:radial-gradient(transparent 65%,rgba(0,0,0,.5) 76%)}.wps_wpr_wheel_icon_main .wps_wpr_wheel .wps_wpr_number{position:absolute;width:50%;height:50%;background:var(--color);transform-origin:bottom right;display:flex;justify-content:center;align-items:center;user-select:none;cursor:pointer}.wps_wpr_wheel_icon_main .wps_wpr_wheel .wps_wpr_number input{background:0 0;color:#fff;border:none;box-shadow:none;outline:0;user-select:none;position:relative;transform:rotate(45deg);font-size:var(--label-font-size);font-weight:600;width:100%;max-width:175px;padding:0;margin:0;text-align:right}.wps_wpr_wheel_icon_main .wps_wpr_wheel .wps_wpr_number:after{position:absolute;content:'';width:10px;height:10px;border-radius:50%;background:var(--wheel-border-color);left:29%;top:29%;transform-origin:bottom left;transform:translate(-50%,-50%);box-shadow:0 0 0 5px rgba(0,0,0,.2)}.wps_wpr_container-popup{position:fixed;top:0;left:0;right:0;bottom:0;display:none}.wps_wpr_container-popup-gif{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;display:none}.wps_wpr_container-popup-gif img{max-width:250px;width:100%;height:auto}.wps_wpr_container-popup-in{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);max-width:300px;aspect-ratio:1;width:100%;text-align:center;background:#fff;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:10px;box-shadow:0 0 10px rgba(0,0,0,.2);z-index:1;transition:transform .3s ease-out;border:2px solid #dcdcdc}.wps_wpr_container-popup-in:after{content:'';position:absolute;bottom:0;left:0;border-radius:0 0 5px 5px;height:15px;width:100%;background:var(--success-color)}.wps_wpr_container-popup-val{font-size:24px;color:#000;line-height:1.25;margin:0 0 15px}.wps_wpr_container-popup-val .wps_wpr-val{display:block;font-weight:600;line-height:1.5;font-size:48px;color:var(--success-color)}.wps_wpr_container-popup-close{top:10px;right:10px}button.wps_wpr_container-popup-claim{font-size:18px;background:var(--btn-pr-color);border:1px solid var(--btn-pr-color);border-radius:5px;color:var(--btn-txt-color);line-height:1.5;min-height:30px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:.3s;cursor:pointer}#wps_wpr_button_to_add_points_section+.woocommerce-error.wps_error li,.wps_wpr_para a{line-height:1.25;font-size:12px}button.wps_wpr_container-popup-claim:focus,button.wps_wpr_container-popup-claim:hover{outline:0;box-shadow:none;background:0 0;color:var(--btn-pr-color)}#wps_wpr_show_claim_msg{font-weight:600;display:none;position:absolute;bottom:25px;width:100%;text-align:center}.wps_wpr_show_points_on_account_page{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.wps-par__badge-img{width:100px;height:100px;display:inline-block}#wps-par__badge-wrap .wps-par__badge-img img{object-fit:contain;width:100%;height:100%}.wps-par__badge-label span{display:inline-block;font-size:14px;font-weight:600;line-height:1.25;max-width:245px}.wps-par__badge-wrap.wps-badge-left .wps-par__badge-img-wrap,.wps-par__badge-wrap.wps-badge-left .wps-par__badge-label,.wps-par__badge-wrap.wps-badge-left .wps-par__badge-label span{text-align:left}.wps-par__badge-wrap.wps-badge-center .wps-par__badge-img-wrap,.wps-par__badge-wrap.wps-badge-center .wps-par__badge-label,.wps-par__badge-wrap.wps-badge-center .wps-par__badge-label span{text-align:center}.wps-par__badge-wrap.wps-badge-right .wps-par__badge-img-wrap,.wps-par__badge-wrap.wps-badge-right .wps-par__badge-label,.wps-par__badge-wrap.wps-badge-right .wps-par__badge-label span{text-align:right}.wps_wpr_account_page_badge_name_wrapper{font-size:24px;font-weight:700}.wps_wpr_guest_user_main_wrapper{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.41);z-index:9999999999999}.wps_wpr_guest_user_contain_wrapper{background:#fff;padding:35px 10px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1);text-align:center;position:fixed;top:50%;left:50%;width:100%;max-width:400px;transform:translate(-50%,-50%)}.wps_wpr_guest_close_btn{font-size:24px;cursor:pointer;position:absolute;top:15px;right:15px;color:#000;line-height:18px;display:inline-block}.wps_wpr_guest_popup_title{margin-bottom:5px;font-weight:600;font-size:23px;color:#000}.wps_wpr_para a{padding:5px 10px;border:1px solid;margin:0 5px}#wps_wpr_button_to_add_points_section+.woocommerce-error.wps_error{margin:10px 0 0;padding:3px 3px 3px 20px;border-width:5px}#wps_wpr_button_to_add_points_section+.woocommerce-error.wps_error::before{left:4px;top:1px;font-size:12px}.wps_wpr_slide_toggle .wps_wpr_points_view{overflow:auto;display:none}.wps_wpr_slide_toggle .wps_wpr_points_view table th{min-width:155px;width:100%}.wps_wpr_slide_toggle .wps_wpr_points_view table{min-width:375px;display:block}.wps_wpr_append_points_apply_html button#wps_cart_points_apply,.wps_wpr_append_points_apply_html input#wps_cart_points{margin:5px 0 10px;min-height:30px;width:100%;display:block;padding:10px;max-width:100%}@media screen and (max-width:520px){.wps_wpr_wheel_icon_main #wps_wpr_spinWheelButton{width:calc(var(--pointer-width) * .8)}.wps_wpr_wheel_icon_main #wps_wpr_spinWheelButton:after{width:20px;height:26px}.wps_wpr_wheel_icon_main .wps_wpr_wheel .wps_wpr_number input{font-size:calc(var(--label-font-size)*.7);max-width:100px}.wps_wpr_container-popup-in{width:calc(100% - 40px)}}#wps_wpr_each_section{display:flex;gap:6px 15px;padding:0;margin:20px 0 0;flex-wrap:wrap}#wps_wpr_each_section label{display:inline-flex;align-items:center;line-height:1}#wps_wpr_each_section .wps_wpr_enable_offer_setting_wrapper input[type=checkbox]{width:18px;border:1px solid #ccc;height:18px;margin:0 10px 0 0;line-height:0;cursor:pointer}#wps_wpr_each_section .wps_wpr_enable_offer_setting_wrapper input[type=checkbox]:focus{outline:0}#wps_wpr_each_section .wps_wpr_notify_notice_wrap{flex:1 0 80%}.ays-quiz-container {
box-sizing: border-box;
}
.ays-quiz-container p {
padding: 0 10px;
margin: 1em 0;
}
.ays-quiz-container section.ays_quiz_redirection_timer_container,
.ays-quiz-container section.ays_quiz_timer_container {
padding-top: 5px;
}
.ays-quiz-container section.ays_quiz_redirection_timer_container hr,
.ays-quiz-container section.ays_quiz_timer_container hr{
padding: 0px;
margin: 0px;
border-bottom-color: #ccc;
}
.ays-quiz-container form span {
margin-top: 0;
margin: 0;
}
.ays-field {
display: flex;
text-align: left;
opacity: 1;
margin-bottom: 10px;
position: relative;
}
[id^="ays-quiz-container-"] .ays-field input[type='checkbox'],
[id^="ays-quiz-container-"] .ays-field input[type='radio']{
display: none!important;
}
.ays-quiz-answers .ays-field input~label[for^="ays-answer-"] {
font-weight: 600;
color: #484848;
margin-bottom: 0;
width: 100%;
height: unset;
transition: all .3s;
cursor: pointer;
display: block !important;
padding: 10px;
word-wrap: break-word !important;
white-space: initial !important;
line-height: 33px;
text-transform: initial;
max-width: 100%;
margin: 0!important;
letter-spacing: unset;
}
.ays-quiz-answers .ays-field input~label.ays_answer_image_label[for^="ays-answer-"] {
line-height: 0 !important;
}
.ays-quiz-answers .ays-field input[type="checkbox"]+label[for^="ays-answer-"] {
margin-left: 0;
}
.ays-field.ays_list_view_item input~label:before {
content: "";
display: inline-block;
background: #ddd;
background-clip: content-box;
width: 20px;
height: 20px;
border: 3px solid #ccc;
padding: 3px 3px 3px 3px;
box-sizing: border-box;
transition: all .4s linear;
vertical-align: middle;
margin-right: 10px;
position: unset;
}
.ays-field.ays_list_view_item input[type="radio"]~label:before {
border-radius: 50%;
}
.ays-field.ays_list_view_item input~label:hover:before {
background: #ddd;
color: #ddd;
background-clip: content-box;
}
.ays-field input~label:hover {
opacity: 1 !important;
}
.ays-field.ays_grid_view_item input~label:before {
content: "";
display: inline-block;
background: #ddd;
background-clip: content-box;
width: 20px;
height: 20px;
border: 3px solid #ccc;
padding: 3px 3px 3px 3px;
box-sizing: border-box;
transition: all .4s linear;
vertical-align: middle;
margin-right: 10px;
position: unset;
}
.ays-field.ays_grid_view_item input:checked~label.answered.wrong:before {
border-color: #cc3700!important;
background: #cc3700!important;
background-clip: content-box!important;
}
.ays-field.ays_grid_view_item input:checked~label.answered.correct:before {
border-color: #27ae60!important;
background: #27ae60!important;
background-clip: content-box!important;
}
.ays-field label.ays_position_initial,
.ays-field.ays_grid_view_item input+label {
position: initial !important;
}
.ays_quiz_rect_light .ays-field.ays_grid_view_item label[for^="ays-answer"]:last-of-type::before,
.ays_quiz_rect_dark .ays-field.ays_grid_view_item label[for^="ays-answer"]:last-of-type::before,
.ays-field.ays_grid_view_item label[for^="ays-answer"]:last-of-type::before {
content: none!important;
}
.ays-field.ays_grid_view_item input[type="radio"]~label:before {
border-radius: 50%;
}
.ays-quiz-container .select2-container {
display: block;
width: 100%!important;
}
.ays-quiz-container .select2.select2-container .select2-selection {
padding: 0 !important;
}
.ays-quiz-container .select2-container .select2-selection--single,
.ays-quiz-container .select2-container--default .select2-selection--single .select2-selection__rendered {
height: 40px;
line-height: 40px;
font-size: 17px !important;
width: 100%;
color: white;
display: inline-block;
}
.ays-quiz-container .select2-container--default,
.ays-quiz-container .select2-container--default .selection,
.ays-quiz-container .select2-container--default .select2-selection {
display: inline-block;
width: 100%;
height: 40px;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .select2-container--default .select2-selection {
display: inline-block;
width: 100%;
height: 40px;
}
.ays-quiz-container .select2-container--default .select2-selection--single {
background: transparent;
border: none;
border-radius: unset;
}
.ays-quiz-container .select2-container--default .select2-selection--single:focus {
outline: none;
box-shadow: none;
}
.ays-quiz-container .select2-container .select2-selection--single .select2-selection__arrow b[role="presentation"] {
border: none;
}
.ays-quiz-container .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 0;
right: 10px;
color: #fff;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
top: 1px;
right: 10px;
transform: unset;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .select2-container--default .select2-selection--single .select2-selection__arrow b {
display: inline-block;
}
[id^="ays-quiz-container-"] * {
box-sizing: border-box;
word-wrap: break-word;
}
div.ays-quiz-wrap {
max-width: 100%;
width: 100%;
}
div.ays-quiz-container[id^="ays-quiz-container-"] p:empty{
display: none;
}
div.ays-quiz-container[id^="ays-quiz-container-"] {
width: 96%;
min-width: 200px;
max-width: 96%;
margin: 20px auto;
text-align: center;
background: white;
border: 0 none;
border-radius: 3px;
box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
box-sizing: border-box;
position: relative;
padding-bottom: 60px;
transition: .5s ease;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
form[id^="ays_finish_quiz_"] {
background-color: initial !important;
}
[id^="ays-quiz-container-"] iframe {
width: 100% !important;
height: 100% !important;
}
[id^="ays_finish_quiz_"] div.step {
display: flex;
justify-content:  center;
align-items:  center;
border: 0 none;
width: 100%;
position: relative;
padding-top: 45px;
z-index: 999;
}
[id^="ays_finish_quiz_"] > div.step:first-of-type {
background-color: transparent !important;
border: none !important;
}
[id^="ays_finish_quiz_"] > div.step.ays_thank_you_fs {
padding-top: 0px !important;
}
[id^="ays_finish_quiz_"] > div.step.ays_thank_you_fs .ays-abs-fs.ays-end-page {
margin-top: 0px !important;
}
[id^="ays_finish_quiz_"] div.step div.ays-image-question-img{
margin-bottom: 15px;
}
[id^="ays_finish_quiz_"] div.step div.ays-abs-fs {
width: 90%;
position: relative;
} [id^="ays_finish_quiz_"] div.step:not(:first-of-type) {
display: none;
} [id^="ays_finish_quiz_"] input[type=search],
[id^="ays_finish_quiz_"] input[type=tel],
[id^="ays_finish_quiz_"] input[type=time],
[id^="ays_finish_quiz_"] input[type=url],
[id^="ays_finish_quiz_"] input[type=password],
[id^="ays_finish_quiz_"] input[type=date],
[id^="ays_finish_quiz_"] input[type=datetime],
[id^="ays_finish_quiz_"] input[type=datetime-local],
[id^="ays_finish_quiz_"] input[type=email],
[id^="ays_finish_quiz_"] input[type=number],
[id^="ays_finish_quiz_"] input[type="text"],
[id^="ays_finish_quiz_"] textarea,
[id^="ays_finish_quiz_"] select {
padding: 15px;
border: 1px solid #ccc;
border-radius: 3px!important;
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
color: #2C3E50;
font-size: 13px;
height: auto;
background: #fff;
}
[id^="ays_finish_quiz_"] textarea {
background-color: rgba(255, 255, 255, 0.7);
}
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=search]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=tel]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=time]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=url]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=password]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=date]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=datetime]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=datetime-local]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=email]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=number],:focus
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type="text"]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] textarea:focus {
border-color: unset;
}
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=button]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=search]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=tel]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=time]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=url]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=password]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=date]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=datetime]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=datetime-local]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=email]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=number]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type="text"]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] textarea:hover {
transform: unset;
-o-transform: unset;
-moz-transform: unset;
-webkit-transform: unset;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .information_form label[for^="ays_form_field"] {
text-align: left;
display: block;
cursor: pointer;
} [id^="ays_finish_quiz_"] .action-button {
display: inline-block;
height: initial !important;
width:auto;
font-weight: bold;
border: 0 none;
cursor: pointer;
margin: 10px 5px;
line-height: 1;
text-transform: initial !important;
max-width: 100%;
min-width: fit-content;
box-shadow: unset;
text-align: center;
}
[id^="ays_finish_quiz_"] .action-button.start_button {
padding: 10px 20px;
}
[id^="ays_finish_quiz_"] .action-button:disabled:hover,
[id^="ays_finish_quiz_"] .action-button:disabled:focus,
[id^="ays_finish_quiz_"] .action-button:disabled {
outline: none !important;
background-color: #aaa !important;
box-shadow: none !important;
text-decoration: none !important;
cursor: default !important;
}
[id^="ays_finish_quiz_"] i.ays_early_finish.action-button[disabled]:hover,
[id^="ays_finish_quiz_"] i.ays_early_finish.action-button[disabled]:focus,
[id^="ays_finish_quiz_"] i.ays_early_finish.action-button[disabled],
[id^="ays_finish_quiz_"] i.ays_arrow.action-button[disabled]:hover,
[id^="ays_finish_quiz_"] i.ays_arrow.action-button[disabled]:focus,
[id^="ays_finish_quiz_"] i.ays_arrow.action-button[disabled] {
outline: none !important;
box-shadow: none !important;
text-decoration: none !important;
cursor: default !important;
color: #aaa !important;
pointer-events: none !important;
}
[id^="ays_finish_quiz_"] .action-button.ays_finish {
margin: 10px 5px;
} [id^="ays_finish_quiz_"] .ays-fs-title {
font-size: 21px;
text-transform: uppercase;
color: #2C3E50;
margin-bottom: 10px;
text-align: center !important;
}
[id^="ays_finish_quiz_"] .ays-fs-subtitle {
font-weight: normal;
font-size: 17px;
color: #666;
margin-bottom: 20px;
}
.ays-quiz-container .select2-container .select2-dropdown {
margin: 0;
max-width: unset;
}
.ays-quiz-container .select2-dropdown input.select2-search__field {
border-radius: 0px!important;
}
.ays-quiz-container .select2-container--default .select2-results__option--highlighted[aria-selected] {
color: #fff !important;
}
.ays-quiz-container .select2-container--default .select2-results__option[aria-selected="true"] {
background-color: #aaa;
}
.ays-quiz-container .select2-container--default .select2-results>.select2-results__options {
max-height: calc( 100vh / 3 );
margin: 0!important;
padding: 0!important;
}
.ays-quiz-container .select2-container--default .select2-results__option {
list-style-type: none;
text-align: left;
color: #000 !important;
margin: 0!important;
}
.ays-quiz-container .select2-container.select2-container--default.select2-container--open {
z-index: 99999;
}
.ays-quiz-container .select2-container.select2-container--default.select2-container--open .select2-dropdown--below{
animation: fadeInUp;
animation-duration: .3s !important;
max-width: unset;
}
.ays-quiz-container .select2-container--default .select2-selection--single .select2-selection__arrow{
display: inline-block;
height: 26px;
}
[id^="ays_finish_quiz_"] p.ays_message{
font-size: 20px;
}
[id^="ays_finish_quiz_"] p.ays_score.ays_score_percent{
font-size: 18px;
} div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-social-shares{
margin: 15px 0;
text-align: center;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-share-btn-icon {
font-family: FontAwesome;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
}
.ays-share-btn-linkedin .ays-quiz-share-btn-icon:before {
content: "\f08c";
}
.ays-share-btn-facebook .ays-quiz-share-btn-icon:before {
content: "\f082";
}
.ays-share-btn-twitter .ays-quiz-share-btn-icon:before {
content: "\f081";
}
.ays-share-btn-email .ays-quiz-share-btn-icon:before {
content: "\e945";
}
.ays-share-btn-more .ays-quiz-share-btn-icon:before {
content: "\ea82";
}
.ays-share-btn-googleplus .ays-quiz-share-btn-icon:before {
content: "\ea88";
}
.ays-share-btn-github .ays-quiz-share-btn-icon:before {
content: "\eab4";
}
.ays-share-btn-tumblr .ays-quiz-share-btn-icon:before {
content: "\eabb";
}
.ays-share-btn-reddit .ays-quiz-share-btn-icon:before {
content: "\eac7";
}
.ays-share-btn-delicious .ays-quiz-share-btn-icon:before {
content: "\eacc";
}
.ays-share-btn-stumbleupon .ays-quiz-share-btn-icon:before {
content: "\eace";
}
.ays-share-btn-pinterest .ays-quiz-share-btn-icon:before {
content: "\ead0";
}
.ays-share-btn-vkontakte .ays-quiz-share-btn-icon:before {
content: "\f189";
}
.ays-share-btn-instagram .ays-quiz-share-btn-icon:before {
content:"\f16d";
}
.ays-share-btn-youtube .ays-quiz-share-btn-icon:before {
content:"\f16a";
}
.ays-share-btn-behance .ays-quiz-share-btn-icon:before {
content:"\f1b4";
}
.ays-share-btn,
.ays-share-btn * {
box-sizing: border-box;
}
.ays-share-btn,
.ays-share-btn *,
.ays-share-btn *:before,
.ays-share-btn *:after {
box-sizing: border-box;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-share-btn {
position: relative;
display: inline-block;
height: 24px;
margin: 0;
padding: 2px 8px;
line-height: 1.53;
letter-spacing: .04em;
vertical-align: top;
font-size: 12px;
font-weight: bold;
font-family: "Helvetica Neue", Arial, sans-serif;
color: #111;
background: #e0e0e0;
border: 1px solid #c7c7c7;
border-radius: 2px;
text-decoration: none;
transition: all 0.2s ease;
}
.ays-share-btn:hover,
.ays-share-btn:focus {
background: #d3d3d3;
border-color: #bababa;
text-decoration: none !important;
color: #111;
}
.ays-share-btn:active {
background: #c7c7c7;
border-color: #adadad;
text-decoration: none;
color: #111;
}
.ays-share-btn.ays-share-btn-sm {
height: 20px;
font-size: 10px;
padding: 0 8px;
line-height: 1.6;
}
.ays-share-btn.ays-share-btn-lg {
height: 28px;
font-size: 16px;
line-height: 1.4;
}
.ays-share-btn .ays-share-btn-text-sr {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.ays-share-btn.ays-share-btn-branded {
color: #fff;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-twitter {
background: #55acee !important;
border-color: #3ea1ec !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-twitter:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-twitter:focus {
background: #3ea1ec !important;
border-color: #2795e9 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-twitter:active {
background: #2795e9 !important;
border-color: #1689e0 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-facebook {
background: #3b5998 !important;
border-color: #344e86 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-facebook:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-facebook:focus {
background: #344e86 !important;
border-color: #2d4373 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-facebook:active {
background: #2d4373 !important;
border-color: #263961 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-vkontakte {
background: #486c91 !important;
border-color: #4b719a !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-vkontakte:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-vkontakte:focus {
background: #2a6098 !important;
border-color: #4b719a !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-vkontakte:active {
background: #4b719a !important;
border-color: #4b719a !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-instagram {
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%) !important;
border-color: #8d3bbf !important;
border: 0;
display: inline-block;
padding-top: 0;
padding-bottom: 0;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-instagram:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-instagram:focus {
background: radial-gradient(circle at 30% 107%, #fff37b 0%, #f5e96a 5%, #f83926 45%,#d61299 60%,#0e48f0 90%) !important;
border-color: #8d3bbf !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-instagram:active {
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%) !important;
border-color: #8d3bbf !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-instagram .ays-quiz-share-btn-icon { padding: 0;
margin: 0;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-youtube {
background: #fff !important;
border-color: #fff !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-youtube:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-youtube:focus {
background: #ffffffd1 !important;
border-color: #ffffffd1 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-youtube:active {
background: #ffffffd1 !important;
border-color: #ffffffd1 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-youtube .ays-quiz-share-btn-icon {
color: #FF0000;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-behance {
background: #000B1D !important;
border-color: #000B1D !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-behance:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-behance:focus {
background: #000206 !important;
border-color: #000206 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-behance:active {
background: #000206 !important;
border-color: #000206 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-googleplus {
background: #dd4b39;
color: #fff;
border-color: #d73925;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-googleplus:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-googleplus:focus {
background: #d73925;
border-color: #c23321;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-googleplus:active {
background: #c23321;
border-color: #ac2d1e;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-tumblr {
background: #35465c;
color: #fff;
border-color: #2c3a4c;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-tumblr:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-tumblr:focus {
background: #2c3a4c;
border-color: #222d3c;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-tumblr:active {
background: #222d3c;
border-color: #19212b;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-reddit {
background: #ff4500;
color: #fff;
border-color: #e63e00;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-reddit:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-reddit:focus {
background: #e63e00;
border-color: #cc3700;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-reddit:active {
background: #cc3700;
border-color: #b33000;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-linkedin {
background: #0976b4 !important;
color: #fff !important;
border-color: #08669c !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-linkedin:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-linkedin:focus {
background: #08669c !important;
border-color: #075683 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-linkedin:active {
background: #075683 !important;
border-color: #05466b !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-delicious {
background: #3399ff;
color: #fff;
border-color: #198cff;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-delicious:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-delicious:focus {
background: #198cff;
border-color: #007fff;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-delicious:active {
background: #007fff;
border-color: #0073e5;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-stumbleupon {
background: #eb4924;
color: #fff;
border-color: #e13b15;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-stumbleupon:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-stumbleupon:focus {
background: #e13b15;
border-color: #ca3412;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-stumbleupon:active {
background: #ca3412;
border-color: #b22e10;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-pinterest {
background: #cc2127;
color: #fff;
border-color: #b61d23;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-pinterest:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-pinterest:focus {
background: #b61d23;
border-color: #a01a1f;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-pinterest:active {
background: #a01a1f;
border-color: #8a161a;
}
.ays-share-btn.ays-share-btn-inverse {
color: #eeeeee;
background: #1f1f1f;
border-color: #050505;
}
.ays-share-btn.ays-share-btn-inverse:hover,
.ays-share-btn.ays-share-btn-inverse:focus {
background: #121212;
border-color: #000000;
color: #eeeeee;
}
.ays-share-btn.ays-share-btn-inverse:active {
background: #050505;
border-color: #000000;
color: #eeeeee;
}
.ays-share-btn.ays-share-btn-twitter .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-googleplus .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-tumblr .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-linkedin .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-pinterest .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-stumbleupon .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-delicious .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-more .ays-quiz-share-btn-icon {
position: relative;
top: 1px;
}
@-moz-document url-prefix() {
.ays-share-btn.ays-share-btn-twitter .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-googleplus .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-tumblr .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-linkedin .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-pinterest .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-stumbleupon .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-delicious .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-more .ays-quiz-share-btn-icon {
top: 0;
}
}
.ays-share-btn.ays-share-btn-more.ays-share-btn-lg .ays-quiz-share-btn-icon {
top: 2px;
}
.ays-share-btn .ays-share-btn-text {
padding-left: 2px;
}
.ays-question-counter{
position: absolute;
right: 8px;
top: 0px;
color: rgba(0,0,0,.6);
margin: 1em 0;
text-align: right;
}
.ays-answer-image:hover{
cursor: pointer;
}
.ays_answer_select_image,
.ays-answer-image {
height: 100%;
min-width: 100px;
max-width: 100%;
object-fit: cover;
object-position: center center;
}
.ays-answer-image {
width: 100%;
}
.ays-quiz-container .select2-results__options .select2-results__option span {
display: flex;
align-items: center;
word-wrap: break-word;
}
.ays-quiz-container .select2-results__options .select2-results__option .ays_answer_select_image {
width: 150px;
height: 100px;
display: inline-block;
margin-right: 15px;
}
.ays_feedback_button_div,
.ays_buttons_div{
display: flex;
margin-top: 15px;
margin-bottom: 15px;
flex-wrap: wrap;
}
.ays_feedback_button_div {
justify-content: center !important;
}
.ays_buttons_div input {
height: 40px;
}
.ays_quiz_flash_card_main_container .display_none,
.ays-quiz-container .ays_display_none{
display: none !important;
}
.active-step{ }
.ays_red_border{
border-color:red !important;
}
.ays_green_border{
border-color:green !important;
}
input[type="checkbox"].ays_red_border{
box-shadow: 0px 0px 10px red !important;
}
input[type="checkbox"].ays_green_border{
box-shadow: 0px 0px 10px green !important;
}
.ays_arrow{
background: none !important;
font-size: 40px !important;
}
.ays_arrow:hover{
box-shadow:none !important;
transform: scale(1.1);
}
@keyframes bar-fill {
0% {
width: 0;
}
}
@-webkit-keyframes bar-fill {
0% {
width: 0;
}
}
@-moz-keyframes bar-fill {
0% {
width: 0;
}
}
@-o-keyframes bar-fill {
0% {
width: 0;
}
}
.ays-field.ays_list_view_item input+label.answered::after,
.ays-field.ays_grid_view_item label.answered::after{
content: '';
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-left: 5px;
position: unset;
}
.ays-field input~label.answered.correct::after{
content: url(//evancosmetics.hr/wp-content/plugins/quiz-maker/public/images/correct.png);
}
.ays-field input~label.answered.wrong::after{
content: url(//evancosmetics.hr/wp-content/plugins/quiz-maker/public/images/wrong.png);
}
.ays-field label.answered {
position: relative;
}
.ays-field label.answered.correct:last-of-type::after,
.ays-field label.answered.wrong:last-of-type::after{
position: absolute;
}
.ays-field input~label.ays_without_after_content.answered::after {
content: none!important;
}
.ays-field.ays_list_view_item input:checked~label.answered.wrong:before {
border-color: #cc3700!important;
background: #cc3700!important;
background-clip: content-box!important;
}
.ays-field.ays_list_view_item input:checked~label.answered.correct:before {
border-color: #27ae60!important;
background: #27ae60!important;
background-clip: content-box!important;
}
.ays-field label.ays_position_initial,
.ays-field.ays_list_view_item input+label {
position: initial !important;
}
.ays_quiz_rect_light .ays-field.ays_list_view_item label[for^="ays-answer"]:last-of-type::before,
.ays_quiz_rect_dark .ays-field.ays_list_view_item label[for^="ays-answer"]:last-of-type::before,
.ays-field.ays_list_view_item label[for^="ays-answer"]:last-of-type::before {
content: none!important;
}
.ays-field input:checked+label.answered.correct:before{
background-color: #1cbf8b;
}
.ays_question_result{
pointer-events: none;
opacity: 1 !important;
display: flex !important;
position:static !important;
min-height: 0 !important;
transform: scale(1) !important;
}
.ays-quiz-container .ays-loader{
display: none;
}
.lds-ellipsis {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
.lds-ellipsis div {
position: absolute;
top: 27px;
width: 11px;
height: 11px;
border-radius: 50%;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
left: 6px;
animation: lds-ellipsis1 infinite;
animation-duration: 0.6s !important;
}
.lds-ellipsis div:nth-child(2) {
left: 6px;
animation: lds-ellipsis2 infinite;
animation-duration: 0.6s !important;
}
.lds-ellipsis div:nth-child(3) {
left: 26px;
animation: lds-ellipsis2 infinite;
animation-duration: 0.6s !important;
}
.lds-ellipsis div:nth-child(4) {
left: 45px;
animation: lds-ellipsis3 infinite;
animation-duration: 0.6s !important;
}
.ays_grid_view_container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.ays_grid_view_item{
width: calc(50% - 5px);
}
.ays_grid_view_item:nth-child(odd) {
margin-right: 5px;
}
.ays-quiz-redirection-timer,
.ays-quiz-timer {
margin: 0 !important;
}
.ays-quiz-after-timer {
display: none;
margin: 0 !important;
}
.ays-quiz-question-waiting-time-box{
position: absolute;
margin-left: auto;
margin-right: auto;
top: 10px;
left: 0;
right: 0;
text-align: center;
}
.ays_question_hint_container {
position: absolute;
top: 10px;
left: 10px;
z-index: 999;
}
.ays_question_hint_container button.ays_question_hint {
font-size: 20px;
cursor: pointer;
}
.ays_question_hint_container p.ays_question_hint {
font-size: 20px;
cursor: pointer;
margin: 0;
}
.ays_question_hint_container i.ays_question_hint {
font-size: 20px !important;
cursor: pointer;
}
.ays_question_hint_container .ays_question_hint_text {
visibility: hidden;
max-width: 270px;
width: max-content; text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 999;
top: 0;
left: unset;
margin-left: 15px;
opacity: 0;
box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
transition: opacity 0.5s;
}
.ays_question_hint_container .ays_question_hint_text.show_hint {
visibility: visible;
opacity: 1;
z-index: 1000;
}
.ays-export-quiz-button-container .ays-export-quiz-button-more-box {
display: none;
position: absolute;
top: 25px;
right: 0px;
z-index: 1000; min-width: 10rem;
max-width: 190px;
padding: .5rem 0;
margin: .125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: .25rem;
outline: none;
border: 0;
box-shadow: 0.025px 0.025px 1px 1px rgb(0 0 0 / 20%), 0px 2px 1px 0px rgb(0 0 0 / 14%), 0px 2px 5px 0 rgb(0 0 0 / 12%);
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
will-change: transform;
}
.ays-export-quiz-button-container .ays-export-quiz-button-more-box.show-more-buttons {
display: block;
visibility: visible;
opacity: 1;
z-index: 1000;
}
.ays-export-quiz-button-container .ays-export-quiz-button-more-icon-box {
cursor: pointer;
}
.ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item {
display: block;
width: 100%;
padding: .25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.ays_question_result .ays_question_hint{
display: none;
}
.ays_average{
display: none;
}
.ays_quiz_form_input{
display: block !important;
}
.ays-quiz-container *:after{
content: none;
}
.ays-quiz-container .ays-image-question-img img{
width:100%;
max-width:100%;
}
.ays-quiz-container .ays-field label:last-child{
overflow: hidden;
}
.ays-quiz-container .ays-field input ~ label[for^="ays-answer"]:empty{
display: none !important;
padding: 0px !important;
}
.ays-quiz-container .ays-field input ~ label[for^="ays-answer"].ays_empty_before_content::before,
.ays-quiz-container .ays-field input:checked ~ label[for^="ays-answer"].ays_empty_before_content::before {
content: none !important;
}
.ays-field label.ays_answer_image {
overflow: hidden;
border-radius: 0;
margin: 0;
padding: 0;
line-height: 0 !important;
}
.ays-quiz-container{
max-width: 100%;
}
.ays_empty_before_content:before{
content: none !important;
}
.ays_score_display_none{
display:none;
}
.ays-quiz-container .disable_social_buttons{
display: none;
}
.ays-quiz-container	.ays_quiz_image{
max-width: 100%;
margin: auto;
}
.ays-form-title{
margin-bottom: 20px;
font-size: 20px;
text-align: inherit;
}
.ays-quiz-container .ays-field.ays-select-field {
padding: 0;
width: 100% !important;
}
.ays-quiz-container .ays-field.ays-text-field {
padding: 5px;
width: 100% !important;
display: flex;
flex-wrap: nowrap !important;
flex-direction: row !important;
margin-bottom: 20px;
align-items: stretch;
}
.ays-quiz-container .ays-matching-field {
width: 100%;
}
.ays-quiz-container .ays-field.ays-matching-field-option {
padding: 0;
flex-direction: row !important;
justify-content: space-between;
align-items: center;
}
.ays-quiz-container .ays-field.ays-matching-field-option:hover {
background-color: initial !important;
color: initial !important;
transition: none !important;
}
.ays-quiz-container .ays-field.ays-matching-field-option .ays-matching-field-choice {
flex: 50%;
padding-left: 10px;
}
.ays-quiz-container .ays-field.ays-matching-field-option .ays-matching-field-match {
flex: 50%;
max-width: 50%;
}
.ays-quiz-container .ays-field.ays-text-field input.ays-text-input[type="text"],
.ays-quiz-container .ays-field.ays-text-field input.ays-text-input[type="number"] {
padding: 10px;
margin: 5px;
text-indent: 10px;
outline: 0;
transition: .8s ease;
color: #000 !important;
background-color: #fff;
background-image: unset;
}
.ays-quiz-container .ays-field.ays-text-field input.ays-text-input ~ button.ays_check_answer {
margin-right: 0 !important;
}
.ays-quiz-container .ays-field.ays-text-field textarea.ays-text-input{
padding: 10px;
margin: 5px;
text-indent: 10px;
outline: 0;
transition: .8s ease;
height: 100px;
resize: none;
color: #000 !important;
background-color: #fff;
min-height: 100px;
background-image: unset;
}
.ays-quiz-container .ays-field.ays-text-field input.ays-text-input{
padding: 10px; margin-bottom: 0;
text-indent: 10px;
outline: 0;
transition: .8s ease;
color: #000 !important;
background-image: unset;
max-width: 100%;
margin-top: 0;
margin: 0;
}
.ays-quiz-container .ays-quiz-answers div.ays-text-right-answer {
display: none;
width: 100%;
border: 1px solid #ccc;
padding: 10px;
border-radius: 4px;
color: #ddd;
background: rgba(39,174,96,0.5);
}
.ays_quiz_question {
word-wrap: break-word;
}
.ays-quiz-container .ays-field.ays-text-field textarea.ays-text-input ~ button.ays_check_answer {
margin: 5px !important;
margin-left: 0 !important;
}
.ays-quiz-container .ays-field.ays-text-field input.ays-text-input[type="text"] ~ button.ays_check_answer,
.ays-quiz-container .ays-field.ays-text-field input.ays-text-input[type="number"] ~ button.ays_check_answer {
margin: 5px !important;
margin-left: 0 !important;
}
.ays-quiz-container .ays-field.ays-text-field button.ays_check_answer{
margin: 0 !important;
margin-right: 5px !important;
margin-left: 5px !important;
width: auto !important;
max-width: 100px;
white-space: initial !important;
word-wrap: break-word;
word-break: initial !important;
}
.ays-quiz-container .ays-field{
word-break: break-all;
}
.ays-live-bar-wrap {
box-sizing: border-box;
position: absolute;
height: 15px;
top: -15px;
border: none;
width: 100%;
background-color: transparent;
display: none;
}
.ays-live-bar-fill{
height: 100%;
border-bottom: 2px solid rgb(0, 0, 0);
}
.ays-live-bar-fill>span {
line-height: 15px !important;
text-align: right !important;
white-space: nowrap;
}
.ays-live-bar-fill span {
text-align: right;
display: block;
height: 100%;
color: inherit;
font-size: 11px;
}
div.ays-live-second-wrap{
background-color: black;
}
div.ays-live-second{
border-bottom: unset !important;
}
div.ays-live-third-wrap{
background-color: black;
}
div.ays-live-third{
border-bottom: unset !important;
border-radius: inherit;
}
div.ays-live-third::after {
content: "";
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) !important;
background-size: 40px 40px;
width: inherit;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@keyframes ays_progress_live_bar {
0% {
background-position: 0 0;
}
100% {
background-position: -40px 0;
}
}
div.ays-live-fourth-wrap{
background-color: black;
}
div.ays-live-fourth{
border-bottom: unset !important;
border-radius: inherit;
}
div.ays-live-fourth::before {
content: "";
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) !important;
background-size: 40px 40px;
width: inherit;
height: 100%;
position: absolute;
top: 0;
left: 0;
animation: ays_progress_live_bar linear infinite;
animation-duration: 0.8s;
}
.ays_quiz_reports {
display: flex;
position: absolute;
bottom: 0;
justify-content: space-between;
align-items: stretch;
left: 0;
width: 100%;
}
.ays_quiz_reports .ays_quiz_rete_avg {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
width: 80%;
position: relative;
bottom: unset;
left: unset;
padding: 5px 8px;
border-radius: 0px; 
font-size: 12px;
font-weight: 600;
}
.ays_quiz_reports .ays_quiz_rete_avg span {
display: inline-block;
}
.ays_quiz_reports .ays_quizn_ancnoxneri_qanak i {
margin-right: 4px;
font-style: initial !important;
}
.ays_quiz_reports .ays_quizn_ancnoxneri_qanak {
display: flex;
justify-content: flex-end;
align-items: center;
position: relative; 
bottom: unset; 
right: unset; 
padding: 5px 20px; 
border-radius: 0px; 
font-weight: bold;
font-size: 14px;
width: 20%;
text-align: right;
padding: 5px 8px;
white-space: nowrap;
}
.ays_quizn_ancnoxneri_qanak i {
font-style: initial !important;
}
.ays_quizn_ancnoxneri_qanak {
display: block;
position: absolute;
bottom: 0;
right: 0;
padding: 5px 20px;
border-radius: 4px 0px 0px 0px;
font-weight: bold
}
.ays_quiz_rete_avg i.icon {
font-size: 12px;
}
.ays_quiz_rete_avg {
display: block;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
width: fit-content;
position: absolute;
bottom: 0;
left: 0;
padding: 5px 8px;
border-radius: 0px 4px 0px 0px;
font-size: 12px;
font-weight: 600;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays_quiz_rete {
display: none;
margin-bottom: 10px;
padding: 0px;
font-size: 12px;
font-weight: 600;
text-align: center;
}
.ays_quiz_rete .for_quiz_rate {
margin-bottom: 15px;
}
.ays_quiz_rete .for_quiz_rate_reason {
display: none;
margin-bottom: 20px;
}
.ays_quiz_rete .for_quiz_rate_reason textarea.quiz_rate_reason {
width: 100%;
height: 150px;
resize: vertical;
background: #fff;
padding: 15px;
}
.ays_quiz_rete .for_quiz_rate_reason .ays_feedback_button_div {
justify-content: flex-end;
}
.ays_quiz_rete .for_quiz_rate_reason .ays_feedback_button_div .action-button{
max-width: fit-content;
height: 40px;
}
.ays_quiz_rete .quiz_rate_more_review,
.ays_quiz_rete .quiz_rate_reasons_container {
display: none;
}
.ays_quiz_rete .quiz_rate_reasons_container .quiz_rate_reasons {
margin-bottom: 15px;
}
.ays_quiz_rete .quiz_rate_reasons_container .quiz_rate_reasons blockquote {
text-align: left;
}
.ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link {
cursor: pointer;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays_quiz_rete .ays-quiz-rate-link-box {
text-align: center;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(19px, 0);
}
} .ays-quiz-container[id^="ays-quiz-container"] .ays_fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-family: FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.ays_fa_flag_checkered::before {
content: "\f11e";
font-weight: 900;
}
.ays_fa_arrow_left::before {
content: "\f060";
font-weight: 900;
}
.ays_fa_arrow_right::before {
content: "\f061";
font-weight: 900;
}
.ays_fa_info_circle::before {
content: "\f05a";
font-weight: 900;
}
.ays_fa_chevron_up::before {
content: "\f077";
font-weight: 900;
}
.ays_fa_chevron_down::before {
content: "\f078";
font-weight: 900;
}
.ays_fa_eye::before {
content: '\f06e';
font-weight: 400;
}
.ays_fa_users::before {
content: '\f0c0';
font-weight: 400;
}
.ays_fa_square_o::before {
content: "\f096";
font-weight: 900;
}
.ays_fa_check_square_o::before {
content: "\f046";
font-weight: 900;
}
.ays_fa_star::before {
content: "\f005";
font-weight: 400;
}
.ays_fa_star_o::before {
content: "\f006";
font-weight: 400;
}
.ays_fa_user::before {
content: "\f007";
font-weight: 400;
}
.ays_fa_clock_o::before {
content: "\f017";
font-weight: 400;
}
.ays_fa_undo::before {
content: "\f0e2";
font-weight: 400;
}
.ays_fa_volume_up::before {
content: "\f028";
font-weight: 400;
}
.ays_fa_volume_off::before {
content: "\f026";
font-weight: 400;
}
.ays_fa_sign_out::before {
content: "\f08b";
font-weight: 400;
}
.ays_fa_play::before {
content: "\f04b";
font-weight: 400;
}
.ays_fa_play_circle::before {
content: "\f144";
font-weight: 400;
}
.ays_fa_play_circle_o::before {
content: "\f01d";
font-weight: 400;
}
.ays_fa_pause::before {
content: "\f04c";
font-weight: 400;
}
.ays_fa_pause_circle::before {
content: "\f28b";
font-weight: 400;
}
.ays_fa_pause_circle_o::before {
content: "\f28c";
font-weight: 400;
}
.ays_fa_stop::before {
content: "\f04d";
font-weight: 400;
}
.ays_fa_stop_circle::before {
content: "\f28d";
font-weight: 400;
}
.ays_fa_stop_circle_o::before {
content: "\f28e";
font-weight: 400;
}
.ays_fa_expand::before {
content: "\f065";
font-weight: 400;
}
.ays_fa_compress::before {
content: "\f066";
font-weight: 400;
}
.ays_fa_eraser::before {
content: "\f12d";
font-weight: 400;
}
.ays_fa_music::before {
content: "\f001";
font-weight: 400;
}
.ays_fa_long_arrow_left::before {
content: "\f177";
font-weight: 400;
}
.ays_fa_long_arrow_right::before {
content: "\f178";
font-weight: 400;
}
.ays_fa_arrow_circle_o_left::before {
content: "\f190";
font-weight: 400;
}
.ays_fa_arrow_circle_o_right::before {
content: "\f18e";
font-weight: 400;
}
.ays_fa_arrow_circle_left::before {
content: "\f0a8";
font-weight: 400;
}
.ays_fa_arrow_circle_right::before {
content: "\f0a9";
font-weight: 400;
}
.ays_fa_angle_left:before {
content: "\f104";
font-weight: 900;
}
.ays_fa_angle_right:before {
content: "\f105";
font-weight: 900;
}
.ays_fa_angle_up:before {
content: "\f106";
font-weight: 900;
}
.ays_fa_angle_down:before {
content: "\f107";
font-weight: 900;
}
.ays_fa_check::before {
content: "\f00c";
}
.ays_fa_times::before {
content: "\f00d";
}
.ays-quiz-container .logged_in_message{
padding: 15px;
}
.ays_quiz_results {
display: none;
}
.ays-quiz-container .rate_comment_row * {
box-sizing: border-box;
}
.ays-quiz-container .rate_comment_row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.ays-quiz-container .rate_comment_row.row_reverse {
flex-direction: row-reverse;
}
.ays-quiz-container .rate_comment_row .rate_comment_user {
width: 25%;
}
.ays-quiz-container .rate_comment_row .rate_comment {
width: fit-content;
max-width: 75%;
}
.ays-quiz-container .rate_comment_row .rate_comment_user,
.ays-quiz-container .rate_comment_row .rate_comment {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.ays-quiz-container .rate_comment_row .thumbnail {
padding: 4px;
display: block;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.ays-quiz-container .rate_comment_row .img-responsive,
.ays-quiz-container .rate_comment_row .thumbnail>img,
.ays-quiz-container .rate_comment_row .thumbnail a>img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
}
.ays-quiz-container .rate_comment_row .panel {
position:relative;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: left !important;
}
.ays-quiz-container .rate_comment_row .panel-default {
border-color: #ddd;
}
.ays-quiz-container .rate_comment_row .panel>.panel-heading:after,
.ays-quiz-container .rate_comment_row .panel>.panel-heading:before{
position:absolute;
top:11px;left:-16px;
right:100%;
width:0;
height:0;
display:block;
content:" ";
border-color:transparent;
border-style:solid solid outset;
pointer-events:none;
}
.ays-quiz-container .rate_comment_row.row_reverse .panel>.panel-heading:after,
.ays-quiz-container .rate_comment_row.row_reverse .panel>.panel-heading:before{
right:-16px;
left:100%;
}
.ays-quiz-container .rate_comment_row .panel>.panel-heading:after{
border-width:7px;
border-right-color:#f7f7f7;
margin-top:1px;
margin-left:2px;
}
.ays-quiz-container .rate_comment_row .panel>.panel-heading:before{
border-right-color:#ddd;
border-width:8px;
}
.ays-quiz-container .rate_comment_row.row_reverse .panel>.panel-heading:after{
border-width: 7px;
border-left-color: #f7f7f7;
margin-top: 1px;
margin-left: 0;
margin-right: 2px;
border-right: none
}
.ays-quiz-container .rate_comment_row.row_reverse .panel>.panel-heading:before{
border-left-color: #ddd;
border-width: 8px;
border-right: none;
}
.ays-quiz-container .rate_comment_row .panel>.panel-body {
padding: 15px;
}
.ays-quiz-container .rate_comment_row .panel>.panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
border-width:8px;
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.lds-spinner2-none,
.lds-spinner-none {
display: none;
}
.lds-spinner2,
.lds-spinner {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
transform: scale(0.5);
}
.lds-spinner2 div,
.lds-spinner div {
transform-origin: 32px 32px;
animation: lds-spinner linear infinite;
animation-duration: 1.2s !important;
}
.lds-spinner2 div:after,
.lds-spinner div:after {
content: " ";
display: block;
position: absolute;
top: 3px;
left: 29px;
width: 5px;
height: 14px;
border-radius: 20%;
}
.lds-spinner2 div:nth-child(1),
.lds-spinner div:nth-child(1) {
transform: rotate(0deg);
animation-delay: -1.1s;
}
.lds-spinner2 div:nth-child(2),
.lds-spinner div:nth-child(2) {
transform: rotate(30deg);
animation-delay: -1s;
}
.lds-spinner2 div:nth-child(3),
.lds-spinner div:nth-child(3) {
transform: rotate(60deg);
animation-delay: -0.9s;
}
.lds-spinner2 div:nth-child(4),
.lds-spinner div:nth-child(4) {
transform: rotate(90deg);
animation-delay: -0.8s;
}
.lds-spinner2 div:nth-child(5),
.lds-spinner div:nth-child(5) {
transform: rotate(120deg);
animation-delay: -0.7s;
}
.lds-spinner2 div:nth-child(6),
.lds-spinner div:nth-child(6) {
transform: rotate(150deg);
animation-delay: -0.6s;
}
.lds-spinner2 div:nth-child(7),
.lds-spinner div:nth-child(7) {
transform: rotate(180deg);
animation-delay: -0.5s;
}
.lds-spinner2 div:nth-child(8),
.lds-spinner div:nth-child(8) {
transform: rotate(210deg);
animation-delay: -0.4s;
}
.lds-spinner2 div:nth-child(9),
.lds-spinner div:nth-child(9) {
transform: rotate(240deg);
animation-delay: -0.3s;
}
.lds-spinner2 div:nth-child(10),
.lds-spinner div:nth-child(10) {
transform: rotate(270deg);
animation-delay: -0.2s;
}
.lds-spinner2 div:nth-child(11),
.lds-spinner div:nth-child(11) {
transform: rotate(300deg);
animation-delay: -0.1s;
}
.lds-spinner2 div:nth-child(12),
.lds-spinner div:nth-child(12) {
transform: rotate(330deg);
animation-delay: 0s;
}
@keyframes lds-spinner {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.ays_paypal_wrap_div,
.ays_stripe_wrap_div {
display: none;
}
.ays_paypal_div {
overflow: hidden;
}
.ays_paypal_div > div {
margin: auto;
width: 200px;
}
.ays_paypal_div iframe {
width: 100% !important;
}
.ays_paypal_details_div {
width: 100%;
padding: 15px;
}
.ays_paypal_details_div iframe {
width: 100% !important;
}
.ays_restart_button_p {
text-align: center !important;
margin: 0 !important;
}
.action-button.ays_restart_button {
width: auto;
max-width: 100%;
padding: 10px 20px;    
font-size: 14px;
font-family: inherit;
}
.action-button.ays_restart_button span {
margin-left: 7px;
}
div.ays_quiz_results_page {
display: none;
}
.ays_user_explanation {
margin-top: 5px;
padding-top: 15px;
}
.ays_user_explanation textarea {
resize: vertical;
height: 120px;
transition: .5s ease;
}
.ays_user_explanation textarea::placeholder {
font-size: 14px;
}
.ays_questtion_explanation,
.wrong_answer_text,
.right_answer_text {
text-align: initial;
}
.ays_animated_x5ms {
-webkit-animation-duration: .5s !important;
animation-duration: .5s !important;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.ays_animated_x1s {
-webkit-animation-duration: 1s !important;
animation-duration: 1s !important;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
} .ays_user_explanation {
margin-top: 5px;
padding-top: 15px;
}
.ays_user_explanation textarea {
resize: vertical;
height: 120px;
transition: .5s ease;
}
.ays_user_explanation textarea::placeholder {
font-size: 14px;
} .ays_music_sound {
display: flex;
cursor: pointer;
z-index: 998;
width: 35px;
padding: 0;
margin: 0;
}
.ays_music_sound.z_index_0 {
z-index: 0;
}
.ays_music_sound > i {
font-size: 20px;
vertical-align: middle;
} fieldset.ays_fieldset {
border: 1px solid #e3939394;
padding: 5px;
background-color: transparent !important;
word-break: break-word;
}
div[id^="ays-quiz-container-"] fieldset.ays_fieldset legend {
font-size: 12px;
padding: 0 7px;
color: #f00;
margin: 0 auto;
text-align: center;
border-top: 1px solid #e3939394;
border-bottom: 1px solid #e3939394;
margin-bottom: 10px;
background-color: transparent !important;
font-weight: normal;
text-transform: none;
width: auto;
line-height: unset;
float: unset;
}
fieldset.ays_fieldset .ays_quiz_question .wp-video {
width: 100%;
max-height: 100%;
}
[id^="ays-quiz-container-"] fieldset.ays_fieldset .wp-video {
width: 100% !important;
max-width: 100% !important;
} .ays_cb_and_a {
position: relative;
top: -40px;
width: 100%;
text-align: center;
font-size: 12px;
text-align: center;
}
.ays_cb_and_a p {
text-align: center;
}
.ays_cb_and_a span,
.ays_cb_and_a strong {
margin-right: 7px;
}
.ays_cb_and_a img {
display: inline-block !important;
width: 15px;
height: 15px;
object-fit: cover;
object-position: center center;
border-radius: 50%;
border: 1px solid #aaa;
margin-right: 3px;
margin-left: 5px;
vertical-align: text-top;
} div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-block-main{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: flex-start;
}
div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-block {
width: 45%;
height: auto;
display: flex;
flex-wrap: nowrap;
flex-direction: column;
align-items: center;
padding: 15px;
margin-bottom: 15px;
justify-content: space-between; transition: .2s ease-out;
}
div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-block .product-image {
margin: 0;
line-height: 0;
width: 100%;
min-height: 150px;
height: 100%;
}
div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-block img {
height: 100%;
width: 100%;
max-width: 200px;
object-fit: contain;
margin: 0 auto;
}
div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-product-block {
text-align: left;
margin: auto;
padding-left: 1rem;
padding: 15px;
text-align: center;
margin: 0;
width: 100%;
}
div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-product-block h4.ays-woo-product-title {
margin: 0;
font-size: larger;
}
div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-product-block > a {
display: block;
width: auto;
}  .ays-quiz-question-with-bg {
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
} .ays_block_content { justify-content: center;
align-items: center;
padding: 10px;
} [id^="ays-quiz-container-"] .ays_quiz_login_form input#ays-submit {
display: inline-block;
width:auto; font-weight: bold;
color: white;
border: 0 none;
border-radius: 1px;
cursor: pointer;
padding: 5px 10px;
margin: 10px 5px;
line-height: 1;
white-space: break-spaces;
}
.ays_quiz_login_form label {
display: block;
} .ays-progress {
position: relative;
overflow: hidden;
margin-bottom: 15px;
}
.ays-progress-bar {
overflow: hidden;
width: 0%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 5px;
}
.ays-progress-value {
color: #333;
display: block;
font-size: 12px;
line-height: 15px;
white-space: nowrap;
background-color: transparent;
}
.ays-progress-bg {
position: relative;
height: 8px;
border-radius: 5px;
overflow: hidden;
}
.ays-progress-bar:after {
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
-webkit-background-size: 40px 40px;
background-size: 40px 40px;
position: absolute;
content: '' !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@keyframes ays_progress_bar {
0% {
background-position: 0 0;
}
100% {
background-position: -40px 0;
}
} .ays-progress.first {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
margin-bottom: 10px;
padding: 0px;
background-color: #000;
border: 1px solid;
}
.ays-progress-bar.first {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px; display: block;
height: 15px;
width: 0%;
margin: 0px;
padding: 0px;
background-color: #fff;
}
.ays-progress-bar.first::after {
content: none !important;
}
.ays-progress-value.first {
position:absolute;
z-index:1;
width:0;
height:100%;
text-align: center;
}
.ays-progress-bg.first {
height:15px;
background: transparent;
} .ays-progress.second {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
margin-bottom: 10px;
padding: 0px;
background-color: #000;
border: 1px solid;
}
.ays-progress-bar.second {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px; display: block;
height: 15px;
width: 0%;
margin: 0px;
padding: 0px;
background-color: #fff;
}
.ays-progress-bar.second::after {
content: none !important;
}
.ays-progress-value.second {
position:absolute;
z-index:1;
width:0;
height:100%;
font-size: 12px;
line-height: 15px !important;
white-space: nowrap;
background-color: transparent;
text-align: center;
}
.ays-progress-bg.second {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
height:15px;
background: transparent;
} .ays-progress.third {
border-radius: 5px;
border: none;
}
.ays-progress-value.third {    
width:100%;
height:100%;
text-align: center;
}
.ays-progress-bg.third {
} .ays-progress.fourth {    
border-radius: 5px;
border: none;
}
.ays-progress-bar.fourth {    
border-radius: 0px;
}
.ays-progress-value.fourth {
position:absolute;
z-index:1;
width:100%;
height:100%;
text-align: center;
}
.ays-progress-bg.fourth {
height:15px;
}
.ays-progress-bar.fourth:after {
animation: ays_progress_bar linear infinite;
animation-duration: 0.8s !important;
}  .ays_checkbox_for_label {
padding: 13px 15px;
border: 1px solid #ccc;
border-radius: 3px !important;
margin-bottom: 10px;
box-sizing: border-box;
color: #2C3E50;
font-size: 13px;
background: #fff;
text-align: left;
}
label.ays_for_checkbox {
font-weight: 500;
font-size: 16px;
width: auto;
cursor: pointer;
}
div.ays_checkbox_for_label input[type='checkbox'] {
display: inline-block !important;
width: 13px;
margin: 5px 10px;
cursor: pointer;
}  div.ays_lb_container {
padding-top: 15px;
padding-bottom: 30px;
width: 100%;
overflow-x: auto;
}
.ays_lb_ul {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 17px;
}
.ays_lb_li {
display: flex;
min-height: 40px;
align-items: center;
padding: 5px;
margin: 0;
}
.ays_lb_pos {
min-width: 40px !important;
width: auto;
text-align: center;
white-space: nowrap;
}
.ays_lb_user {
width: 30% !important;
word-break: break-word;
text-align: center;
padding-right: 3px;
}
.ays_lb_score {
width: 20% !important;
min-width: 75px !important;
text-align: center;
}
.ays_lb_duration {
width: 20% !important;
min-width: 80px !important;
text-align: center;
padding-right: 8px;
}
.ays_lb_points{
width: 20% !important;
min-width: 45px !important;
text-align: center;
}
.ays_lb_custom_fields{
width: 20% !important;
min-width: 45px !important;
text-align: center;
}
.ays_lb_li:nth-child(odd) {
background: #F6F8EF;
}
.ays-leaderboard-main-container .ays_lb_user {
display: flex;
justify-content: center;
align-items: center;
}
.ays-leaderboard-main-container .ays-lb-user-avatar-row {
display: flex;
justify-content: center;
align-items: center;
margin-right: 5px;
}
.ays-leaderboard-main-container .ays-lb-user-avatar {
width: 20px;
height: 20px;
border-radius: 50%;
}
.ays-leaderboard-main-container table thead:first-child tr:first-child th{
border-top: transparent;
}
.ays-leaderboard-main-container table tbody>tr:nth-child(odd)>td,
.ays-leaderboard-main-container table tbody>tr:nth-child(odd)>th,
.ays-leaderboard-main-container table tbody tr:hover>td,
.ays-leaderboard-main-container table tbody tr:hover>th {
background-color: transparent;
}
div.ays-leaderboard-main-container table {
font-size: 14px;
}
div.ays-leaderboard-main-container table.ays_lb_li:first-child {
background: #99BB5A;
color: white;
}
div.ays-leaderboard-main-container table,
div.ays-leaderboard-main-container table tr,
div.ays-leaderboard-main-container table tr th,
div.ays-leaderboard-main-container table tr td {
border: none;
}
div.ays-leaderboard-main-container tbody td {
word-wrap: break-word;
}   #ays-quiz-all-orders-page,
#ays-quiz-user-score-page {
margin: 0 auto !important;
}
#ays-quiz-all-orders-page thead th,
#ays-quiz-user-score-page thead th {
font-size: 16px;
}
#ays-quiz-all-orders-page td,
#ays-quiz-user-score-page td {
font-size: 14px;
}
#ays-quiz-all-orders-page thead th,
#ays-quiz-all-orders-page td,
#ays-quiz-user-score-page thead th,
#ays-quiz-user-score-page td {
word-break: initial !important;
word-wrap: break-word;
vertical-align: middle;
text-align: center !important;
white-space: nowrap;
}
button.ays-quiz-user-sqore-pages-details {
background-color: #222;
border: none;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 14px;
line-height: 1;
padding: 13px 25px;
text-shadow: none;
-webkit-transition: background 0.2s;
transition: background 0.2s;
white-space: nowrap;
margin: auto;
display: block;
}
button.ays-quiz-user-sqore-pages-details:hover{
background-color: #aaaaaaab;
color: #222;
}
#ays-quiz-user-score-page button.ays-quiz-user-sqore-pages-details {
padding: 13px 25px !important;
}
td.ays-quiz-duration-column,
td.ays-quiz-score-column {
text-align: center;
}
.ays-quiz-user-results-container {
background-color: #F6F8EF;
overflow-x: auto;
} table#ays-quiz-all-orders-page,
table#ays-quiz-user-score-page {
width: 99%;
border-collapse: collapse;
} table#ays-quiz-all-orders-page tr:nth-of-type(odd),
table#ays-quiz-user-score-page tr:nth-of-type(odd) {
background: #eee;
}
table#ays-quiz-all-orders-page th,
table#ays-quiz-user-score-page th {
background-color: #333 !important;
color: white;
font-weight: bold;
}
table#ays-quiz-all-orders-page td,
table#ays-quiz-all-orders-page th,
table#ays-quiz-user-score-page td,
table#ays-quiz-user-score-page th {
padding: 6px !important;
border: 1px solid #ccc;
}
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  { table#ays-quiz-user-score-page,
table#ays-quiz-user-score-page thead,
table#ays-quiz-user-score-page tbody,
table#ays-quiz-user-score-page th,
table#ays-quiz-user-score-page td,
table#ays-quiz-user-score-page tr {
display: block;
} table#ays-quiz-user-score-page thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
table#ays-quiz-user-score-page tr { border: 1px solid #ccc; }
table#ays-quiz-user-score-page td { border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
text-align: left;
}
table#ays-quiz-user-score-page td:before { position: absolute; top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}   table#ays-quiz-all-orders-page,
table#ays-quiz-all-orders-page thead,
table#ays-quiz-all-orders-page tbody,
table#ays-quiz-all-orders-page th,
table#ays-quiz-all-orders-page td,
table#ays-quiz-all-orders-page tr {
display: block;
} table#ays-quiz-all-orders-page thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
table#ays-quiz-all-orders-page tr { border: 1px solid #ccc; }
table#ays-quiz-all-orders-page td { border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
text-align: left;
}
table#ays-quiz-all-orders-page td:before { position: absolute; top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
table#ays-quiz-all-orders-page td:empty { display: none !important; }
table#ays-quiz-all-orders-page td:before {
content: attr(data-title);
}
} .ays-modal {
display: none;
position: fixed;
left: 0;
top: 0;
z-index: 1000000 !important;
width: 100%;
height: 100%;
animation-duration: .5s;
transition: .5s ease-in-out;
outline: 0;
}
.ays-modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-open {
overflow: hidden;
position: relative;
height: 100%;
}
.ays-modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99999 !important;
background-color: rgba(0, 0, 0, 0.5);
} .ays-modal-content {
background-color: #fefefe;
margin: auto; margin-bottom: 30px;
margin-top: 40px;
border: 1px solid #888;
width: 85%; z-index: 100000000;
position: relative;
padding-left: 0 !important;
animation-duration: .3s;
transition: .5s ease-in-out;
border-radius: 4px;
}
#ays-results-modal .ays-modal-content {
min-height: 500px;
margin: auto !important; margin-bottom: 30px !important;
margin-top: 40px !important;
} .ays-close {
color: #aaa;
float: right;
line-height: 1.3;
font-size: 28px;
font-weight: bold;
}
.ays-close:hover,
.ays-close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.ays-modal-header {
padding: 4px 16px;
}
.ays-modal .ays-modal-header h2 {
line-height: 1.3;
font-size: 1.8rem;
margin: 0;
padding: 0;
clear: none;
font-weight: 500;
} .ays-modal-body {
padding: 2px 16px 20px;
overflow-x: auto;
width: 100%;
box-sizing: border-box;
} .ays-modal-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #e9ecef;
}
#ays-results-modal .ays-modal-header {
padding: 4px 16px !important;
}
#ays-results-modal .ays-modal-body {
padding: 2px 16px 20px !important;
}
#ays-results-modal .ays-modal-footer {
padding: 1rem !important;
}
table#ays-results-table {
border: 1px solid #ccc;
}
table#ays-results-table .ays-quiz-report-table-header {
display: flex;
justify-content: space-between;
align-items: center;
}
table#ays-results-table .ays-quiz-report-table-header::after,
table#ays-results-table .ays-quiz-report-table-header::before {
content: none !important;
}
table#ays-results-table svg {
width: 30px;
vertical-align: middle;
}
table#ays-results-table .wp-video {
width: max-content !important;
}
table#ays-results-table video {
max-width: 300px;
height: auto !important;
vertical-align: middle;
}
table#ays-results-table audio {
max-width: 300px;
vertical-align: middle;
}
table#ays-results-table {
margin: 0;
width: 100%;
}
table#ays-results-table h1::before {
content: none !important;
}
table#ays-results-table h1 {
margin: 0;
font-size: 25px;
}
table#ays-results-table tr td:first-child {
font-weight: bold;
}
tr.ays_result_element {
border-bottom: 1px solid #ccc;
}
table#ays-results-table tr td:first-child {
font-weight: bold;
}
.ays-modal-body * {
word-break: initial !important;
word-wrap: break-word;
vertical-align: middle;
}
.ays-modal-body tr td {
padding: 10px;
font-size: 15px;
border: none;
}
table#ays-results-table p.success img,
table#ays-results-table p.error img {
max-width: 150px !important;
}
table#ays-results-table p.success {
color: #73AF55;
}
table#ays-results-table p {
display: inline-block;
margin: 0;
font-size: 1.25em;
vertical-align: middle;
word-wrap: break-word;
}
table#ays-results-table p.error {
color: #D06079;
}
table#ays-results-table tr td {
word-wrap: break-word;
}
table#ays-results-table tr td:first-child,
table#ays-results-table tr td:first-child *{
color: #000 !important;
}
table#ays-results-table tr td:first-child{
font-weight: bold;
width: 40%;
}
table#ays-results-table tr td.ays-report-correct-answer {
width: 25%;
}
table#ays-results-table tr td.ays-report-user-answer {
width: 25%;
}
table#ays-results-table tr td.ays-report-status-icon {
width: 10%;
}
table#ays-results-table tr td.ays-report-user-answer.ays-report-user-answer-by-points {
width: 40%
}
table#ays-results-table tr td.ays-report-answer-point {
width: 20%;
}
div.ays-quiz-preloader{
display: none;
position: absolute;
background: rgba(255, 255, 255, 0.8);
width: 100%;
justify-content: center;
height: 100%;
align-items: center;
z-index: 1;
}
.wrong_shortcode_text::first-letter {
color: red !important;
background-color: transparent !important;
font-size: inherit !important;
font-weight: inherit !important;
float: none !important;
line-height: inherit !important;
margin: 0 !important;
padding: 0 !important;
}
.ays-quiz-container .ays-field.ays-text-field .ays-text-input::-webkit-input-placeholder {
color: #ccc !important;
line-height: initial !important;
}
.ays-quiz-container .ays-field.ays-text-field .ays-text-input:-moz-placeholder { color: #ccc !important;
line-height: initial !important;
}
.ays-quiz-container .ays-field.ays-text-field .ays-text-input::-moz-placeholder { color: #ccc !important;
line-height: initial !important;
}
.ays-quiz-container .ays-field.ays-text-field .ays-text-input:-ms-input-placeholder {
color: #ccc !important;
line-height: initial !important;
}
.ays-quiz-container .ays-field.ays-text-field .ays-text-input::placeholder {
color: #ccc !important;
line-height: initial !important;
}
.ays-quiz-container .mejs-container {
width: 100% !important;
}
.ays_quiz_display_none_important {
display: none !important;
}
.ays-has-error {
border-width: 1px !important;
border-style: solid !important;
border-color: #d93025 !important;
}
.ays-has-error.ays_questions_nav_question {
border-width: 2px !important;
}
.ays-quiz-question-validation-error {
font-family: Roboto, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: .3px;
line-height: 16px;
color: #d93025;
padding-bottom: 10px;
display: none;
}
.ays-has-error .ays-quiz-question-validation-error {
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
.ays-has-error .ays-quiz-question-validation-error img {
margin-right: 12px;
}
.ays-loader-text {
display: flex;
justify-content: center;
align-content: center;
}
img.ays-loader-custom-gif-content{ }
.ays_quiz_question_text_message{
text-align: left;
font-size: 12px;
}
.ays_quiz_question_text_error_message {
color: #ff0000;
} table#ays-results-table tr td:first-child div#quiz-export-pdf button[class="button button-primary ays-quiz-export-pdf"]{
background: #007cba;
border-color: #007cba;
color: #fff !important;
text-decoration: none;
text-shadow: none;
display: inline-block;
margin-left: 5px;
margin-right: 5px;
vertical-align: baseline;
font-size: 13px;
line-height: 1;
min-height: 30px;
margin: 0;
padding: 0 10px;
cursor: pointer;
border-width: 1px;
border-style: solid;
-webkit-appearance: none;
border-radius: 3px;
white-space: nowrap;
box-sizing: border-box;
}
table#ays-results-table tr td:first-child span[class="ays-pdf-export-text"]{
padding: 0 5px;
}
table#ays-results-table tr td:first-child div#quiz-export-pdf button[class="button button-primary ays-quiz-export-pdf"]:hover{
background: #0071a1;
border-color: #0071a1;
color: #fff !important;
}  table#ays-quiz-user-score-page td > a.ays-quiz-user-d-cert{
background-color: #222;
color: white;
padding: 12px 25px;
border-radius: 4px;
text-decoration: none;
font-size: 13px;
line-height: 1;
white-space: nowrap;
outline:none;
font-weight: 700;
}
table#ays-quiz-user-score-page td > a.ays-quiz-user-d-cert:hover{
background-color: #aaaaaaab;
color: #222;
} td.ays_wproducts_row input.select2-search__field{
width: 100% !important;
}
.ays_quiz_music,
.ays_quiz_wrong_ans_sound,
.ays_quiz_right_ans_sound{
display: none !important;
}
.ays-quiz-all-results-container > div.dataTables_wrapper,
.ays-individual-quiz-all-results-container > div.dataTables_wrapper {
position: static;
} .ays-quiz-container .ays-quiz-start-button-preloader{
position: relative;
max-width: 100%;
}
.ays-quiz-container .ays_quiz_start_button_loader_container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.ays-quiz-container .ays_quiz_start_button_loader{
cursor: wait;
width: 30px;
}
.ays-quiz-container .ays_next.start_button.ays_quiz_enable_loader{
color: #a0a5aa!important;
background: grey!important;
border-color: #ddd!important;
box-shadow: none!important;
text-shadow: none!important;
padding: 10px 20px !important;
border: none;
opacity: 0.5;
cursor: wait;
} div.ays_quiz_maker_block_select select.components-select-control__input {
width: 100%;
max-width: 100%;
padding: 0;
}
.ays-individual-quiz-all-results-container,
.ays-quiz-all-results-container {
overflow: auto;
}
.ays-individual-quiz-all-results-container .dataTables_wrapper .dataTables_filter,
.ays-quiz-all-results-container .dataTables_wrapper .dataTables_filter{
padding-right: 10px;
}
.ays-individual-quiz-all-results-container .dataTables_wrapper .dataTables_filter input,
.ays-quiz-all-results-container .dataTables_wrapper .dataTables_filter input {
margin: 0;
}
.ays-quiz-display-questions-container .ays-quiz-display-question-box {
border-bottom: 0.5px solid #848688;
}
.ays-quiz-all-results-container .ays-quiz-status-column .ays-quiz-score-column-check {
color: green;
font-weight: 900;
}
.ays-quiz-all-results-container .ays-quiz-status-column .ays-quiz-score-column-times {
color: brown;
font-weight: 900;
}
.ays-quiz-all-results-container .ays-quiz-status-column .ays_fa_check {
color: green;
font-size: 18px;
}
.ays-quiz-all-results-container .ays-quiz-status-column .ays_fa_times {
color: brown;
font-size: 18px;
}
.ays-quiz-all-results-container .ays-quiz-score-column-check-box {
display: flex;
} .ays-quiz-container .mejs-container.mejs-video {
min-height: 220px !important;
}
.ays-quiz-container .mejs-container.mejs-audio {
min-height: 40px !important;
}
.ays-quiz-container form.ays-quiz-form > .mejs-container {
display: none;
}
[id^="ays-quiz-container-"] .mejs-container .mejs-inner .mejs-controls .mejs-time {
height: 22px;
overflow: hidden;
padding: 16px 6px 0;
text-align: center;
width: auto;
margin: 0;
}  .ays-quiz-container input[type=number]::-webkit-outer-spin-button,
.ays-quiz-container input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
.ays-quiz-container input[type=number] {
-moz-appearance:textfield;
}
.ays-quiz-container input[type=number]:hover{
-moz-appearance: auto;
}
.ays-quiz-container input[type=number]:hover::-webkit-outer-spin-button,
.ays-quiz-container input[type=number]:hover::-webkit-inner-spin-button{
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
}
.ays-quiz-container input[type=number]:hover:disabled {
-moz-appearance:textfield;
} div.ays-quiz-category-container-flex {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
div#ays-results-modal div#ays-results-body table#ays-results-table p.ays_quiz_user_page_hide_answer{
font-weight: bold;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-lds-spinner-box,
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-start-page {
text-align: center;
} .ays_quiz_flash_card_main_container div.ays_quiz_flash_card:first-child{
display: block;
}
.ays_quiz_flash_card_main_container .ays_quiz_front,
.ays_quiz_flash_card_main_container .ays_quiz_back {
padding: 40px;
text-align: center;
margin-bottom: 5px;
word-break: break-word;
word-wrap: break-word;
white-space: initial;
-webkit-user-select: none;
user-select: none
}
.ays_quiz_flash_card_main_container .ays_quiz_front *,
.ays_quiz_flash_card_main_container .ays_quiz_back * {
word-break: break-word;
word-wrap: break-word;
white-space: initial;
}
.ays_quiz_flash_card_main_container .ays_quiz_flash_card {
display: none;
cursor: pointer;
position: relative;
}
.ays_quiz_flash_card_main_container .ays_quiz_flash_card_introduction {
display: flex;
align-items: center;
}
.ays_quiz_flash_card_main_container .ays_quiz_flash_card,
.ays_quiz_flash_card_main_container .ays_quiz_flash_card_introduction {
background-color: #D1E4DD;
padding: 20px;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
background: #fff;
margin-bottom: 20px;
min-height: 300px;
}
.ays_quiz_flash_card_introduction .ays_quiz_flash_card_introduction_content {
width: 100%;
}
.ays_quiz_flash_card_main_container .ays_quiz_back {
transform: rotateY(180deg);
}
.ays_quiz_flash_card_main_container .ays_quiz_front {
transform: rotateY(0deg);
}
.ays_quiz_flash_card_main_container .ays_quiz_fc_img {
display: flex;
justify-content: center;
margin-top: 10px;
}
.ays_quiz_flash_card_main_container .ays_quiz_fc_next_btn_content a.ays_quiz_fc_next_prev_btn,
.ays_quiz_flash_card_main_container .ays_quiz_fc_start_btn_content a.ays_quiz_fc_start_btn {
background: #2A2A2A;
color: #fff;
text-decoration: none;
cursor: pointer;
margin-left: 13px;
width: 75px;
text-align: center;
-webkit-user-select: none;
user-select: none
}
.ays_quiz_flash_card_main_container .ays_quiz_fc_next_btn_content, 
.ays_quiz_flash_card_main_container .ays_quiz_fc_start_btn_content { display: flex; justify-content: center;
}
.ays_quiz_flash_card_main_container a.ays_quiz_fc_next_prev_btn.prev {
display: none;
}
a.ays-quiz-flash-card-rotate{
display: flex;
justify-content: flex-end;
text-decoration: none;
}
a.ays-quiz-flash-card-rotate img{
width: 20px;
height: 20px;
cursor: pointer;
}
.ays_quiz_current_page {
position: absolute;
bottom: 5px;
right: 10px;
}
.ays_quiz_current_page.rotated {
transform: rotateY(180deg);
right: auto;
left: 10px;
}
div.ays_quiz_fc_explanation{
display: flex;
justify-content: flex-start;
margin-top: 60px;
background: #80808026;
}
div.ays_quiz_fc_explanation p{
margin: 0;
font-size: 15px;
}  .ays-quiz-full-screen-wrap {
display: flex;
justify-content: flex-end;
padding: 0;
line-height: 1;
}
.ays-quiz-full-screen-container {
cursor: pointer;
}
.ays-quiz-full-screen-container > svg.ays-quiz-close-full-screen {
display: none;
}  .ays-quiz-questions-nav-wrap {
display: none;
min-width: 200px;
max-width: 96%;
margin: auto;
text-align: center;
background: white;
box-sizing: border-box;
position: relative;
background-repeat: no-repeat;
background-size: cover;
width: 400px;
background-color: #fff;
background-position: center center;
border-radius: 0px 0px 0px 0px;
box-shadow: 0 0 15px 1px rgba(0,0,0,0.4);
border: none;
overflow: hidden;
}
.ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-content {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
padding: 10px;
}
.ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item {
flex-grow: 1;
flex-shrink: 0;
flex-basis: 40px;
margin: 5px;
}
.ays-quiz-questions-nav-wrap a.ays_questions_nav_question {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border: 1px solid #dddddd;
color: #2c2c2c;
background-color: #fff;
border-radius: 50%;
margin: auto;
min-width: 40px;
padding: 0;
font-size: 15px;
box-sizing: border-box;
-webkit-user-select: none;
user-select: none;
text-decoration: none;
position: relative;
}
.ays-quiz-questions-nav-wrap a.ays_questions_nav_question span.ays-quiz-navbar-highlighted-notice {
position: absolute;
top: -5px;
right: -5px;
width: 10px;
height: 10px;
padding: 3px;
background-color: rgb(255, 199, 0);
border-radius: 50%;
border: 1px solid #fff;
line-height: 0;
display: none;
}
.ays-quiz-questions-nav-wrap a.ays_questions_nav_question span.ays-quiz-navbar-highlighted-notice img {
height: 100%;
}
.ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item.ays_quiz_checked_answer_div a.ays_questions_nav_question {
pointer-events: none;
}
.ays-quiz-questions-nav-wrap a.ays_questions_nav_question[disabled] {
pointer-events: none; border: 2px solid #fff;
color: #fff;
background-color: #2c2c2c;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-content {
display: flex;
align-items: center;
padding: 15px;
width: fit-content;
position: relative;
left: 0;
transition: .5s ease-in-out;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-item {
width: 60px;
height: 60px;
margin-right: 10px;
border-radius: 50%;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-item:last-child {
margin-right: 0;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-item:hover {
box-shadow: 0px 0px 10px #444;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-item[disabled]:hover {
box-shadow: none !important;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays_questions_nav_question {
display: block;
border-radius: 50%;
background-color: #27AE60;
color: #000;
text-decoration: none;
font-weight: 900;
width: 100%;
height: 100%;
line-height: 60px;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays_questions_nav_question[disabled] {
background-color: #aaa !important;
color: #000 !important;
pointer-events: none !important;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays_questions_nav_question:hover {
box-shadow: inset 0px 0px 10px #444;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays_questions_nav_question[disabled]:hover {
box-shadow: none !important;
}
.ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-go-left,
.ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-go-right {
display: none;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-left,
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-right {
position: absolute;
height: 100%;
display: flex;
align-items: center;
width: 10%;
z-index: 1;
transition: .5s ease-in-out;
cursor: pointer;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-left {
left: 0;
background-image: linear-gradient(90deg, #27ae60, transparent);
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-right {
right: 0;
justify-content: flex-end;
background-image: linear-gradient(90deg, transparent, #27ae60);
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-left i.ays_fa,
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-right i.ays_fa {
transition: .5s ease-in-out;
margin: 0 10px;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-left:hover i.ays_fa ,
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-right:hover i.ays_fa {
transition: .5s ease-in-out;
margin: 0;
} div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-question-note-message-box,
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-question-note-message-box * {
font-style: italic;
text-align: left;
font-size: 14px;
}
.ays-quiz-some-items-icons-wrap {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 7px;
}
.ays-quiz-some-items-icons-wrap:empty {
display: none;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-password-toggle-visibility-box {
position: relative;
margin: 0 auto;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-start-page > input[id^='ays_quiz_password_val_'],
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-password-toggle-visibility-box {
max-width: 100%;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-password-toggle-visibility-box .ays_quiz_password {
padding-right: 40px;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-password-toggle-visibility-box .ays-quiz-password-toggle {
position: absolute;
right: 10px;
top: 25%;
width: 20px;
cursor: pointer;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-number-error-message {
color: #ff0000;
text-align: left;
font-size: 14px;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-answers .ays-field input+label[for^="ays-answer-"] {
margin-top: 0 !important;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-category-description-box {
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
#ays-results-modal .ays-modal-content table#ays-results-table,
#ays-results-modal .ays-modal-content table#ays-results-table thead,
#ays-results-modal .ays-modal-content table#ays-results-table tbody,
#ays-results-modal .ays-modal-content table#ays-results-table th,
#ays-results-modal .ays-modal-content table#ays-results-table td,
#ays-results-modal .ays-modal-content table#ays-results-table tr {
display: block;
}
#ays-results-modal .ays-modal-content table#ays-results-table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
#ays-results-modal .ays-modal-content table#ays-results-table td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
#ays-results-modal .ays-modal-content table#ays-results-table tr.ays_result_element td {
width: 95%;
}
#ays-results-modal .ays-modal-content table#ays-results-table tr td.ays-report-correct-answer {
width: 95%;
}
#ays-results-modal .ays-modal-content table#ays-results-table tr td.ays-report-user-answer {
width: 95%;
}
#ays-results-modal .ays-modal-content table#ays-results-table tr td.ays-report-status-icon {
width: 95%;
}
#ays-results-modal .ays-modal-content table#ays-results-table tr td.ays-report-user-answer.ays-report-user-answer-by-points {
width: 95%
}
#ays-results-modal .ays-modal-content table#ays-results-table tr td.ays-report-answer-point {
width: 95%;
}
.ays-quiz-user-results-container table#ays-quiz-user-score-page td {
white-space: break-spaces;
}
}
.ays-quiz-container .ays-quiz-recaptcha-wrap .ays-quiz-g-recaptcha > div {
margin: auto;
}
.ays-quiz-container label.ays_switch_toggle {
cursor: pointer;
text-indent: -9999px;
width: 35px;
height: 14px;
background: grey;
display: block;
border-radius: 50px;
position: relative;
transition: .3s ease;
}
.ays-quiz-container label.ays_switch_toggle:after {
content: '';
position: absolute;
top: -3px;
left: -3px;
width: 20px;
height: 20px;
background: #0085ba;
border-radius: 30px;
transition: 0.3s;
}
.ays-quiz-container input:checked + label.ays_switch_toggle {
background: #b7ccea;
}
.ays-quiz-container input:checked + label.ays_switch_toggle:after {
left: calc(100% - -5px);
transform: translateX(-100%);
}
.ays-quiz-container label.ays_switch_toggle:active:after {
}
.ays-quiz-container label.ays_switch_toggle:hover:after {
box-shadow: 0 0 10px #31618c;
}
.ays-quiz-container div.ays-quiz-results-toggle-block {
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 15px;
}
.ays-quiz-container input.ays_toggle[type=checkbox]{
display: none;
}
.ays-quiz-container div.ays-quiz-results-toggle-block label.ays_switch_toggle:after {
left: calc(100% - 13px);
top: 2px;
background-color: #aaa;
width: 10px;
height: 10px;
}
.ays-quiz-container div.ays-quiz-results-toggle-block label.ays_switch_toggle {
width: 40px;
height: 15px;
background: white;
border: 1px solid #aaa;
}
.ays-quiz-container div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show{
color: #2277CC;
}
.ays-quiz-container div.ays-quiz-results-toggle-block label.ays_switch_toggle:hover:after {
box-shadow: none;
}
.ays-quiz-container div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle {
width: 40px;
height: 15px;
background: white;    
border: 1px solid #2277CC;
}
.ays-quiz-container div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after {
top: 2px;
left: 13px;
width: 10px;
height: 10px;
background: #2277CC;
}
.ays-quiz-container div.ays-quiz-results-toggle-block > label.ays_switch_toggle {
margin: 0 10px;
}
div.ays-quiz-all-orders-container table.ays-quiz-all-orders-page a.ays-quiz-all-orders-title-href {
color: #551AA9;
}
.ays-quiz-container .ays-quiz-question-image-zoom {
cursor: zoom-in;
transition: 0.3s;
}
.ays-quiz-container .ays-quiz-question-image-zoom:hover {
opacity: 0.9;
}
@keyframes aysAnimationLightboxImages {
from{
transform: scale(0);
}
to{
transform: scale(1);
}   
}
.ays-quiz-question-image-lightbox-container {
display: none;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0 ,0 ,0 ,0.8);
}
.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-close-button {
font-size: 40px;
font-weight: bold;
position: absolute;
top: 10px;
right: 20px;
color: #fff;
cursor: pointer;
transition: 0.3s;
z-index: 99999;
}
.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-close-button:hover,
.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-close-button:focus {
color: #b5b5b5;
}
.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-img {
margin: auto;
display: block;
width: 100%;
max-width: 1200px;
height: auto;
text-align: center;
animation-name: aysAnimationLightboxImages;
animation-duration: 0.7s;
position: relative;
}
.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-preloader {
opacity: 0.7;
top: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 101;
position: absolute;
left: 0;
}
.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-preloader img {
width: 100px;
}
@media screen and (max-width: 768px) {
div.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-close-button {
top: 40px;
}
}
.ays-export-quiz-button-container {
position: absolute;
right: 74px;
top: -19px;
margin: 1em 0;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-fill-in-blank-input{
display: inline-block;
padding: 3px;
border: 1px solid #ccc;
border-radius: 3px!important;
margin-bottom: 10px;
width: auto;
box-sizing: border-box;
color: #2C3E50;
font-size: 14px;
height: auto;
background: #fff;
color: #000 !important;
}
.ays_question_report {
text-align: right;
}
.ays_question_report .ays-quiz-open-report-window {
cursor: pointer;
margin-bottom: 10px;
display: inline-block;
}
div.ays_quiz_flash_card_main_container div.ays_quiz_flash_card_introduction_content *,
div.ays_quiz_flash_card_main_container div.ays_quiz_fc_qa * {
text-align: center;
} .ays-quiz-personality-result-box {
background: white;
border-radius: 17px;
box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); padding: 20px 30px;
margin: 30px 0;
font-size: 16px;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-title {
color: #413A5C;
font-size: 23px;
margin: 0;
text-align: left;
font-weight: bold;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-description {
margin: 0;
font-size: 16px;
text-align: left;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-progress {
width: 100%;
background-color: rgba(128, 126, 137, 0.1);
border-radius: 15px;
position: relative;
display: flex; margin-top: 1rem;
margin-bottom: 1rem;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end {
justify-content: flex-end;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-bar {
height: 30px;
border-radius: 15px;
color: white;
font-size: 18px;
padding: 3px 15px 0;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-percentages {
position: absolute;
width: 100%;
padding: 4px 15px;
top: 0;
-ms-flex-pack: justify;
justify-content: space-between;
display: -ms-flexbox;
display: flex;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple {
color: #413A5C;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-text-white {
color: #ffffff;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage {
font-weight: bolder;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar {
background-color: #6255A5;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color {
color: #6255A5;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar {
background-color: #F2C94C;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color {
color: #F2C94C;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar {
background-color: #88D29D;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color {
color: #88D29D;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar {
background-color: #E5A69D;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color {
color: #E5A69D;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar {
background-color: #03A9F4;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color {
color: #03A9F4;
}
@media only screen and (max-width: 768px) {
div.ays-quiz-personality-result-box .ays-quiz-personality-result-title {
font-size: 18px;
}
div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar {
font-size: 14px;
padding: 6px 10px 0;
}
} div.ays-quiz-container[id^="ays-quiz-container-"] .ays-field-matching-type-empty-answer {
border-color: #444;
border-style: solid;
border-width: 1px;
box-shadow: none;
padding: 5px;
text-align: center;
display: block;
}  .ays_message_vars_multiple_bar {
display: flex;
flex-direction: column;
gap: 5px;
}
.ays_message_vars_multiple_bar .ays_message_vars_multiple_bar,
.ays_message_vars_simple_bar {
width: 100%;
background: transparent;
border-radius: 12px;
text-align: left;
}
.ays_message_vars_multiple_bar p.ays_message_vars_multiple_bar_name {
text-align: left !important;
margin: 0;
margin-bottom: 7px;
}
.ays_message_vars_multiple_bar .ays_message_vars_multiple_progress_bar,
.ays_message_vars_simple_bar .ays_message_vars_simple_bar_progress_bar {
width: 100%;
background: #F2F2F3;
border-radius: 30px;
overflow: hidden;
}
.ays_message_vars_multiple_bar .ays_message_vars_multiple_progress_bar_filled,
.ays_message_vars_simple_bar .ays_message_vars_simple_bar_progress_bar_filled {
background: #88D29D;
border-radius: 50px;
height: 33px;
position: relative;
display: flex;
justify-content: flex-end;
}
.ays_message_vars_multiple_bar span.ays_message_vars_multiple_bar_score,
.ays_message_vars_simple_bar span.ays_message_vars_simple_bar_bar_score {
font-size: 16px;
font-weight: 600;
margin: 0 7px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
line-height: 32px;
}
.ays_message_vars_simple_bar {
display: flex;
justify-content: center;
align-items: center;
}
.ays_message_vars_simple_bar p.ays_message_vars_simple_bar_progress_bar_label {
font-size: 17px;
font-weight: 700;
margin-left: 10px;
} .ays_detailed_result_column_chart {
display: flex;
justify-content: space-evenly;
align-items: flex-start;
}
.ays_detailed_result_column_chart .ays_detailed_result_column_chart_column {
width: 15%;
max-width: 100px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
gap: 4px;
}
.ays_detailed_result_column_chart .ays_detailed_result_column_chart_column_row {
width: 100%;
}
.ays_detailed_result_column_chart .ays_detailed_result_column_chart_column_empty {
height: 33vh;
display: flex;
flex-direction: column-reverse;
background: #F2F2F3;
border-radius: 5px 5px 0 0;
overflow: hidden;
}
.ays_detailed_result_column_chart .ays_detailed_result_column_chart_column_title,
.ays_detailed_result_column_chart .ays_detailed_result_column_chart_column_total {
font-size: 1.3vw;
font-weight: 600;
color: #88D29D;
}
.ays_detailed_result_column_chart .ays_detailed_result_column_chart_column_filled {
background: #88D29D;
}
.ays_detailed_result_column_chart .ays_detailed_result_column_chart_column_filled span {
font-size: 1.3vw;
font-weight: 600;
} .ays_user_corrects_count_pie_chart_container {
width: 100%;
height: fit-content;
display: flex;
justify-content: center;
align-items: flex-start;
gap: 30px;
}
.ays_user_corrects_count_pie_chart {
box-sizing: border-box;
padding: 12vh;
border-radius: 50%;
}
.ays_user_corrects_count_pie_chart_labels {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 10px;
font-size: 16px;
}
.ays_user_corrects_count_pie_chart_labels div {
display: flex;
gap: 8px;
align-items: center;
}
.ays_user_corrects_count_pie_chart_labels_rect {
display: inline-block; border: 1px solid #525252;
width: 25px;
height: 25px;
}
.ays_user_corrects_count_pie_chart_labels_rect span {
display: inline-block;
width: 100%;
height: 100%;
}
@media screen and (max-width: 640px) {
.ays_user_corrects_count_pie_chart_container {
flex-direction: column;
align-items: center;
}
.ays_user_corrects_count_pie_chart_labels {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
font-size: 12px;
}
.ays_user_corrects_count_pie_chart_labels div {
gap: 5px;
}
.ays_user_corrects_count_pie_chart_labels_rect {
width: 19px;
height: 19px;
}
} .ays_avg_rate_stars_with_icons_container {
position: relative;
width: 140px;
height: 28px;
font-size: 28px;
margin: 0 auto;
padding: 0;
color: #F7BB07;
}
.ays_avg_rate_stars_with_icons_filled {
position: absolute;
top: 0;
left: 0;
display: flex;
gap: 2.5px;
z-index: 1;
padding: 0;
overflow: hidden;
}
.ays_avg_rate_stars_with_icons_empty {
display: flex;
gap: 2.5px;
z-index: 0;
padding: 0;
}  div[id*='ays-quiz-container-'] .ays-quiz-upload-type-main {
position: relative;
padding: 7px 5px;
border: 1px solid #ccc;
border-radius: 3px !important;
margin-bottom: 10px;
box-sizing: border-box;
color: #2C3E50;
font-size: 13px;
background: #fff;
text-align: left;
}
div[id*='ays-quiz-container-'] .ays-quiz-upload-type-main .ays-quiz-upload-type .ays-quiz-upload-type-label {
display: block;
cursor: pointer;
}
div[id*='ays-quiz-container-'] .ays-quiz-upload-type-main .ays-quiz-upload-type .ays-quiz-upload-type-label .ays-quiz-upload-type-button{
background-color: white;
font-size: initial;
border: 1px solid rgba(0,0,0,.1);
padding: 5px 7px;
border-radius: 4px;
transition: .5s;
display: flex;
}
div[id*='ays-quiz-container-'] .ays-quiz-upload-type-main .ays-quiz-upload-type .ays-quiz-upload-type-button img,
div[id*='ays-quiz-container-'] .ays-quiz-upload-type-main .ays-quiz-upload-type .ays-quiz-upload-type-button span,
div[id*='ays-quiz-container-'] .ays-quiz-upload-type-main .ays-quiz-validation-error-upload img,
div[id*='ays-quiz-container-'] .ays-quiz-upload-type-main .ays-quiz-validation-error-upload span{
display: initial;
box-shadow: unset;
}
div[id*='ays-quiz-container-'] .ays-quiz-upload-type-main .ays-quiz-upload-type .ays-quiz-upload-type-label .ays-quiz-upload-type-button:hover {
background-color: #fffbfbe0;
}
div[id*='ays-quiz-container-'] .ays-quiz-upload-type-main .ays-quiz-upload-type .ays-quiz-upload-type-label .ays-quiz-upload-type-button .ays-quiz-upload-type-text{
padding: 0 10px;
font-size: 14px;
color: #5F6368 !important;
}
div[id*='ays-quiz-container-'] .ays-quiz-upload-type-label{
width: 110px;
}
div[id*='ays-quiz-container-'] .ays-quiz-upload-ready{
border: 1px solid rgba(0,0,0,.1);
border-radius: 4px;
padding: 5px 10px;
display: flex;
justify-content: space-between;
min-height: 40px;
}
div[id*='ays-quiz-container-'] .ays-quiz-upload-ready .ays-quiz-upload-ready-link-box a{
font-size: 12px;
overflow: hidden;
text-decoration: none;
box-shadow: none;
outline: none;
word-break: break-all;
word-wrap: break-word;
color: #5F6368 !important;
}
div[id*='ays-quiz-container-'] .ays-quiz-upload-ready .ays-quiz-upload-ready-link-box a:hover{
text-decoration: underline !important;
}
div[id*='ays-quiz-container-'] .ays-quiz-upload-ready .ays-quiz-upload-ready-image-box{
cursor: pointer;
margin-left: 10px;
}
div[id*='ays-quiz-container-'] .ays-quiz-upload-ready-image-box img{
max-width: initial;
box-shadow: unset;
}
div[id*='ays-quiz-container-'] .ays-quiz-upload-ready-link-box,
div[id*='ays-quiz-container-'] .ays-quiz-upload-ready-image-box{
display: flex;
align-items: center;
}
.ays_quiz_upload_type_answers_summary{
width: 100%;
}
.ays_quiz_upload_type_answers_summary .ays-quiz-upload-ready-summary a{
text-decoration: none;
}
.ays_quiz_upload_type_answers_summary .ays-quiz-upload-ready-summary a:hover{
text-decoration: underline;
}
.ays-quiz-upload-ready-summary{
border-radius: 4px;
background-color: rgb(0, 0, 0, 0.03);
padding: 5px 10px;
margin-bottom: 8px;
display: flex;
}
.ays-quiz-upload-ready-summary:hover{
background-color: rgb(0, 0, 0, 0.1);
}
.ays-quiz-upload-ready-summary .ays-quiz-upload-ready-link-summary{
font-size: 13px;
color: black;
}
div[id*='ays-quiz-container-'] .ays-quiz-upload-type-loader{
background-color: #bfbfbf69;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
}
div[id*='ays-quiz-container-'] .ays-quiz-upload-type-loader img{
box-shadow: unset;
}
div[id*='ays-quiz-container-'] .ays-quiz-validation-error-upload {
display: flex;
align-items: center;
margin-top: 10px;
}
div[id*='ays-quiz-container-'] .ays-quiz-validation-error-upload {
display: none;
}
div[id*='ays-quiz-container-'] .ays-quiz-validation-error-upload span {
font-family: Roboto, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: .3px;
line-height: 16px;
color: #d93025 !important;
}  .ays-quiz-powered-by-container {
margin: 0 auto 20px;
max-width: 96%;
text-align: right;
}
.ays-quiz-promote-powered-by-text-row {
display: flex;
justify-content: flex-end;
align-items: center;
}
.ays-quiz-promote-powered-by-text {
margin: 0;
text-align: right;
font-size: 12px;
font-style: italic;
color: #767373;
}
.ays-quiz-promote-powered-by-text a {
color: #767373;
}#wps_wpr_pro_cost_to_points{
padding: 8px;
border: 1px solid #d5d5d5;
margin-right: 10px;
vertical-align: middle;
-webkit-appearance: checkbox;
height: auto!important;
width: auto!important;
}
.wps_wpr_purchase_pro_point {
display: inline-block;
letter-spacing: 1px;
margin-bottom: 4px;
position: relative;
padding: 4px 8px 4px 20px;
color: #fff;
font-weight: 700;
margin-top: 20px;
font-family: Montserrat;
font-size: 15px;
}
.wps_wpr_shared_points_code {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.wps_wpr_shared_points_code #wps_copy {
margin: 0 30px 0 0;
}
.wps_wpr_wrapper_button-insta{
max-width: 70px;
}
.wps_wpr_instagram_share {
align-items: center;
background: linear-gradient( 45deg , #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
border-radius: 5px;
display: flex;
justify-content: center;
margin-bottom: -30px;
min-height: 30px;
min-width: 70px;
text-align: center;
}
.wps_wpr_instagram_share img {
width: 20px;
}
.wps_wpr_wrapper_button {
display: flex;
flex-wrap: wrap;
} 
.wps_wpr_wrapper_button .wps_wpr_common_class {
border: 0;
max-height: 30px;
}
.wps_wpr_wrapper_button .wps_wpr_wrapper_button {
margin: 0;
}
.wps_wpr_wrapper_button button{
background: transparent;
padding: 0;
width: 28px;
}
.wps_wpr_wrapper_button button:hover,.wps_wpr_wrapper_button button:focus,.wps_wpr_wrapper_button a:focus{
background: transparent;
outline:none;
}
.wps_wpr_wrapper_button button img{
max-height: 28px;
max-width: 28px;
transition: transform 0.3s;
}
.theme-flatsome .wps_wpr_wrapper_button button img{
margin-bottom: 10px;
}
.wps_wpr_wrapper_button button:hover img{
transform: scale(1.1);
}
.wps-wpr__email-input {
display: flex;
flex-wrap: wrap;
margin-top: 10px;
order: 2;
width: 100%;
}
#wps_wpr_enter_emaill {
border-bottom: 1px solid;
box-shadow: none;
min-height: 40px;
font-size: 16px;
background-color: transparent;
margin-right: 10px;
outline: 0;
}
#wps_wpr_shared_points_notificatio {
font-size: 16px;
margin-bottom: 10px;
order: 3;
}
.wps-wpr-show-cashback-notice-on-shop-page {
border: none;
color: #FFFFFF;
padding: 5px 14px;
font-size: 12px;
font-weight: 600;
display: inline-block;
margin-bottom: 10px;
position: relative;
background-color: #1b76ef;
}
.wps-wpr-show-cashback-notice-on-shop-page::after {
border-color: transparent #fff transparent transparent;
border-style: solid;
border-width: 13px;
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}