/* vim: set ts=2 sw=2 sts=2 et: */

/**
 * Average rating widget styles
 *
 * Copyright (c) 2011-present Qualiteam software Ltd. All rights reserved.
 * See https://www.x-cart.com/license-agreement.html for license details.
 */

div.header div.average-rating {
  padding-top: 10px;
  padding-bottom: 10px;
}

div.header table.rating {
  border-width: 0;
  border-style: none;
  margin: 0px;
}

div.header table.rating tr {
  border-width: 0px;
  border-style: none;
}

div.header table.rating td {
  border-width: 0px;
  border-style: none;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 5px;
  vertical-align: middle;
}

div.header div.title {
  font-size: 28px;
  color: #579ED2;
}

div.line {
  padding-top: 30px;
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 25px;
}

div.product-average-rating > div.text {
  padding-bottom: 20px;
  line-height: 20px;
  display: none;
}

div.product-reviews div.product-average-rating form {
  float: left;
}

div.product-average-rating div.comment {
  display: inline-table;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 12px;
}

div.product-reviews div.product-average-rating div.rating {
  display: inline-table;
  overflow: hidden;
  position: relative;
}

div.product-average-rating div.rating,
div.product-average-rating .separator,
div.product-average-rating .link-to-tab {
  display: inline-block;
  vertical-align: middle;
}

div.product-average-rating div.rating .vote-bar .rating-stars {
  position: relative;
  height: 20px;
  width: 80px;
}

div.product-average-rating table td {
  border: 0px;
  padding: 0px;
  vertical-align: middle;
}

div.product-average-rating table td.indent {
  width: 5%;
}

div.product-average-rating table tr {
  border: 0;
  padding: 0;
}

div.product-average-rating table {
  width: 300px;
  border: 0px;
  margin: 0px;
}

div.product-average-rating div.ratings-details {
  background-color: #FFFFFF;
  padding: 20px;
  box-shadow: 0 2px 10px 0 rgba(74, 73, 74, 0.2);
}

div.product-average-rating div.ratings-details .title {
  padding-left: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 14px;
}

div.product-average-rating table td.rating {
  width: 5%;
  padding-right: 5px;
}

div.product-average-rating table td.rating-digit {
  width: 5%;
  padding-right: 5px;
  padding-bottom: 1px;
}

div.product-average-rating table td.percent {
  width: 80%;
  background: url(../images/bgPercent.png) center repeat-x;
  vertical-align: middle;
}

div.product-average-rating table td.count {
  width: 15%;
  padding-left: 10px;
  padding-right: 20px;
  white-space: nowrap;
  padding-bottom: 1px;
}

div.rating-line {
  height: 19px;
  float: left;
  margin-bottom: 4px;
}

div.rating-5 {
  background-color: #597E9A;
}

div.rating-4 {
  background-color: #6C8FA8;
}

div.rating-3 {
  background-color: #89A7BC;
}

div.rating-2 {
  background-color: #A3BDCD;
}

div.rating-1 {
  background-color: #C3D5E0;
}

div.rating-end {
  background-color: #FFFFFF;
  width: 2px;
  float: left;
}

input.button-average-rating {
  background: url(../../../../images/arrow_down_small.svg) no-repeat;
  cursor: pointer;
  border: none;
  height: 25px !important;
  padding: 0px !important;
  margin: 0px !important;
  border: 0px !important;
  width: 20px;
  background-size: 14px;
  background-position: center;
  position: relative;
  top: 0px;
  color: transparent;
}

div.product-average-rating-container {
  position: absolute;
  z-index: 4500;
  margin-left: 105px;
  display: none;
}

td.product-cell div.product-average-rating {
  padding-bottom: 5px;
  position: relative;
}

div.product-average-rating div.reviews-count {
  /*vertical-align: middle;*/
}

div.product-average-rating > a.link-to-tab {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}

td.product-cell div.product-average-rating div.rating {
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 5px;
}

div.product-average-rating div.vote-bar:hover {
  cursor: default;
}

div.product-average-rating div.vote-bar.editable:hover {
  cursor: pointer;
}