/* Formulario de valoración de un hotel por parte de un cliente: BOC */
#add_review_form {
  h2 {
    font-size: $font-size-h4;
    font-weight: $roboto-bold;
    color: $brand-grey-dark;
    text-transform: uppercase;
  }
  .range_review {
    label {
      font-size: $font-size-small;
      @include medium-weight;
      line-height: 1.75;
      color: $brand-grey-dark;
      text-transform: uppercase;
    }
    .rangeValoration {
      margin-bottom: 30px;
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      li {
        display: block;
        text-align: center;
        font-size: $font-size-small;
        font-weight: $roboto-light;
        color: $brand-copy-light;
        padding: 0 6px;
        &.range_number {
          cursor: pointer;
        }
      }
    }
    /* Generando los números destacados según la valoración seleccionada: BOC */
    $step: 5;
    @for $i from 1 through $step {
      .value_#{$i} {
        li:nth-child(#{$i}) {
          font-weight: $roboto-bold;
          font-size: $font-size-base;
          line-height: 20px;
        }
      }
    }
    /* Generando los números destacados según la valoración seleccionada: EOC */
  }
  .text_review {
    margin-top: 10px;
    p, .smallLabel {
      font-size: $font-size-small;
    }
    .smallLabel {
      padding-left: 20px;
      padding-bottom: 20px;
      position: relative;
      a:hover {
        text-decoration: underline;
        cursor: pointer;
      }
      input {
        position: absolute;
        top: 0;
        left: 0;
      }
    }
  }
}

/* Validación del formulario: BOC */
.has_error,
.has_error:focus {
  border: 1px solid $brand-red;
  background-color: transparent;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAANCAYAAAGY4d1iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAatJREFUeNpi/P//PwMMMDIyMsD4TAxI4F2MWDqMDRBAYBUwVe+iRSvgfBjjbbToQWSFAAEEZyBjkCKYsehyWDXA3YJkJQwDBBCm6TGiW5E9QFADCICc9CZa5D82DSjBQRQg1UkAAYTV09hCDRa8YCfHiObjcjI6ZkQORVwAlARA4E2M6DegLk6RpW8YkV1Mkpep7QOAACKo4H28qN3/WHFudIe9jRFrIsZxBGNZ4B/T2bf//n5BtgTkemAYPScmURCMA3AWBBoOskSYiZnn3b+/nxkYGUqEl7zpIyr+iLEABL6kiIn/+P7vBZC/W3jJazeiIhi9XMCZEIA+ABkO8gHQVJe3MSJFxOYbFmIMhwUP4+KXX0GOAsUBsDT5DmRPp9gHH5j+GSMZDgagfAAMHElifAAQYERlNELgXazYVqA5XowMjIeEmJi8kB2DlrRL/v//1w2M1f/MjAwm/Itfn6PUbqp4AJaS3/37tw2Yu+zQPfIuVjT737//U6Cq80SWvp5MbCKkmweQ0xzCIww3gUJqQBsYmRgZK4SWvO5ELwUpBUwMQxyMJqGBzsQAeWMgmlncPAAAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-position: right 30px;
}
input[type=checkbox] {
  border: 1px solid $input-border;
  border-radius: 3px;
  height: 10px;
  width: 10px;
}
input.has_error[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 1px solid $brand-red;
}

.error_text {
  color: $brand-red;
  font-size: $font-size-small;
  font-weight: $roboto-light;
}
#review_conditions_accepted-error {
  bottom: 0;
  position: absolute;
}
/* Validación del formulario: EOC */

/* input[type=range]: BOC  */
/*
Cargamos diferentes css para ie y el resto de navegadores
/headers/ilusion/sunrise/sass/web/reviews/hotel_form_opinions_range_ie.scss
/headers/ilusion/sunrise/sass/web/reviews/hotel_form_opinions_range.scss
*/
/* input[type=range]: EOC  */

/* Formulario de valoración de un hotel por parte de un cliente: EOC */

/* Small devices (tablets, 768px and up) */
@media (min-width: $screen-sm-min) {

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: $screen-md-min) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: $screen-lg-min) {
  #add_review_form {
    .range_review {
      border-right: 1px solid #d8d8d8;
      padding: 0 25px 0 0;
      margin: 15px 0;
      h2 {
        margin-top: 5px;
      }
    }
  }
}

/* Correccion para movil iPhone del zoom a los inputs */
@media (max-width: $screen-xs-max) {
  input[type="text"].form-control.iphone-input, textarea.form-control.iphone-input {
    font-size: 16px;
  }
}