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

div.modify-review-dialog div.buttons {
  text-align: center;
}

div.modify-review-dialog input,
div.modify-review-dialog textarea {
  font-size: 14px;
  width: 310px;
}

div.modify-review-dialog .form-item .table-value .tooltip-main {
  left: auto;
}

div.add-review-button-disabled {
  font-size: 14px;
  color: #626669;
  padding-bottom: 5px;
}

div.icon-help-container {
  float: left;
}

div.modify-review-dialog div.form-item div.icon-help {
  background: transparent url(../images/iconHelp.png) no-repeat 1px top;
  height: 18px;
  width: 18px;
  display: inline-block;
  margin-right: 5px;
  float: left;
}

div.modify-review-dialog div.form-item div.icon-help:hover {
  cursor: pointer;
}

.modify-review-dialog .form-item label.rating {
  white-space: nowrap;
  display: inline;
  vertical-align: middle;
  padding: 0px 10px 0px 0px;
}

.modify-review-dialog .vote-bar {
  display: inline-block;
  vertical-align: middle;
}

div.modify-review-dialog .form-item div.email-label {
  display: none;
}

div.modify-review-dialog .form-item div.email-value {
  width: auto;
  display: inline-block;
  max-width: 275px;
  padding-left: 5px;
}

div.modify-review-dialog .form-item .tooltip-main {
  display: inline-block;
  float: right;
  padding: 0 5px 0 0;
}

.modify-review-dialog .model.form.buttons,
div.modify-review-dialog .model-properties {
  width: 450px;
  margin: 0 auto;
}

div.modify-review-dialog .model-properties .reviewername-value .input-field-wrapper input,
div.modify-review-dialog .model-properties .email-value .input-field-wrapper input,
div.modify-review-dialog .model-properties .review-value textarea {
  width: 450px;
}

div.modify-review-dialog .model-properties .form-item .review-value textarea {
  min-height: 140px;
}

div.modify-review-dialog .form-item {
  margin: 0;
}

div.modify-review-dialog .form-item + .form-item {
  margin-top: 20px;
}

@media (max-width: 767px) {
  div.modify-review-dialog .model-properties,
  div.modify-review-dialog .model-properties .form-item,
  div.modify-review-dialog .model-properties .form-item .table-value,
  div.modify-review-dialog .model-properties .form-item .table-value .input-field-wrapper,
  div.modify-review-dialog .model-properties .reviewername-value .input-field-wrapper input,
  div.modify-review-dialog .model-properties .email-value .input-field-wrapper input,
  .modify-review-dialog .model.form.buttons,
  div.modify-review-dialog .model-properties .review-value textarea {
    width:100%;
  }
}