/* This stylesheet is used to style the public-facing components of the plugin. */


.clearfix{
  zoom: 1;
  &:before, &:after { content: ""; display: table; }
  &:after { clear: both; }
}
.hidden {
  display: none;
}
 /* Mobile Section Styles: */
.tapr-status-bar {
  width: 100%;
  border: 1px solid #ccc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #fff;
  margin-bottom: 12px;
}
.tapr-status-bar .tapr-step {
  float: left;
  width: 25%;
  padding: 3px 3px 6px;
  border-left: 1px solid #ccc;
}
.tapr-status-bar .tapr-step.selected {
  background: #418bb9;
}
.tapr-status-bar .tapr-step.selected.left {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.tapr-status-bar .tapr-step.selected.right {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.tapr-status-bar .tapr-step.selected p {
  color: #fff;
}
.tapr-status-bar div:first-of-type {
  border: none;
}
.tapr-status-bar .tapr-step p {
  margin: 0;
  font-size: 12px;
  color: #ccc;
  line-height: 1.2;
}
.tapr-status-bar .tapr-step p i {
  font-size: 6px;
}
#reviews_wrapper section {
  border: 1px solid #ccc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 10px;
  margin: 0 0 25px 0;
  box-shadow: 0px 4px 0px #ccc;
  background: #fff;
}
#reviews_wrapper section label {
  text-align: left;
  font-weight: 600;
}
#reviews_wrapper section select {
  width: 100%;
  margin: 12px 0;
}
#reviews_wrapper section .rating-star-container {
  margin: 8px 0 10px;
}
#reviews_wrapper section .rating-star-container .ratings_left,
#reviews_wrapper section .rating-star-container .ratings_right {
  float: none;
  display: block;
  width: 100%;
}
#reviews_wrapper section .rating-star-container .ratings_right img {
  margin: 0;
  width: 27px;
  height: auto;
}
#reviews_wrapper section input[type="checkbox"] {
  float: right;
  width: auto;
  margin-top: 14px;
}
#reviews_wrapper section#submit-product-review .sweepstakes input#reviews_sweepstakes_checkbox {
  float: left;
  width: auto;
  margin: 10px 0;
}
#reviews_wrapper section#submit-product-review .sweepstakes p.t-and-c {
  float: left;
  width: 90%;
  margin: 5px 0;
  padding-left: 12px;
  line-height: 1;
  font-size: 12px;
}
#reviews_wrapper section h4 {
  margin: 0 0 5px 0;
  text-align: left;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
#reviews_wrapper section p.sub-header {
  margin: 0 0 10px 0;
  text-align: left;
  color: #A0A0A0;
  font-size: 14px;
}
#reviews_wrapper section label {
  line-height: 1;
}
#reviews_wrapper section label span.questions_min_char {
  font-size: 12px;
}
#reviews_wrapper section .button-wrap {
  width: 100%;
  margin-top: 25px;
}
#reviews_wrapper section .button-wrap .prev-step,
#reviews_wrapper section .button-wrap .next-step {
  margin: 0;
  padding: 8px 15px;
  font-size: 0.9em;
  width: 110px;
}
#reviews_wrapper section .button-wrap .next-step {
  float: right;
}
#reviews_wrapper section .button-wrap .prev-step {
  float: left;
}
#reviews_wrapper section .button-wrap input[type="submit"] {
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0px;
}
.button-wrap .grey-button {
  color: #fff;
  background-color: #919090;
  box-shadow: 0px 2px 0px #4d4d4d;
}
#ratings_wrapper {
    width: 100%;
    height: 100%;
    display:block;
    min-height:140px;
 }
.ratings_left { width: 20%; float: left; text-align: left;height:30px; }
.ratings_right { width: 80%; float: right; display:block; height:28px; margin-bottom:2px;}

