@media (max-width: 767px) {
  #modal-review,
  .modal-review-draft-email {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
#modal-review .modal-dialog,
.modal-review-draft-email .modal-dialog {
  width: 530px;
  padding-top: 40px;
}
@media (max-width: 767px) {
  #modal-review .modal-dialog,
  .modal-review-draft-email .modal-dialog {
    width: auto;
  }
}
#modal-review .modal-body,
.modal-review-draft-email .modal-body {
  text-align: left;
}
#modal-review h1,
.modal-review-draft-email h1 {
  text-align: center;
}
#modal-review h1 > p,
.modal-review-draft-email h1 > p {
  margin-bottom: 28px;
}
#modal-review form.review .btn-submit,
.modal-review-draft-email form.review .btn-submit {
  width: auto;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}
/* review form (place page & write review page) */
form.review,
form.verify-review-email {
  position: relative;
  overflow: auto;
  text-align: left;
}
form.review p,
form.verify-review-email p {
  margin-bottom: 8px;
  font-size: 14px;
}
form.review .form-group span.error,
form.verify-review-email .form-group span.error {
  position: static;
  margin-top: 8px;
}
form.review .form-control,
form.verify-review-email .form-control {
  border: 1px solid #D9DCE0;
  border-radius: 8px;
  padding: 16px;
}
form.review .form-control:active,
form.verify-review-email .form-control:active,
form.review .form-control:focus,
form.verify-review-email .form-control:focus,
form.review .form-control:hover,
form.verify-review-email .form-control:hover {
  border: 1px solid #9BDEFB;
}
form.review div.rating,
form.verify-review-email div.rating {
  margin-bottom: 24px;
}
form.review div.rating label,
form.verify-review-email div.rating label {
  margin-bottom: 8px;
}
form.review div.rating .form-control,
form.verify-review-email div.rating .form-control {
  border: none;
  padding: 0;
  background-color: transparent;
  line-height: 1;
  color: #FFA72E;
}
form.review div.rating .form-control.rating-1 a:nth-child(-n+1),
form.verify-review-email div.rating .form-control.rating-1 a:nth-child(-n+1),
form.review div.rating .form-control.rating-2 a:nth-child(-n+2),
form.verify-review-email div.rating .form-control.rating-2 a:nth-child(-n+2),
form.review div.rating .form-control.rating-3 a:nth-child(-n+3),
form.verify-review-email div.rating .form-control.rating-3 a:nth-child(-n+3),
form.review div.rating .form-control.rating-4 a:nth-child(-n+4),
form.verify-review-email div.rating .form-control.rating-4 a:nth-child(-n+4),
form.review div.rating .form-control.rating-5 a:nth-child(-n+5),
form.verify-review-email div.rating .form-control.rating-5 a:nth-child(-n+5) {
  color: #FFA72E;
}
form.review div.rating a,
form.verify-review-email div.rating a {
  color: #D9DCE0;
  text-decoration: none;
}
form.review div.rating a.off,
form.verify-review-email div.rating a.off {
  color: #D9DCE0 !important;
}
form.review div.rating a.on,
form.verify-review-email div.rating a.on {
  color: #FFA72E !important;
}
form.review div.rating svg.star,
form.verify-review-email div.rating svg.star {
  width: 24px;
  height: 24px;
}
form.review div.side-by-side,
form.verify-review-email div.side-by-side {
  gap: 8px;
}
form.review div.side-by-side .form-group,
form.verify-review-email div.side-by-side .form-group {
  display: block;
  flex-basis: 47%;
}
form.review div.description textarea,
form.verify-review-email div.description textarea {
  height: 120px;
  resize: none;
}
form.review div.review-policy,
form.verify-review-email div.review-policy {
  margin-bottom: 16px;
}
form.review div.review-policy a,
form.verify-review-email div.review-policy a {
  font-size: 14px;
  text-decoration: underline;
  font-style: italic;
}
form.review .cancel-review,
form.verify-review-email .cancel-review {
  color: #007EB5;
  font-weight: bold;
}
form.review .cancel-review:hover,
form.verify-review-email .cancel-review:hover {
  color: #005F89;
}
form.review .btn-secondary,
form.verify-review-email .btn-secondary {
  float: right;
  width: auto;
}
form.review.disabled .form-control {
  border-color: #D9DCE0;
  background-color: #F5F5F5;
  color: #AFB5BC !important;
}
#modal-auth form.verify-review-email {
  margin-bottom: 0;
}
#modal-auth form.verify-review-email span.error {
  bottom: revert;
  background-color: revert;
}