/* Tabla con relación de precios de hoteles en una localidad tabulados por categoría y semanas: BOC */

/* Contenedor con border alrededor de la tabla */
.weeklyAveragePrizesHotels_cont {
  margin-bottom: 6px;
  border-radius: $border-radius-large;
  border: solid 1px $btn-transparent-border;
  overflow: hidden;
}
/* tabla */
.weeklyAveragePrizesHotels {
  tr {
    border-bottom:1px solid $btn-transparent-border;
    display: none;
  }
  tr:nth-child(odd) {
    background: #FFFFFF;
  }
  tr:nth-child(even) {
    background: #F8F8F8
  }
  thead {
    tr:first-child {
      background: $brand-grey-light;
    }
  }
  tr:last-child {
    border-bottom: none;
  }
  tbody tr:nth-child( 1 ) {
    display: table-row;
  }
  td, th {
    border-collapse: collapse;
    padding: 7px 20px;
    display: block;
    border-bottom:1px solid $btn-transparent-border;
  }
  tbody {
    tr:last-child td, tr:last-child th {
      border-bottom: none;
    }
  }
  td:nth-child(even) {
    background: #ffffff;
  }
  td:nth-child(odd) {
    background: #F8F8F8
  }
  td:last-child {
    border-bottom: none;
  }
  th.fecha {
    background: $brand-grey-light;
  }
}

/* tipografías */
.weeklyAveragePrizesHotels {
  font-size: $font-size-small;/* 12px */
  @include medium-weight;
  color: #9b9b9b;
  th {
    text-align: left;
  }
  td {
    text-align: right;
  }
  .fecha {
    text-align: center;
    font-weight: $roboto-bold;
  }
  th {
    @include medium-weight;
  }
  .category {
    float: left;
  }
  .from-price {
    font-size: 10px;
    font-weight: $roboto-light;
    color: $brand-copy-light;
  }
  .price {
    .price {
      font-size: $font-size-large;
      font-weight: $roboto-bold;
      line-height: 0.88;
      color: $brand-grey-dark;
      .symbol {
        font-size: $font-size-small;
      }
    }
  }
}
p.caption {
  font-size: $font-size-small;
  color: $brand-copy-light;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: $screen-sm-min) {
  .weeklyAveragePrizesHotels {
    td:nth-child(even),
    td:nth-child(odd) {
      background: transparent;
    }
    td:before {
      content: attr(data-label);
      float: left;
      margin-right: 80px;
    }
    .fecha {
      display: none;
    }
  }
}
@media (min-width: $screen-sm-min) and (orientation: landscape) {
  .weeklyAveragePrizesHotels {
    td:before {
      margin-right: 150px;
    }
  }
}

/* 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) {
  .weeklyAveragePrizesHotels {
    tr {
      display: table-row;
    }
    th {
      display: table-cell;
      text-align: left;
      padding: 12px 20px;
      svg {
        display: block;
      }
    }
    td {
      display: table-cell;
      text-align: center;
      padding: 12px 20px;
    }
    td:before {
      content: "";
      display: none;
    }
    th.fecha {
      background: none;
      display: table-cell;
      padding-left: 30px;
      text-align: left;
      white-space: nowrap;
    }
    .category {
      display: none;
    }
  }
}
/* Tabla con relación de precios de hoteles en una localidad tabulados por categoría y semanas: EOC */