#reviews_wrapper { width: 100%; height: 100%; }
.reviews_left { width: 100px; height: 100%; float: left; }
.reviews_left img { float:right; }
.reviews_right { width: 83%; float: right; }

#reviews_display_wrapper { width: 100%; height: 100%; }
.reviews_display_left { width: 100px; float: left; }
.reviews_display_right { width: 83%; float: right; }

.reviews_display_label { font-weight: bold; font-size: 18px; }
.reviews_display_text { font-weight: lighter; font-size: 10px; }

.tapr_reviews_avatar { height:55px; width:55px; float:right;}

#reviews_compose_box {
  width: 100%;
  height: 200px;
}

.reviews_compose_box {
    width: 100%;
    height: 110px;
}

.reviews_right input, .reviews_right textarea {
  width: 100%;
  color: #303030;
  padding: 2px 5px;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 1em;
  margin-bottom: 8px;
  background-color: #EDEDED;
}

#reviews_compose_title,
#reviews_compose_company,
#reviews_compose_job_title,
#reviews_compose_box {
  padding:8px;
}

#reviews_compose_title::-webkit-input-placeholder { color: #757575; }
#reviews_compose_title:-moz-placeholder { color: #757575; }
#reviews_compose_title::-moz-placeholder {  color: #757575; }
#reviews_compose_title:-ms-input-placeholder { color: #757575; }
#reviews_compose_company::-webkit-input-placeholder { color: #757575; }
#reviews_compose_company:-moz-placeholder { color: #757575; }
#reviews_compose_company::-moz-placeholder {  color: #757575; }
#reviews_compose_company:-ms-input-placeholder { color: #757575; }
#reviews_compose_job_title::-webkit-input-placeholder { color: #757575; }
#reviews_compose_job_title:-moz-placeholder { color: #757575; }
#reviews_compose_job_title::-moz-placeholder {  color: #757575; }
#reviews_compose_job_title:-ms-input-placeholder { color: #757575; }
#reviews_compose_box::-webkit-input-placeholder { color: #757575; }
#reviews_compose_box:-moz-placeholder { color: #757575; }
#reviews_compose_box::-moz-placeholder {  color: #757575; }
#reviews_compose_box:-ms-input-placeholder { color: #757575; }

/* .reviews_top Form Styles*/
#reviews_wrapper label {
  display: block;
  color: #1F1F1F;
}
#reviews_wrapper input,
#reviews_wrapper textarea {
  width: 100%;
  background: #F0F0F0;
  border: 1px solid #D7D7D7;
  margin: 12px 0;
}
#reviews_wrapper textarea {
  margin: 0;
}
#reviews_wrapper .textarea {
  margin: 12px 0;
}
#reviews_wrapper textarea.reviews_compose_box {
  resize: vertical;
}
#reviews_wrapper .star-ratings-container {
  margin: 15px 0;
}
#reviews_wrapper input[type="radio"] {
  width: auto;
  margin: 12px 3px 12px 15px;
  display: inline-block;
}
#reviews_wrapper hr {
  border: none;
  border-top: 1px solid #CCC;
  margin-bottom: 12px;
}
#reviews_wrapper input[type="submit"] {
  max-width: 200px;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
  color: #FFF;
  background: #468DBB;
  letter-spacing: 1px;
}
#reviews_wrapper span.questions_required {
  padding-left: 3px;
  font-size: 25px;
  color: #E94221;
  font-weight: 400;
}
#reviews_wrapper span.questions_min_char {
  font-weight: 300;
  font-size: 15px;
}
#reviews_wrapper input.review-input-err,
#reviews_wrapper textarea.review-input-err {
  border: 2px solid #DE5B4E;
}
/* Sweepstakes Checkbox */
#reviews_wrapper .sweepstakes input#reviews_sweepstakes_checkbox {
  float: right;
  width: auto;
  margin: 10px 0;
}
#reviews_wrapper .sweepstakes p.t-and-c {
  float: right;
  margin: 5px 0;
  padding-right: 8px;
}
.reviews_right input[type="checkbox"] {
  float: right;
  width: auto;
  margin-top: 14px;
}
.reviews_right p{
  text-align: right;
  margin: 10px 22px 20px 0;
  font-size: 14px;
}

