.bg-itinerario {
  background-color: #d0f4e6;
  color: #0d6309;
  font-weight: 500;
  padding-left: 0px;
  padding-right: 0;
}
.bg-itinerario h1,
.bg-itinerario-seleccion h1 {

  margin: 0;
  font-size: 14px;
}

.bg-itinerario-seleccion {
  background-color: #d8dce0;
  color: #006a7b;
  font-weight: 500;
  padding-left: 0px;
  padding-right: 0;
  margin: 15px;
  border-radius: 5px;
}
.label-ida-vuelta{
  color: #FFFFFF;
  background-color: #303542;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center;
  border-radius: 0 25px 25px 0;
}

.label-ida-vuelta-seleccion{
  color: #FFFFFF;
  background-color: #303542;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center;
  border-radius: 0 25px 25px 0;
}
.itinerario{
  padding-bottom: 10px;
  padding-top: 10px;
}
.contenedorViaje{
  border-top: 1px solid #1fe0b3;
  border-bottom: 6px solid #1fe0b3;
  border-right: 1px solid #1fe0b3;
  margin-top: 13px;
  border-left: 1px solid #1fe0b3;
  border-radius: 5px;
  background-color: white;
}
.contenedorViajeSeleccion{
  border: 1px solid #ccc;
  /* border-bottom: 1px solid #ccc; */
  /* border-right: 1px solid #ccc; */
  margin-top: 13px;
  margin-bottom: 20px;
  background-color: white;
  border-radius: 5px;
}
.borderLeft {
  border-left: 1px solid #ccc;
}
.celda {
  /* border-left: 1px solid #ccc; */
  /*min-height: 100px;*/
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 80px;
}
.txt_salida_llegada {
  color: #0d6309;
  float: left;
  font-size: 12px;
  font-weight: bold;
  width: 100%;
}
.hora-new {
  color: #000000;
  float: left;
  font-size: 20px;
  font-weight: bold;
  width: 100%;
}
.fecha-new {
  color: #888;
  float: left;
  font-size: 13px;
  width: 100%;
}
.duracion {
  color: #888;
  font-size: 13px;
  text-align: center;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 10px;
}

.recorridoIda {
  cursor: pointer;
  color: #0f6674;
}
.recorridoVuelta {
  cursor: pointer;
  color: #0f6674; 
}
.contenedor_comodidades {
  padding: 0px;
  position: relative;
  right: -15px;
  background-color: #f5f5f5;
  border-radius: 5px;
  border: none;
}
.contenedor_item_comodidades{
  position: relative;
  right: -15px;
  padding: 0;
  min-height: 80px;
}
.contenedor_item_comodidades:nth-child(2){
  border-top: 1px solid #ccc;
}
.item_comodidades{
  /* border-left: 1px solid #ccc; */
  /* border-bottom: 1px solid #ccc; */
  /* border-top: 1px solid #ccc; */
  display: flex;
  align-items: center;
  justify-content: center;
}
.calidad {
  color: #0d6309;
  float: left;
  font-weight: bold;
  width: 100%;
  text-align: center;
  font-size: 13px;
  /* line-height: 13px; */
  /* padding: 10px 0; */
}
.contendorCantidadPasajes{
  padding: 12px;
}
.cantidad_pasajes {
  color: #000000;
  float: left;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  width: 100%;
}
.txt_pasajes {
  color: #000000;
  float: left;
  text-align: center;
  font-size: 15px;
  width: 100%;
}
.precio {
  color: #000000;
  font-size: 24px;
  font-weight: bold;
  width: 100%;
  float: left;
  text-align: center;
}
.cargo_servicio {
  color: #000000;
  font-size: 10px;
  width: 100%;
  float: left;
  text-align: center;
}
.celdaComprar{
  /* background-color: #cdd8d4; */
}

