.jm-loadingpage {
    display: none;
    position: absolute;
    left: 0px;
    opacity: 0.7;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 12055;
    /* background: url(https://media.baamboozle.com/uploads/images/851581/1682257933_131357_gif-url.gif) center no-repeat #fff;  */
    background: url(http://www.gifde.com/js_pics_aux/descarga.php?descarga=si&c=gif/otros/decoracion/cargando-loading/&f=cargando-loading-048.gif) center no-repeat #fff;
   
}


.text-inicial {
      font-family: DM Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

.text-filas {
      font-family: DM Sans;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

.titulo-evento {
    font-family: "Libre Bodoni";
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
    color: #000000;
}

.titulo-evento-costo {
    font-family: "Libre Bodoni";
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
}

.ocurrencias {
    background-color: #f0f0f0;
    border-radius: 23px;
    margin-top: 20px;
    padding: 20px;
}

.descripion {
      font-family: DM Sans;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}

.descripion_a {
      font-family: DM Sans;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
}

.descripion_b,
.referencia_fila {
      font-family: DM Sans;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
}

.btn-ocurrencia {
    background-color: #FF588C !important;
    border-radius: 8px !important;
      font-family: DM Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
}

.btn-ocurrencia:hover {
    background-color: #fa82a8 !important;
    color: #ffffff;
}

#asientos_escogidos {
    list-style-type: disc !important;
    text-align: justify;
}

.tarjeta-formulario {
    border: none;
}

.border-superior {
    border-top: solid 1px rgb(255, 255, 255);
}

.btn-descuento {
    border-color: #ff6363;
}

.btn-descuento:hover {
    background-color: #ff9090 !important;
}

.cantidad_items_text {
      font-family: DM Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

.precio_pesos {
      font-family: DM Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #000000;
}

.descripion {
      font-family: DM Sans;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}

.descripion_a {
      font-family: DM Sans;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
}

.descripion_b,
.referencia_fila {
      font-family: DM Sans;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
}

#total_boletos {
      font-family: DM Sans;
    font-style: normal;
    font-size: 16px;
}

.informacion {
      font-family: DM Sans;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */

    color: #4d4d4d;
}

.informacion_total {
      font-family: DM Sans;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #cd1d5e;
}

.estatus_asientos {
      font-family: DM Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #ffffff;
}

.asiento_elejido {
      font-family: DM Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #cd1d5e;
}

.codigo_descuento {
      font-family: DM Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 29px;
    color: rgb(255, 255, 255);
}

.codigo_text {
      font-family: DM Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 29px;
}

.btn-siguiente {
    background-color: #cd1d5e;
    border: 1px solid #cd1d5e;
    color: #ffffff;
}

.btn-siguiente:hover {
    border: 1px solid #cd1d5e !important;
    background-color: #ffffff !important;
    color: #cd1d5e !important;
}

#asientos_escogidos {
    list-style-type: disc !important;
    text-align: justify;
}

.tarjeta-formulario {
    border: none;
}

.border-superior {
    border-top: solid 1px rgb(255, 255, 255);
}

.btn-descuento {
    background-color: #ff8181;
}

.btn-descuento:hover {
    background-color: #ff5c5c !important;
}

.cantidad_items_text {
      font-family: DM Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

.precio_pesos {
      font-family: DM Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #000000;
}

.descripion {
      font-family: DM Sans;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}

.descripion_a {
      font-family: DM Sans;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
}

.descripion_b,
.referencia_fila {
      font-family: DM Sans;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
}

#total_boletos {
      font-family: DM Sans;
    font-style: normal;
    font-size: 16px;
}

.informacion {
      font-family: DM Sans;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */

    color: #4d4d4d;
}

.informacion_total {
      font-family: DM Sans;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #cd1d5e;
}

.asiento_elejido {
      font-family: DM Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #cd1d5e;
}

.codigo_descuento {
      font-family: DM Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 29px;
    color: rgb(255, 255, 255);
}



.asientos-scroll {
    margin-bottom: 0;
    overflow-x: auto;
    overflow-y: auto;
    width: 95%;
    white-space: nowrap;
    height: 550px;
}

::-webkit-scrollbar {
    width: 4px;
    border: 1px solid #cd1d5e;
}

::-webkit-scrollbar-track {
    border-radius: 0;
    background: #eeeeee;
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #cd1d5e;
}

.escenario {
    width: auto;
      font-family: DM Sans;
}


.zoomHolder {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden
}

.btn-pago {
    cursor: pointer !important;
      font-family: DM Sans;
    background-color: #cd1d5e;
    border-radius: 8px;
    border-color: #cd1d5e;
}

.btn-pago:hover {
    background-color: #2c7687;
}

.btn-inicio {
    cursor: pointer !important;
      font-family: DM Sans;
    background-color: #4D4D4D;
    border-radius: 8px;
    border-color: #4D4D4D;
}

.btn-inicio:hover {
    background-color: #706d6d;
    border-color: #4D4D4D;

}


.btn_banorte_pago{
    background-color: #EF2945!important;
    font-weight: 600!important;
    background-image:url('https://multicobros.banorte.com/orquestador/resources/img/bg_header.png');
    display: none;
}

/*=============================================
MOVIL (XS revisamos en 320px)
=============================================*/

@media (max-width: 767px) {

    .text-inicial {
        font-weight: 400;
        font-size: 12px;

    }

    .titulo-evento {
        font-weight: 400;
        font-size: 25px;

    }


    .titulo-evento-costo {
        font-size: 25px;
    }

}

/*=============================================
MOVIL (XS revisamos en 576px)
=============================================*/
@media (max-width: 576px) {}