h1 {
  color: #813E21 !important;
}

.tb-text-primary {
  color: #813E21 !important;
}

.lista-corridas {
  padding: 0px !important;
}

.lst-corridas-fecha {
  color: #000 !important;
  font-size: 1rem !important;
}

.lst-corridas-od {
  font-size: 1.4rem !important;
}

.lst-corridas-btn-box {
  margin-top: 10px !important;
}

.lst-corridas-btn {
  font-size: 1rem !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.bi-backspace {
  height: 16px !important;
  width: 16px !important;
  align-self: center;
  margin-top: -4px !important;
}


.link-mapa {
  width: 100% !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.nolink-mapa {
  width: 100% !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.origen-destino-mapbox {
  width: auto !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.origen-destino {
  font-size: 1rem !important;
}

.bi-geo-alt {
  width: 16px !important;
  height: 16px !important;
}

.corrida-item-logo {
  max-height: 55px !important;
  max-width: 120px !important;
  object-fit: scale-down !important;
}

.precio {
  font-size: 1.4rem !important;
}

.precio-mxn {
  font-size: 1rem !important;
}

@media (max-width: 450px) {
  .lst-corridas-fecha {
    font-size: 0.9rem !important;
  }

  .lst-corridas-od {
    font-size: 1.3rem !important;
  }

  .lst-corridas-btn {
    font-size: 0.9rem !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
  }

  .bi-backspace {
    height: 14px !important;
    width: 14px !important;
    align-self: center;
    margin-top: -2px !important;
  }

  .corrida-item-logo {
    max-width: 110px !important;
  }

  .precio {
    font-size: 1.3rem !important;
  }

  .precio-mxn {
    font-size: 0.90rem !important;
  }

  .origen-destino {
    font-size: 0.9rem !important;
  }

  .bi-geo-alt {
    width: 15px !important;
    height: 15px !important;
  }
}

@media (max-width: 405px) {
  .lst-corridas-fecha {
    font-size: 0.85rem !important;
  }

  .lst-corridas-od {
    font-size: 1.2rem !important;
  }

  .lst-corridas-btn {
    font-size: 0.8rem !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .bi-backspace {
    height: 12px !important;
    width: 12px !important;
    align-self: center;
    margin-top: -2px !important;
  }

  .corrida-item-logo {
    max-width: 100px !important;
  }

  .precio {
    font-size: 1.2rem !important;
  }

  .precio-mxn {
    font-size: 0.80rem !important;
  }

  .origen-destino {
    font-size: 0.8rem !important;
  }

  .bi-geo-alt {
    width: 14px !important;
    height: 14px !important;
  }
}

@media (max-width: 380px) {
  .lst-corridas-fecha {
    font-size: 0.80rem !important;
  }

  .lst-corridas-od {
    font-size: 1.1rem !important;
  }

  .lst-corridas-btn {
    font-size: 0.7rem !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .bi-backspace {
    height: 12px !important;
    width: 12px !important;
    align-self: center;
    margin-top: -2px !important;
  }

  .corrida-item-logo {
    max-width: 90px !important;
  }

  .precio {
    font-size: 1.1rem !important;
  }

  .precio-mxn {
    font-size: 0.70rem !important;
  }

  .origen-destino {
    font-size: 0.70rem !important;
  }

  .bi-geo-alt {
    width: 13px !important;
    height: 13px !important;
  }
}

@media (max-width: 361) {
  .lst-corridas-fecha {
    font-size: 0.75rem !important;
  }

  .lst-corridas-od {
    font-size: 1.0rem !important;
  }

  .lst-corridas-btn {
    font-size: 0.6rem !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .bi-backspace {
    height: 10px !important;
    width: 10px !important;
    align-self: center;
    margin-top: -3px !important;
  }

  .corrida-item-logo {
    max-width: 80px !important;
  }

  .precio {
    font-size: 1rem !important;
  }

  .precio-mxn {
    font-size: 0.60rem !important;
  }

  .origen-destino {
    font-size: 0.65rem !important;
  }

  .bi-geo-alt {
    width: 12px !important;
    height: 12px !important;
  }
}

@media (max-width: 335px) {
  .lst-corridas-fecha {
    font-size: 0.70rem !important;
  }

  .lst-corridas-od {
    font-size: 0.90rem !important;
  }

  .lst-corridas-btn {
    font-size: 0.5rem !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .bi-backspace {
    height: 10px !important;
    width: 10px !important;
    align-self: center;
    margin-top: -3px !important;
  }

  .corrida-item-logo {
    max-width: 70px !important;
  }

  .precio {
    font-size: 0.9rem !important;
  }

  .precio-mxn {
    font-size: 0.50rem !important;
  }

  .origen-destino {
    font-size: 0.60rem !important;
  }

  .bi-geo-alt {
    width: 11px !important;
    height: 11px !important;
  }
}

.MuiSwitch-thumb {
  color: #813E21 !important;
}

.MuiSwitch-track {
  color: #B67B51 !important;
}

.btn-primary {
  color: #fff !important;
  background-color: #813E21 !important;
  border-color: #B67B51 !important;
  /*set the color you want here*/
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
  color: #fff !important;
  background-color: #B67B51 !important;
  border-color: #813E21 !important;
  /*set the color you want here*/
}

.btn-outline-primary {
  color: #813E21 !important;
  background-color: #fff !important;
  border-color: #813E21 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.open>.dropdown-toggle.btn-outline-primary {
  color: #fff !important;
  background-color: #B67B51 !important;
  border-color: #813E21 !important;
  /*set the color you want here*/
}

.btn-disable:hover {
  cursor: not-allowed !important;
}

.btn {
  border-radius: 5 !important;
}

.form-check-input {
  background-color: #fff !important;
}

.form-check-input:checked {
  background-color: #B67B51 !important;
}


.card:hover {
  background-color: #ececec !important;
}

.link-mapa:hover {
  cursor: pointer !important;
}

.time {
  color: #B67B51 !important;
  ;
}

.linear {
  display: flex !important;
  justify-content: center !important;

  .time {
    position: absolute !important;
    margin-top: -10px !important;
  }

  .connexion {
    position: absolute;
    margin-top: 25px;
  }

  span {
    flex: 1 1 auto !important;
    background-color: #813E21 !important;
    height: 2px !important;
    position: relative !important;
    margin: 13px 18px 15px !important;
    width: '30%' !important;

    &:before,
    &:after {
      background-color: #813E21 !important;
      border-radius: 50% !important;
      content: "" !important;
      height: 6px !important;
      position: absolute !important;
      top: -2px !important;
      width: 6px !important;
      display: flex !important;
    }

    &:after {
      right: -2px !important;
    }
  }
}


.arrowBack {
  border: 1px solid !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: .25rem !important;
  border-radius: 50% !important;
  border-color: #813E21 !important;
  margin-top: 3px !important;
  margin-right: 5px !important;

  &:hover {
    transition: ease-in-out .25s !important;
    background-color: #813E21 !important;
    cursor: pointer !important;

    svg {
      fill: #ffffff !important;
    }
  }
}

.body {
  /* background-image: url('../../assets/images/bus-top.png') !important; */
  /* background-position: center -142px; */
  /* height: 1024px !important; */
  padding-top: 10px !important;
  background-repeat: no-repeat !important;
  background-size: initial !important;
  margin: auto !important;
  overflow: hidden !important;
  position: relative !important;
  width: 370px !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;

  .bus {
    margin-left: 2rem;

    .bus-row {
      .bus-seat {
        width: 30px !important;
        padding: .25rem !important;
        border: 1px solid !important;
        border-radius: .25rem !important;
        margin: .25rem !important;
        margin-top: .75rem !important;
        font-weight: 500 !important;

        &.wc {
          font-size: .75rem;
        }

        &.available {
          background-color: #ffffff !important;
          border-color: #ccc !important;
          color: #813E21 !important;

          &:hover {
            cursor: pointer !important;
          }
        }

        &.unavailable {
          background-color: #ccc !important;
          border-color: #ccc !important;
          color: white !important;
          font-weight: 500 !important;

          &:hover {
            cursor: not-allowed !important;
          }
        }

        &.selection {
          background-color: rgb(173, 8, 8) !important;
          border-color: rgb(90, 3, 3) !important;
          color: white !important;
          font-weight: 500 !important;

          &:hover {
            cursor: not-allowed !important;
          }
        }

        &.null {
          border: none !important;
        }
      }

    }
  }
}

.asiento {
  justify-content: center !important;
  align-content: center !important;
  text-align: center !important;
  border-width: 1 !important;
  margin-left: 2 !important;
  margin-right: 2 !important;
  border-radius: 8 !important;
  border-color: #ccc !important;
}


.available {
  background-color: #ffffff !important;
  border-color: #ccc !important;
  color: #813E21 !important;

}

.available:hover {
  cursor: pointer !important;
}

.unavailable {
  background-color: #5a5858 !important;
  color: white !important;
  font-weight: 600 !important;
}

.unavailable:hover {
  cursor: not-allowed !important;
}

.selection {
  background-color: rgb(173, 8, 8) !important;
  border-color: rgb(90, 3, 3) !important;
  color: white !important;
  font-weight: 500 !important;
}

.selection:hover {
  cursor: pointer !important;
}

.wc {
  color: #fff !important;
}

.seats-data-form {
  .resumen {
    .seats-data-list {
      padding-left: 0px !important;

      li {
        &:hover {
          background-color: #efefef !important;
        }

        i {
          &:hover {
            cursor: pointer !important;
          }
        }
      }
    }
  }
}

.lista-resumen:hover {
  background-color: #efefef !important;
}

.asiento-trash:hover {
  cursor: pointer !important;
}

.resumen-tit {
  background-color: #B67B51 !important;
  color: #fff !important;
  font-weight: 500 !important;
  padding: 3px;
}

.resumen-text {
  color: #fff !important;
  font-weight: 500 !important;
}

.mi-btn {
  background-color: #813E21 !important;
  color: #fff !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  border-radius: 5px !important;
}

.modal-input {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  justify-content: center !important;
  align-content: center !important;
  text-align: center !important;
  vertical-align: middle !important;
}

.modal-interior {
  justify-content: center !important;
  align-content: center !important;
  text-align: center !important;
  vertical-align: middle !important;
}

.input-card {
  background-color: #fff !important;
  color: #000 !important;
  border-radius: 5px !important;
  width: 370px !important;
}

.input-card input {
  max-width: 350px !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.etiqueta {
  text-align: left !important;
  margin-left: 10px !important;
}

.modal-titulo {
  color: #000 !important;
  font-weight: 600 !important;
}

.modal-titulo-error {
  color: #ff0000 !important;
  font-weight: 600 !important;
}

.error-mini {
  color: red !important;
  font-size: 0.75rem !important;
}

.faltante-tit {
  color: red !important;
  font-size: 0.95rem !important;
}

.faltante-item {
  color: red !important;
  font-size: 0.75rem !important;
}

.fomas-de-pago {
  display: flex !important;
  flex-direction: column !important;
  /* align-items: center; */
  justify-content: center !important;
  /* height: 100vh; */
}

.fp-titulo {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
}

.fp-subtitulo {
  font-size: 1.5rem !important;
  font-weight: 400 !important;
}

.fp-col-titulo {
  font-size: 1rem !important;
  font-weight: 600 !important;
}

.fp-btn {
  background-color: #fff !important;
  border-width: 1px !important;
  border-color: #B67B51 !important;
  height: 55px !important;
}

.fp-btn:hover {
  border-color: #813E21 !important;
  background-color: #ffdec7 !important;
}

.logo-oxxo {
  max-height: 50px !important;
  max-width: 150px !important;
  object-fit: scale-down !important;
  margin-right: 10px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.cronometro {
  position: fixed !important;
  border-color: #ffdec7 !important;
  background-color: #813E21 !important;
  color: #fff !important;
  top: 170px !important;
  left: 10px !important;
  padding: 10px !important;
  border-radius: 50% !important;
  /* margin-top: 10px !important; */
  ;
}

.ficha-oxxo-logo {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
}

.ficha-oxxo {
  width: 400px !important;
  /* height: 100px !important; */
  margin: 0 auto !important;
  font-size: 0.8rem !important;
  color: #000 !important;
}

.imagen {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  height: 100px !important;
}

.ficha-oxxo-saludo {
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  color: #000 !important;
}

.ficha-oxxo-barbode-box {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.ficha-oxxo-barcode {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 200px !important;
}

.ficha-oxxo-ref {
  font-size: 1.2rem !important;
  font-weight: 400 !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  color: #000 !important;
}

.ficha-oxxo-debes-pagar {
  font-size: 1rem !important;
  font-weight: 500 !important;
  color: #5a5858 !important;
}

.ficha-oxxo-por-pagar {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: #000 !important;
}

.ficha-exxo-comision {
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  padding-top: 10px !important;
  padding-bottom: 5px !important;
  color: #000 !important;
}

.ficha-oxxo-expira {
  font-size: 0.80rem !important;
  font-weight: 500 !important;
  color: #5a5858 !important;
  margin-bottom: 20px !important;
}

.ficha-oxxo-mini-icon {
  width: 25px !important;
  margin-left: 25px !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.ficha-oxxo-pasos-box {
  width: 400px !important;
  color: #000 !important;
  /* padding-right: 20px !important; */

}

.ficha-oxxo-box-tit {
  color: #000 !important;
}

.ficha-oxxo-pasos-box h6 {
  color: #000 !important;
}

.ficha-oxxo-pasos {
  flex: 1 !important;
  /* width: auto !important; */
}

.ficha-oxxo-pasos p {
  color: #000 !important;
}

.ficha-spei {
  width: 400px !important;
  /* height: 100px !important; */
  margin: 0 auto !important;
  font-size: 0.8rem !important;
  color: #000 !important;
}

.ficha-spei-logo {
  width: 170 !important;
  height: auto !important;
  object-fit: cover !important;
}

.ficha-spei-debes-pagar {
  font-size: 1rem !important;
  font-weight: 500 !important;
  color: #5a5858 !important;
}

.ficha-spei-por-pagar {
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  color: #000 !important;
}

.ficha-spei-expira {
  font-size: 0.80rem !important;
  font-weight: 500 !important;
  color: #5a5858 !important;
  margin-bottom: 20px !important;
}

.ficha-spei-ref {
  font-size: 1.2rem !important;
  font-weight: 500 !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  color: #000 !important;
}

.ficha-spei-ref1 {
  font-size: 1rem !important;
  font-weight: 600 !important;
}

.ficha-spei-datos-tit {
  width: 100px !important;
  margin-left: 10px !important;
  margin-top: 5px !important;
}

.ficha-spei-datos {
  width: auto !important;
  margin: 5px !important;
  border-color: #5a5858 !important;
  background-color: #ececec !important;
  border-radius: 3px !important;
}

.ficha-spei-inst-tit {
  color: #000 !important;
  font-weight: 600 !important;
  font-size: 1.5rem !important;
  margin-top: 10px !important;
  margin-bottom: 5px !important;
}

.ficha-spei-inst {
  color: #5a5858 !important;
  font-weight: 400 !important;
  margin-top: 5px !important;
}

.ficha-spei-inst-num {
  width: 50px !important;
}

.ficha-spei-important {
  margin-top: 10px !important;
  color: #ff0000 !important;
  font-weight: 600 !important;
}

.stripe-button-pay {
  width: 100% !important;
  margin-top: 10px !important;
}

.stripe-pagar {
  width: 100% !important;
}

.rpv-core__text-layer {
  display: none !important;
}

.pdf-box {
  margin-right: 30px !important;
}

.pdf-container {
  width: 450px !important;
  height: 620px !important;
  margin-bottom: 0px !important;
  border-color: #000 !important;
  border-width: 1px !important;
}

.pdf-file {
  margin-top: 0px !important;
  margin-bottom: 30px !important;
}