.comprarIda{
  color: #fff;
  background-color: #94bb1d;
  border-color: #94bb1d;
  border-radius: 5px;
  margin: 7px auto;
  border: none;
  padding: 15px;
}
.seleccionarIda{
  color: #fff;
  background-color: #94bb1d;
  border-color: #94bb1d;
  border-radius: 15px;
  margin: 7px auto;
}
.seleccionarVuelta{
  color: #fff;
  background-color: #94bb1d;
  border-color: #94bb1d;
  border-radius: 15px;
  margin: 7px auto;
}
.modificarIda{
  color: #fff;
  background-color: #e79d11;
  border-color: #6c757d;
  margin: 7px auto;
}
/************BUTACAS***********/
.piso{
  padding: 4px;
}
.contenedorPiso{
  float: left;
  width: 100%;
  box-shadow: 0 3px 9px rgb(0 0 0 / 30%);
  padding: 20px 0px;
  border-radius: 0px 0px 5px 15px;
  background-color: white;
  /* max-height: 50vh; */
  /* overflow: auto; */
}
.fila {
  float: left;
  width: 100%;
}
.ul_columna{
  list-style: none;
  padding: 8px;
}
.li_columna{
  float: left;
  font-size: 11px;
  height: 30px;
  list-style: outside none none;
  margin: 0px auto 5px auto;
  text-align: center;
  width: 20%;
}
.Butaca{
  background: url(../images/butacas.svg) no-repeat;
  height: 35px;
  width: 35px;
  background-color: #cccccc;
  padding-top: 8px;
  font-weight: bold;
  margin: 0 auto;
}
.unselectable{
  background-position-y: -35px;
}
.selectable_ida{
  background-color: #c4f3c1;
  cursor: pointer;
}
.selected_ida{
  background-color: #4db848;
}
.selectable_vuelta{
  background-color: #c4f3c1;
  cursor: pointer;
}
.selected_vuelta{
  background-color: #4db848;
}
.titulos_mapa_butaca{
  float: left;
  width: 100%;
  text-align: center;
  background-color: #4db848;
  color: #ffffff;
  /* height: 30px; */
  border-radius: 5px 5px 0px 0px;
  padding: 15px;
  /* box-shadow: 0 3px 9px rgb(0 0 0 / 30%); */
}
.indicaciones{
  float: left;
  width: 100%;
  text-align: center;
}
.avisoCargarPasajero {
  background: #13499f none repeat scroll 0 0;
  font-size: 13px;
  margin-top: 14px;
  padding: 5px;
  text-align: center;
  color: #ffffff;
}
.titulo_nombre_apellido {
  color: #727850;
  font-size: 13px;
  font-weight: bold;
  margin: 10px auto 0;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}
.fecha_nacimiento {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
}
.septop {
  border-top: 1px solid #cccccc;
  margin-top: 8px;
  padding-top: 8px;
  text-align: center;
}
.pasajero {
  border: 1px solid #cccccc;
  color: #000000;
  font-size: 13px;
  font-weight: bold;
  min-height: 48px;
  padding: 8px 0 3px;
  text-align: center;
}
.eliminarpasjeroida {
  cursor: pointer;
}
#butacas-seleccionadas-ida{
  float: left;
  width: 100%;
}
.nombre_apellido {
  color: #2b2d2f;
  font-size: 14px;
  font-weight: bold;
  margin: 2px auto 0;
  text-align: left;
  text-transform: capitalize;
  width: 100%;
}
.btn_verde {
  width: 100%;
  background-color: #4db848;
  height: 35px;
  color: #fff;
  text-align: center;
  float: inherit;
  margin-top: 10px;
  padding: 8px;
  font-weight: bold;
  font-size: 16px;
  border-radius: 4px;
}
.avisoeliminarPasajero{
  background: #e01919 none repeat scroll 0 0;
  font-size: 13px;
  margin-top: 14px;
  padding: 5px;
  text-align: center;
  color: #ffffff;
  float: left;
  width: 100%;
}
.repeat_pasajero{
  color: #2b2d2f;
  font-size: 16px;
  font-weight: bold;
  margin: 2px auto 0;
  text-align: left;
  text-transform: capitalize;
  width: 100%;
}
.titulos_checkout{
  background-color: #0045a3;
  color: #FFFFFF;
  font-size: 15px;
  padding: 10px;
}
.mediosPago_checkout{
  padding-top: 13px;
  border-bottom: 1px solid #4db848;
  font-size: 15px;
  font-weight: bold;
  color: #3a8a36;
}
.detale_pago_checkout{
  font-size: 13px;
  font-weight: 500;
}
.bg_total{
  background-color: #0045a3;
  color: #FFFFFF;
}
.direccionSalidallegada{
  width: 100%;
  float: left;
  text-align: left;
}
.search-box {
  background: rgba(0, 0, 0, 0.45) none repeat scroll 0 0;
  padding: 20px;
  border-radius: 4px;
}
.search-box h1{
  color: #FFFFFF;
}
.blanco{
  color: #FFFFFF;
}
.banner0{
  background: rgba(0, 0, 0, 0) url("../../images/banner.jpg") no-repeat scroll 0 0 / cover ;
  padding: 2em 0;
}
.banner1{
  background: rgba(0, 0, 0, 0) url("../../images/banner1.jpg") no-repeat scroll 0 0 / cover ;
  padding: 2em 0;
}
.banner2{
  background: rgba(0, 0, 0, 0) url("../../images/banner3.jpg") no-repeat scroll 0 0 / cover ;
  padding: 2em 0;
}
.row {
  /* display: -ms-flexbox; */
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.ventapresencial{
  width: 100%;
  float: left;
  text-align: center;
  background-color: #4DB848;
  font-size: 16px;
  border: 2px solid;
  border-radius: 14px;
}
.avisopresencial{
  width: 100%;
  float: left;
  margin-top: 13px;
  font-weight: bolder;
  text-align: center;
  font-size: 19px;
}
.avisosucursales{
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 10px;
}
.cte_margin_top {
  margin-top: 10px;
}
@media (min-width: 576px){
  .container {
    max-width: 100%;
  }
}
.col-12.avisoButacas {
  padding: 5px 15px;
}