/* Popover de informacion del vuelo */
.infoVuelo {
  background: #FFF !important;
  border: 1px solid $colorBordes;

  .icon-anyfill-graph-info-circle * {
    fill: $brand-brown-medium;
  }

  .icon-anyfill-ui-close {
    width: 12px;
    height: 10px;
    &, & * {
      fill: $brand-copy-light;
    }
  }

  .cerrar {
    font-size: 12px;
    display: inline-block;
  }

  span {
    display: block;
  }

  .dato {
    color: $brand-copy-light;
    font-weight: $roboto-light;
    font-size: $font-size-base;
    display: inline-block;
  }

  .detalles {
    .dato {
      display: block !important;
    }
  }

  .dato {
    span {
      display: inline-block;
    }

    span:first-child {
      position: relative;
      top: -4px;
    }
  }

  .infoDato {
    font-weight: $roboto-light;
    font-size: $font-size-base;
    display: inline-block;
    margin-right: 5px
  }

  .infoDato.clase {
    margin-right: 0;
    display: block;
  }

  .ciudad {
    font-weight: $roboto-regular;
    font-size: $font-size-base;
    margin-top: -5px;
    clear: both;

    .pais {
      font-weight: $roboto-light;
      font-size: $font-size-base;
      display: inline-block;
    }
  }

  .duracion {
    color: $brand-copy-light;
    font-weight: $roboto-light;
    font-size: 11px;
    margin: 0 0 5px 0;
    @media (min-width: $screen-md-min) {
      margin: -12px 0 5px 0;
    }
  }

  .vuelo {
    font-weight: $roboto-light;
    font-size: $font-size-base;
    color: $brand-grey-dark;
  }

  .separador {
    border-bottom: 1px solid $colorBordes;
    display: block;
    width: 96%;
    margin: 12px 2%;
    float: left;
  }

  .separadorDashed {
    border-bottom: 1px dashed $colorBordes;
    margin: 20px 0;
  }

  .origen {
    text-align: right;
    @media (min-width: $screen-md-min) {
      margin-top: -19px;
    }
  }

  .destino {
    text-align: left;
    @media (min-width: $screen-md-min) {
      margin-top: -19px;
    }
  }

  .servicios {
    text-align: center;
    padding: 0;
  }

  .contEscala {
    padding: 36px 0 37px;
    background: transparent url("/headers/ilusion/"+ $assets-folder +"/dist/svg/icon-ownfill-deco-bar-D0CBC9.svg") repeat-x scroll right center;
    margin-top: -23px;
  }

  .escala {
    color: $brand-grey-dark;
    border: 1px solid $colorBordes;
    border-radius: 30px !important;
    background: #fff;
    padding: 0 20px;
    display: inline-block;
    margin: 0 auto;

    span {
      display: inline-block;
      margin: 7px 0 3px;
    }

    .infoEscala {
      vertical-align: super;
      font-size: $font-size-base;
    }
  }
  .datoVuelo {
    width: 104px !important;
    margin-left: auto;
    margin-top: -6px;
  }

  .datoClase {
    width: 103px !important;
    color: $brand-grey-dark !important;
    margin: -6px 35px;
  }

  .datoClase.SinServicio {
    margin: 0 !important;
  }

  .servicios {
    margin-left: auto;
    margin-right: auto;
  }

  .datosAmpliados {
    clear: both;

    li {
      display: inline-block !important;
      vertical-align: top;
    }
  }
}

/* Fin del popover de la informacion del vuelo */

/* Popover del desglose del precio */

.popover {
  max-width: 100% !important;
}

.popover-content.infoPrecio-popover {
  padding: 0 !important;
}

.infoPrecio {
  width: 392px;
  position: relative;
  background: #FFFFFF;

  ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 25px !important;

    li {
      border-bottom: 1px dashed $colorBordes;
      display: inline-block !important;
      color: $brand-grey-dark !important;
      font-weight: $roboto-light !important;
      font-size: $font-size-base !important;
      padding: 0 0 5px 0 !important;
      width: 100% !important;
      margin-top: 10px !important;

      div {
        padding: 0 !important;
      }
    }

    li:nth-last-child(2) {
      border-bottom: 1px solid $colorBordes;
    }

    li:last-child {
      border-bottom: 0px !important;
    }

    .precioBillete {
      @include medium-weight;
      color: $brand-copy-light;
    }

    .destacado {
      @include medium-weight;
      color: $brand-green;
      &.precioBillete bdi {
        direction: ltr;
      }
    }

    .precioTotal {
      @include medium-weight;
      font-size: 18px;
    }
  }

  .suplementos {
    ul {
      padding: 0 0 !important;
      margin: -8px 0 !important;
    }

    li {
      border-bottom: 1px solid $colorBordes;
      padding: 2px 5px !important;
      font-size: $font-size-base !important;
    }

    li:nth-last-child(2) {
      border-bottom: 1px solid $colorBordes;
    }
  }

  .infoAdicional {
    background: $menu-hover-bg;
    font-weight: $roboto-regular;
    padding: 25px !important;
    font-size: $font-size-base;

    svg {
      width: 10px;
      height: 10px;

      * {
        fill: #459ae4;
      }
    }

  }
}
/* Fin del popover del desglose del precio */

// Modal alerta precios y confirmación
.price_alert_modal {
  .modal-text {
    > svg {
      margin: 20px 0;
      width:60px;
      height:66px;
      &.icon{
        width:40px;
        height:40px;
        fill:$brand-green;
      }
    }
    .checkbox label,
    .radio label {
      font-size: 12px;
    }
    .checkbox + p{
      font-size:12px;
      a{
        text-transform:lowercase;
      }
    }
    .modal_confirmation_text_confirmation{
      font-size:21px;
    }
    .modal_confirmation_text_revision {
      font-size: 16px;
      margin-bottom: 15px;
    }
    .modal_confirmation_text_revision_mail{
      font-size:12px;
      margin-bottom:30px;
    }
  }
  .bg_modal {
    background: $brand-grey-light;
    padding: 10px;
    width: 100%;
    border-radius: 8px;
    margin: 15px 0;
    .icon {
      width: 20px;
      height: 20px;
      fill: $brand-grey-medium;
      vertical-align: bottom;
      margin: 0 5px;
    }
  }
  button{font-weight:$roboto-light!important}
}

.buscadorModificaBusqueda {
  .addhotel_label {
    display: none !important;
  }
}
.tooltip {
  .icon-anyfill-graph-luggage, .icon-anyfill-graph-luggage-no {
    width: 20px !important;
    height: 20px !important;
    &, & * {
      fill: #cfcdcb;
    }
  }
}