.reviews_right input[type="submit"] {
  width: 200px;
  text-transform: uppercase;
  padding: 10px 0px;
  background: #b4d256;
  color:#5e693f;
}
.reviews_right input[type="submit"]:hover {
    background:#c2df68;
    color:#383735;
}

textarea:focus, input:focus{
    outline: 0;
    border:1px solid #b3d256;
    box-shadow:0 0 4px #dfdfdf;
}

textarea:focus, input:focus{
    outline: 0;
    border:1px solid #b3d256;
}

.tapr_question_radio input[type="radio"] {
    display: block;
}

p.user-company-name {
  margin: 0;
  font-weight: 300;
  font-size: 11px;
}
p.user-company-name.user-name {
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
}
.reviews_compose_post_button {
  float: right;
}
.reviews_compose_post_button_text {
  color: #fff;
  font-family: "Source Sans Pro", Verdana, Arial;
}

/* Styles for displaying reviews */
.reviews_display_title { font-size: 18px; color: #444; }
.reviews_display_text { font-size: 16px; color: #444; }
.tapr_reviews_display_wrapper { width: 100%; background: #fff; margin: 20px 0; }
.reviews_display_text.score { padding-left: 10px; }

.tapr_reviews_display_top {
  width: 5.8%;
  float: left;
}

.tapr_reviews_display_top_left {
  width: 75px;
}

.tapr_reviews_display_top_right {
  width: 250px;
}

.tapr_reviews_display_bottom {
  width: 93.2%;
  float: right;
  margin-left: 1%;
  position: relative;
}
.tapr_reviews_display_bottom_left {
  display: none;
  color: #b3d256;
  float: right;
  margin-right: 12px;
}
.tapr_reviews_display_bottom_right {
  width: 100%;
}

.tapr_reviews_display_author_date {
  color: #616161;
  padding-left: 5px;
  font-weight: lighter;
  font-size: 18px;
  line-height: 1;
}

.tapr_reviews_display_author_display_name {
  font-weight: 600;
}

.tapr-review-clearfix {
  clear: both;
}

.tapr_validation_errors {
  background: #fa8072;
  color: #fff;
  border-radius: 5px 5px 5px 5px;
  border: 1px dotted #666;
  width: 100%;
  padding: 5px 5px 5px 25px;
  margin-bottom: 5px;
}

/* STYLES FOR HIDDEN REVIEW RATINGS DETAILS SECTION */
#reviews_stars_main {
  display: inline-block;
}
.reviews_segments_hidden {
  display: none;
  position: absolute;
  top: -160px;
  background: white;
  border: 1px solid #ccc;
  padding: 15px 15px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  z-index: 10000;
}
.reviews_segments_hidden .ratings_details_stars {
  display: inline-block;
  margin-bottom: 5px;
}
.reviews_segments_hidden .ratings_details_stars img {
  width: 20px;
  height: 19px;
  margin: 0;
}
.reviews_segments_hidden .ratings_details_label,
.reviews_segments_hidden .ratings_details_label_bold {
  font-size: 18px;
  color: #444;
  width: 105px;
  display: inline-block;
  line-height: 1;
  margin-bottom: 5px;
  height: 21px;
  vertical-align: top;
  padding-top: 3px;
}
.reviews_segments_hidden .ratings_details_label {
  color: #9e9e9e;
  font-size: 15px;
}
.reviews_segments_hidden .overall_stars img {
  width: 24px;
  height: 23px;
}

.ratings_details_label, .ratings_details_label_bold {
    font-weight: normal; font-size: 18px; font-color: #444;
}

.ratings_details_label_bold {
    font-weight: bold;
}