@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*ASPECTOS GENERALES*/

* {
    box-sizing: border-box;
    font-family: 'Roboto';
}

body{
    background-color: #fff;
    color: #1a1a1a;
    font-family: 'Roboto'
}

#toggle, 
#footer,
#headerHJ {
    display: none;
}

input, 
textarea,
select {
    color: #1a1a1a;
    border-radius: 0px;
    font-size: 16px;
    border-color: #1a1a1a;
    background-color: #fff;
    margin: 0px;
}

input:focus,
textarea:focus,
select:focus,

input:active,
textarea:active,
select:active {
    outline-color: #50c1eb;
}

#subnav, 
#bloqueBuscadorUnCampo, 
#logo,
#tituloSeccion,
#bloqueIdiomas,
#EncabezadoSesion,
.ListaSesionesHora, 
.ListaSesionesFecha,
#VolverNavegacion,
#ListadoVentasOperacionesCabeceraFechaHoraSesion, 
.campoFechaHoraSesion, 
#ListadoVentasOperacionesCabeceraCodigoProcedencia, 
.campoCodigoProcedencia,
#ListadoVentasOperacionesCabeceraValorFacial,
#ListadoVentasOperacionesCabeceraOperacion,
#cabeceraFavoritoConcesion,
.comisionConcesion,
.detalleButacaComision, 
.detalleButacaTotal,
.CajaOpcionesImpresionTicketBoton,
.FichaGeneral #fichaEventoFavAgencia,
#respuestaEtiquetas #numeroAcreditaciones,
#msgAvisoAcreditacionConcesiones,
#titNumeroAcreditaciones,
select#cmbNumeroAcredita,
#titAcreditaConcesiones,
#TotalCarrito,
#Concesiones .acreditaConcesiones,
div#compartirFB {
    display: none;
}

/*IDIOMAS*/
.Marcado {
    color: #0e639a;
    font-weight: bold;
}

#idiomaES {
    float: left;
    width: auto;
    line-height: 35px;
    padding-right: 3px;
    padding-left: 3px;
    border-right: 1px solid #1a1a1a;
    cursor: pointer;
}

/*Botones PRIMARIOS*/
#butt_bMisCompras,
.boton,
.botonEtiquetas,
#btnAceptarProvinciasINE,
#btnAceptar,
#btnModificarDatos,
#btnModificarClave, 
#CambiaZonaListaZonas, 
#botonFicha,
button#SAVE_BUTTON {
    background-color: #0e639a;
    border-color:#0e639a;
    color: #fff;
    border-radius: 6px;
    letter-spacing: 0;
    font-size: 16px;
    padding: 8px 12px;
    font-weight: 400;
    border-width: 2px;
    border-style: solid;
    cursor: pointer;
}
.botonEtiquetas:hover,
#btnAceptarProvinciasINE:hover,
.boton:hover,
#btnAceptar:hover,
#btnModificarDatos:hover,
#btnModificarClave:hover, 
#CambiaZonaListaZonas:hover, 
#botonFicha:hover,
button#SAVE_BUTTON:hover {
    background-color: #50c1eb;
    border-color: #50c1eb;
    color: #fff;
    border-radius: 6px;
    letter-spacing: 0;
    font-size: 16px;
    padding: 8px 12px;
    font-weight: 400;
    border-width: 2px;
    border-style: solid;
}
#butt_bMisCompras:focus,
.boton:focus,
.botonEtiquetas:focus,
#btnAceptarProvinciasINE:focus,
#btnAceptar:focus,
#btnModificarDatos:focus,
#btnModificarClave:focus, 
#CambiaZonaListaZonas:focus, 
#botonFicha:focus,
button#SAVE_BUTTON:focus,
button#btnCambiaImg:focus,
#bloqueOpcionesMenu a:focus {
    outline-color: #50c1eb;
}
#butt_bMisCompras:active,
.boton:active,
.botonEtiquetas:active,
#btnAceptarProvinciasINE:active,
#btnAceptar:active,
#btnModificarDatos:active,
#btnModificarClave:active, 
#CambiaZonaListaZonas:active, 
#botonFicha:active,
button#SAVE_BUTTON:active,
button#btnCambiaImg:active,
#bloqueOpcionesMenu a:active {
    outline-color: #50c1eb;
}

/*Botones SECUNDARIOS*/
#btnCambiarCarrito,
#btnCancelaCarrito,
#butt_bCancelarCarrito,
#butt_bVolver,
#butt_bCancelar,
#VolverZonas .paginacion,
#opcionVolver .paginacion,
#EnlaceVolverMisCompras a, 
#btnCancelarEtiquetas, 
#butt_bCancelarPago,
button#butt_bBuscar,
button#butt_bBuscarXls,
#URLCERTIFICADO .myInputFile input::-webkit-file-upload-button,
#IMAGENTITULARIDAD .myInputFile input::-webkit-file-upload-button,
#URLDNI .myInputFile input::-webkit-file-upload-button,
#URLIMAGEN .myInputFile input::-webkit-file-upload-button,
#URLIAE .myInputFile input::-webkit-file-upload-button,
div#cajaCambiaRecibo #gestionCambio button,
#botoneraCambioClave input.boton {
    background-color: #fff;
    border-color: #0e639a;
    color: #0e639a;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    padding: 8px 12px;
    border-width: 2px;
    border-style: solid;
    cursor: pointer;
}
#btnCambiarCarrito:hover,
#btnCancelaCarrito:hover,
#butt_bCancelarCarrito:hover,
#butt_bVolver:hover,
#butt_bCancelar:hover,
#VolverZonas .paginacion:hover,
#opcionVolver .paginacion:hover,
#EnlaceVolverMisCompras a:hover, 
#btnCancelarEtiquetas:hover, 
#butt_bCancelarPago:hover,
button#butt_bBuscar:hover,
button#butt_bBuscarXls:hover,
#URLCERTIFICADO .myInputFile input::-webkit-file-upload-button:hover,
#IMAGENTITULARIDAD .myInputFile input::-webkit-file-upload-button:hover,
#URLDNI .myInputFile input::-webkit-file-upload-button:hover,
#URLIMAGEN .myInputFile input::-webkit-file-upload-button:hover,
#URLIAE .myInputFile input::-webkit-file-upload-button:hover,
div#cajaCambiaRecibo #gestionCambio button:hover,
#botoneraCambioClave input.boton:hover {
    background-color: #fff;
    border-color: #50c1eb;
    color: #50c1eb;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    padding: 8px 12px;
    border-style: solid;
    border-width: 2px;
}
#btnCambiarCarrito:focus,
#btnCancelaCarrito:focus,
#butt_bCancelarCarrito:focus,
#butt_bVolver:focus,
#butt_bCancelar:focus,
#VolverZonas .paginacion:focus,
#opcionVolver .paginacion:focus,
#EnlaceVolverMisCompras a:focus, 
#btnCancelarEtiquetas:focus, 
#butt_bCancelarPago:focus,
button#butt_bBuscar:focus,
button#butt_bBuscarXls:focus,
button#btnCambiaImg:focus,
#URLCERTIFICADO .myInputFile input::-webkit-file-upload-button:focus,
#IMAGENTITULARIDAD .myInputFile input::-webkit-file-upload-button:focus,
#URLDNI .myInputFile input::-webkit-file-upload-button:focus,
#URLIMAGEN .myInputFile input::-webkit-file-upload-button:focus,
#URLIAE .myInputFile input::-webkit-file-upload-button:focus,
div#cajaCambiaRecibo #gestionCambio button:focus,
#botoneraCambioClave input.boton:focus {
    outline-color: #50c1eb;
}
#btnCambiarCarrito:active,
#btnCancelaCarrito:active,
#butt_bCancelarCarrito:active,
#butt_bVolver:active,
#butt_bCancelar:active,
#VolverZonas .paginacion:active,
#opcionVolver .paginacion:active,
#EnlaceVolverMisCompras a:active, 
#btnCancelarEtiquetas:active, 
#butt_bCancelarPago:active,
button#butt_bBuscar:active,
button#butt_bBuscarXls:active,
button#btnCambiaImg:active,
#URLCERTIFICADO .myInputFile input::-webkit-file-upload-button:active,
#IMAGENTITULARIDAD .myInputFile input::-webkit-file-upload-button:active,
#URLDNI .myInputFile input::-webkit-file-upload-button:active,
#URLIMAGEN .myInputFile input::-webkit-file-upload-button:active,
#URLIAE .myInputFile input::-webkit-file-upload-button:active,
div#cajaCambiaRecibo #gestionCambio button:active,
#botoneraCambioClave input.boton:active {
    outline-color: #50c1eb;
}

button#btnCambiaImg {
    background-color: #0e639a;
    border-color: #0e639a;
    color: #fff;
    border-radius: 6px;
    border-width: 2px;
    border-style: solid;
    cursor: pointer;
    font-size: 14px;
    padding: 4px 8px;
}
button#btnCambiaImg:hover {
    background-color: #50c1eb;
    border-color: #50c1eb;
    color: #fff;
}

/*Incrementar/Zoom/Info*/
.botonEntradas,
#msgConcesionCorte, 
#EncabezaSesionMasInfoEvento a,
#EncabezaSesionMasInfoRecinto a  {
    color: #0e639a;
}

div#btnZoomMin,
div#btnZoomMas {
    background-color: #0e639a;
}

/*VENTANAS EMERGENTES*/
#cajaAlert {
    display: flex;
    padding-top: 150px;
    justify-content: center;
}
#cajaMensajeAlert {
    margin: 0px;
    box-shadow: 0px 0px 10px 2px #808080b3;
    color: #1a1a1a;
}
div#cajaCambiaRecibo #gestionCambio input,
.ayudaNoVisible {
    display: none;
}
#tituloAlert {
    height: auto;
    line-height: normal;
    text-align: center;
}
#btnCerrar {
    color: #1a1a1a;
    cursor: pointer;
    position: absolute;
    right: 12px;
}
#BotonCerrar a {
    color: #1a1a1a;
    cursor: pointer;
}

/*Boton Consultar Codigo */
#botEtiquetasPago, 
div#consultaSaldoEtiqueta{
	width: auto;
}

.acreditaConcesiones{
    background-color: transparent;
}

#respuestaEtiquetas #numeroAcreditaciones{
    justify-content: flex-start;
}
#CajaEtiquetas {
    color: #1a1a1a;
}

#CajaEtiquetas .preguntaEtiquetas{
    text-align: left;
}

.nombreConcesion{
    width: 58%;
}

.nombreConcesionNombre {
    font-weight: bold;
    color: #1a1a1a;
}

.respuestaEtiquetas{
    box-sizing: border-box;
}
.respuestaEtiquetas input {
    color: #1a1a1a;
}

body.seccion1s div#wrapper.inicio div#header.basicoOrigen div#headerGroup div#nav {
    border-bottom: transparent;
}

/*BUSCADOR de ventas*/
#tablaListadoVentas {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 16px;
}
#tablaOpcionesListadoVentas{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    padding: 0px;
    column-gap: 32px;
    row-gap: 24px;
}
#bloqueBotones{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    margin: 0px;
    width: 100%;
    gap: 12px;
}
#bloqueFechaInicial, 
#bloqueFechaFinal {
    width: 300px;
    flex-direction: column;
    margin: 0px;
    align-items: start;
    position: relative;
    gap: 4px;
}
input#fechaFinal, 
input#fechaInicial {
    width: 100%;
}
.miniCampoInforme {
    position: absolute;
    right: -16px;
    top: 20px;
    cursor: pointer;
}
.txtInforme{
    width: auto;
    margin: 0px;
}
#bloqueBotones .campoInforme, 
#bloqueBotones .campoInforme button {
    margin: 0px;
}

/*** INFORMES ***/
.tablaResultadoListadoVentas, 
#tablaResultadoListadoBonos {
    margin-top: 0px;
    background-color: #f4f4f4;
    padding: 12px;
    float: left;
    width: 100%;
    height: 100%;
    display: block;
}

#ListadoVentas .campoFSesion {
    display: none;
}

#ListadoVentas .campoFechaOperacion {
    display: inherit;
}

#ListadoVentas .columna{
    width: 20%!important;
    text-align: center!important;
}

#tablaResultadoListadoBonos .columna{
    width:14%!important;
    text-align: center!important;
    text-overflow: ellipsis;
    overflow: hidden!important;
    margin: 0px;
}

#ListadoVentasOperaciones .linea{
    justify-content: space-between;
}

#ListadoVentasTotales{
    margin-bottom: 40px;
}

/*** INFORME BONOS ***/
#tablaResultadoListadoVentas {
    margin-top: 30px;
}

.detalleButacaVFacial {
    width: 10%;
}

font#totalImporte, #subTotalImporte {
    margin-right: 10px;
}

.detalleButacaFila, .detalleButacaColumna {
    visibility: hidden;
}

#totalOperacion {
    float: left;
    width: 98%;
    min-width: 98%;
    margin-left: 0px;
    text-align: right;
    margin-top: 0px;
    margin-bottom: 6px;
    font-weight: bold;
    font-size: 1rem;
    background-color: #e8e8e8;
}

#bloqueEtiquetas {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 50px;
}

.FichaGeneral{
    opacity: 0.5;
    pointer-events: none;
}

.FichaGeneral:after {
    content: "AGOTADO";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: red;
    font-weight: bold;
    font-size: 40px;
    transform: rotate(45deg);
}

/*Acceso Agencias*/
body.seccion1s div#Panel, 
body.seccion1s1 div#Panel  {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
}
#bloqueAgencias {
    width: 100%;
    max-width: 500px;
    padding: 0px 10px;
    box-sizing: border-box;
}
div#bloqueAgenciasTitulo,
#ListadoVentasOperacionesTitulo, 
#ListadoVentasOperacionesTitulo2,
div#frmEstablecimientos h1 {
    font-weight: bold;
    font-size: 20px;
    width: 100%;
    height: auto;
    text-transform: uppercase;
}
div#ListadoVentasOperacionesTitulo,
div#frmEstablecimientos h1 {
    text-align: left;
    margin: 0px;
}
#bloqueAgenciasCanal, 
#bloqueAgenciasTerminal, 
#bloqueAgenciasUsuario, 
#bloqueAgenciasUsuario, 
div#bloqueAgenciasClave {
    left: 0%!important;
    width: 100%!important;
    padding-left: 0px;
    padding-right: 0%;
}
#agenciaCanal, #agenciaTerminal, #agenciaUsuario, #agenciaClave {
    width: 100%!important;
    border-radius: 0px;
    margin-top: 0px;
    margin-right: 0px;
    box-sizing: border-box;
    height: 35px;
}
#bloqueAgenciasBotonera {
    left: 0px;
    width: 100%;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    margin-top: 24px;
    gap: 12px;
}
#bloqueAgenciasBotonera input {
    font-size: 16px;
    width: 100%;
    margin: 0px;
    text-transform: uppercase;
}
#bloqueAgencias font {
    width: auto;
    padding-left: 4px;
    padding-top: 15px;
    line-height: 25px;
}
/*Nueva Clave*/
#grupoCambioClave {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    gap: 16px;
}
#titCambioClave {
    font-weight: bold;
    font-size: 20px;
    height: auto;
    padding-bottom: 0px!important;
    text-align: left;
}
#campoClaveNueva input, 
div#campoClaveActual input, 
div#campoClaveNuevaRep input {
    width: 100%;
    border-radius: 0px;
    box-sizing: border-box;
}
#litClaveActual, 
#litClaveNueva, 
#litClaveNuevaRep {
    text-align: left;
    width: auto;
}
.campoCambioClave {
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
#botoneraCambioClave {
    width: 100%;
    padding: 0px;
    margin-top: 24px;
    text-align: left;
}
#botoneraCambioClave input.boton {
    margin: 0px;
}

/**************Tabla de informes******************/
#tablaResultadoListadoBonos:empty {
    display: none;
}
#ListadoVentasOperacionesCabecera {
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    border: none;
    margin-bottom: 8px;
    height: auto;
}
#tablaResultadoListadoBonos .columna {
    width: 13%;
    font-size: 14px;
    text-align: left;
    line-height: 15px;
    height: auto;
    padding: 12px 5px;
    white-space: pre-wrap;
}
#ListadoVentasTotales {
    border: none;
    margin-bottom: 20px;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}
#ListadoVentasTotalEntradas, #ListadoVentasTotalImporte {
    display: flex;
    justify-content: flex-end;
    margin-top: 0px;
}
#ListadoVentasTotalImporte font, #ListadoVentasTotalEntradas font {
    padding-right: 8px;
    padding-top: 8px;
}
#txtTotalEntradas, 
#txtTotalNeto, 
#txtTotalComision, 
#txtTotalDto, 
#txtTotalImporte,
#txtTotalImporteRecibo,
#txtTotalImporteFacial {
    float: right;
    font-size: 16px;
    width: auto;
    font-weight: 600;
}
#litTotalEntradas, 
#litInformeTotalNeto, 
#litInformeTotalComision, 
#litInformeTotalDto, 
#litTotalImporte,
#litTotalImporteRecibo,
#litTotalImporteFacial {
    float: right;
    font-size: 16px;
    width: auto;
    font-weight: 600;
}
#litTotalEntradas:after, 
#litInformeTotalNeto:after, 
#litInformeTotalComision:after, 
#litInformeTotalDto:after, 
#litTotalImporte:after,
#litTotalImporteRecibo:after,
#litTotalImporteFacial:after {
    content: ':';
}

div#ListadoVentasOperacionesCuerpo {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.linea {
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #6d6d6d;
}
/************Paginacion tabla de informes*************/
.pagination li a {
    color: #1a1a1a;
    font-size: 14px;
}
.pagination li {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    margin: 3px;
}
li.prev a, li.next a {
    color: #fff;
    background-color: #1a1a1a;
    font-size: 25px;
    height: 25px;
}
.pagination li.active {
    margin: 3px;
    width: 25px;
}
.pagination .active a {
    color: #1a1a1a;
    font-weight: bold;
    font-size: 16px;
}
.paginaActiva:hover, 
.paginaActiva a:hover, 
.pagination li:hover, 
.pagination li a:hover {
    color: #1a1a1a;
    text-decoration: underline;
    background-color: transparent;
}
li.prev a:hover, 
li.next a:hover {
    background-color: #fff;
    text-decoration: underline;
}

/**/
#headerGroup, 
#header {
    height: auto;
    min-height: auto!important;
    width: 100%;
}

/*** Paginacion Informes ***/

#tablaResultadoListadoBonos #PanelPaginacion {
    height: 50px;
}
#tablaResultadoListadoBonos .pagination__controls {
    height: auto;
}
#tablaResultadoListadoBonos .paginaActiva, 
#tablaResultadoListadoBonos .pagination li {
    background-color: transparent;
    border: none;
}
#tablaResultadoListadoBonos li.prev a, 
#tablaResultadoListadoBonos li.next a {
    color: #1a1a1a;
    background-color: transparent;
    font-size: 25px;
    height: 30px;
    border: none;
}
#tablaResultadoListadoBonos .paginaActual, 
#tablaResultadoListadoBonos .pagination .active {
    color: #1a1a1a;
    background-color: transparent;
    border: none;
}

/*Elimina USADO Informes*/
#tablaResultadoListadoBonos .campoOperacion {
    display: none;
}

/*Elimina la i de mas info*/
#fichaEventoMasInfo {     
    display: none;
}
div#EncabezaSesionMasInfoEvento {   
    display: none;
}
/*Correcciones*/
.seccion1a #Panel {
    display: flex;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
}
.FichaGeneral {
    margin: 0px;
}
div#divImgFichaEventos {
    display: flex;
    justify-content: center;
    align-items: center;
}
span#fichaEventoFechaHora {
    display: none;
}
div#opcionesEtiqueta #respuestaEtiquetas .acreditaConcesiones .campoAcreditaConcesiones .litRespuestaAcredita {
    width: 100%;
    height: auto;
    line-height: normal;
    min-width: unset;
}
div#opcionesEtiqueta #respuestaEtiquetas .acreditaConcesiones .campoAcreditaConcesiones .txtRespuestaAcredita {
    width: 100%;
    line-height: normal;
}
#respuestaEtiquetas .campoAcreditaConcesiones {
    flex-direction: column;
    width: 320px;
}
div#opcionesEtiqueta #respuestaEtiquetas .acreditaConcesiones {
    gap: 16px;
    padding: 16px 0px;
}
#CajaEtiquetas .preguntaEtiquetas {
    text-align: center;
}
#bloqueEtiquetas #CajaEtiquetas {
    width: 80%;
    margin: 0px;
}
div#botoneraEtiquetas {
    margin: 0px;
    line-height: normal;
    height: auto;
    display: flex;
    justify-content: center;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap;
}
div#botoneraEtiquetas button {
    margin: 0px;
}

select {
    color: #1a1a1a;
}
div#TablaDatosPago {
    margin: 0px;
    padding: 16px 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
}
.camposPago {
    width: 45%;
    margin: 0px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.tipoLiteralPago {
    width: 100%;
    margin: 0px;
    min-width: unset;
}
.tipoCampoPago {
    min-width: unset;
    width: 100%;
}
.tipoCampoPago input {
    height: auto;
    padding: 8px;
    margin-top: 0px;
    width: 100%;
    max-width: 320px;
}
div#CheckIntervinientes {
    width: 100%;
    padding: 0px;
    border-radius: 0px;
}
div#ZonaResumenCompraOperaciones {
    margin-top: 0px;
}
#seccion {
    margin-top: 0px;
}
.detalleButacaConcesion, 
.detalleButacaImporte, 
.detalleButacaNumButacas, 
.detalleButacaTotalEntradas, 
.detalleButacaVFacial {
    width: 20%;
    min-width: 20%;
    white-space: pre-line;
}
.cabeceraDetalleButaca, .detalleButaca {
    padding: 8px 0px;
}
div#totalOperacion {
    width: 100%;
    min-width: unset;
    padding: 8px;
    margin-bottom: 0px;
    gap: 8px;
    flex-wrap: wrap;
}
.tipoIntervinientePrivacidad .enlace, .tipoIntervinienteCondiciones .enlace {
    height: auto;
    line-height: normal;
}
.tipoIntervinientePrivacidad, .tipoIntervinienteCondiciones {
    margin-bottom: 12px;
}
div#ListadoVentasOperacionesCuerpo > .linea {
    justify-content: start;
}
div#ListadoVentasOperacionesCabecera {
    display: flex;
    justify-content: start;
    align-items: end;
    margin-bottom: 0px;
}

/*Campos eliminados de RESUMEN DE CANJES*/
.seccion1p4 font#txtTotalImporte, 
.seccion1p4 font#litTotalImporte,
.seccion1p4 #litTotalImporteFacial,
.seccion1p4 #txtTotalImporteFacial,
.seccion1p4 div#ListadoVentasTotalEntradas {
    display: none;
}

/*Campos eliminados de BONOS CANJEADOS*/
.seccion1p1 #litTotalImporteRecibo,
.seccion1p1 #txtTotalImporteRecibo,
.seccion1p1 #litTotalImporteFacial,
.seccion1p1 #txtTotalImporteFacial {
    display: none;
}

/*Establecimientos*/
div#frmEstablecimientos,
#frmEstablecimientos #AgrupaCampos0,
#frmEstablecimientos #AgrupaCampos4 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: start;
    column-gap: 20px;
    row-gap: 12px;
}
#frmEstablecimientos #AgrupaCampos0 input:read-only {
    background-color: #f9f9f9;
}
#frmEstablecimientos #AgrupaCampos0,
#frmEstablecimientos #AgrupaCampos4 {
    padding: 16px;
    background-color: #f4f4f4;
    margin-bottom: 16px;
}
#frmEstablecimientos #AgrupaCampos0:before {
    width: 100%;
    text-align: left;
    font-weight: bold;
    content:'Informaci\0000F3n del establecimiento:';
    font-size: 16px;
}

#frmEstablecimientos #AgrupaCampos0:lang(eu):before {
    width: 100%;
    text-align: left;
    font-weight: bold;
    content:'Establezimenduari buruzko informazioa:';
    font-size: 16px;
}
#frmEstablecimientos #AgrupaCampos4:before {
    width: 100%;
    text-align: left;
    font-weight: bold;
    content:'Documentos:';
    font-size: 16px;
}
#frmEstablecimientos #AgrupaCampos4:lang(eu):before {
    content:'Dokumentuak:';
}
div#frmEstablecimientos h2 {
    width: 100%;
    margin: 0px;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
}
div#frmEstablecimientos h2:before {
    content: 'Nombre del establecimiento:';
    margin-right: 8px;
}
div#frmEstablecimientos h2:lang(eu):before {
    content: 'Establezimenduaren izena:';
}
div#frmEstablecimientos #botonProductos {
    display: none;
}
.campoEstablecimiento {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    gap: 4px;
    width: 30%;
}
.campoEstablecimiento a {
    color: #0e639a;
    text-decoration: underline;
}
.campoEstablecimiento a:hover {
    color: #50c1eb;
    text-decoration: underline;
}
.campoEstablecimiento a:focus,
.campoEstablecimiento a:active {
    outline-color: #50c1eb;
}
.myInput {
    width: 100%;
}
.myInput input {
    margin: 0px;
}
div#URL_COMPARTIR {
    width: 100%;
}
div#frmEstablecimientos textarea,
div#frmEstablecimientos input {
    width: 100%;
}
.campoEstablecimiento img {
    width: 100%;
    max-height: 100px;
    height: auto;
    object-fit: contain;
}
.myInputFile input {
    background-color: transparent;
    border: none;
    padding: 0px;
    height: auto;
}
div#SAVE_BUTTON {
    width: 100%;
    text-align: left;
}
button#SAVE_BUTTON:before {
    content:'\f0c7';
}

/*Estados establecimientos*/
/*Estado validado*/
div#msgValidadoS {
    color: green;
    width: 100%;
    text-align: left;
}
div#msgValidadoS:before {
    content: '\f00c';
    font-weight: normal;
    margin-right: 8px;
    font-family: FontAwesome;
}
/*Estado subsanacion*/
div#msgValidadoX {
    color: orange;
    width: 100%;
    text-align: left;
}
div#msgValidadoX:before {
    content: '\f017';
    font-weight: normal;
    margin-right: 8px;
    font-family: FontAwesome;
}
/*Estado pendiente*/
div#msgValidadoP {
    color: orange;
    width: 100%;
    text-align: left;
}
div#msgValidadoP:before {
    content: '\f017';
    font-weight: normal;
    margin-right: 8px;
    font-family: FontAwesome;
}
/*Estado rechazado*/
div#msgValidadoN {
    color: red;
    width: 100%;
    text-align: left;
}
div#msgValidadoN:before {
    content: '\f00d';
    font-weight: normal;
    margin-right: 8px;
    font-family: FontAwesome;
}
/*Estado dado de baja*/
div#msgValidadoB {
    color: red;
    width: 100%;
    text-align: left;
}
div#msgValidadoB:before {
    content: '\f06a';
    font-weight: normal;
    margin-right: 8px;
    font-family: FontAwesome;
}
#frmEstablecimientos #AgrupaCampos4 {
    gap: 24px;
    align-items: stretch;
}
div#IMAGENTITULARIDAD,
div#URLDNI,
div#URLIMAGEN,
div#URLIAE,
div#URLCERTIFICADO {
    width: 45%;
    flex-direction: row;
    justify-content: start;
    align-items: end;
    flex-wrap: wrap;
    gap: 12px;
}
#IMAGENTITULARIDAD .myLabel,
#URLDNI .myLabel,
#URLIMAGEN .myLabel,
#URLIAE .myLabel,
#URLCERTIFICADO .myLabel {
    width: 100%;
    text-align: left;
}
#IMAGENTITULARIDAD .myInputFile,
#URLDNI .myInputFile,
#URLIMAGEN .myInputFile,
#URLIAE .myInputFile,
#URLCERTIFICADO .myInputFile {
    width: 100%;
    text-align: left;
}
#IMAGENTITULARIDAD .myInputFile input::-webkit-file-upload-button,
#URLDNI .myInputFile input::-webkit-file-upload-button,
#URLIMAGEN .myInputFile input::-webkit-file-upload-button,
#URLIAE .myInputFile input::-webkit-file-upload-button,
#URLCERTIFICADO .myInputFile input::-webkit-file-upload-button {
    cursor: pointer;
}

#IMAGENTITULARIDAD .myInput,
#URLDNI .myInput,
#URLIMAGEN .myInput,
#URLIAE .myInput,
#URLCERTIFICADO .myInput {
    display: none;
}
div#DESCRIPCIONLARGA {
    width: 100%;
}
div#DESCRIPCIONLARGA .myTextArea {
    width: 100%;
}
div#DESCRIPCIONLARGA .myTextArea textarea {
    min-height: 100px;
}

/*Otros iconos de botones*/
button#butt_bBuscar:before {
    content: '\f06e';
}
button#butt_bBuscarXls:before {
    content: '\f1c3';
}

/*Cabecera Usuario Logueado - GENERAL*/
#headerGroup {
    padding: 20px 12px;
}
/*Linea divisoria*/
#seccion.seccion1p1,
#seccion.seccion1p4,
#seccion.seccion1s1,
#seccion.seccion1z6 {
    border-top: 2px solid #6d6d6d;
    padding: 0px 12px;
}
#content {
    margin: 0px;
}

#zonaDatos {
    width: 100%;
    margin: 20px 0% 30px;
}
#bloqueRegistro {
    color: #1a1a1a;
    position: unset;
    padding-bottom: 12px;
}
#bloqueAgenciaLogado {
    align-items: start;
    flex-direction: column;
    gap: 8px;
}
#UsuarioJanto {
    font-size: 16px;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.opcionesAgencia {
    margin: 0px;
}
#opcionAgencia1, 
#opcionAgencia2 {
    display: none;
}
.menuAgencia {
    gap: 16px;
}
.menuAgencia a {
    text-decoration: none;
    font-size: 16px;
    color: #0e639a;
}
.menuAgencia a:hover {
    color: #50c1eb!important;
}
.menuAgencia a:focus,
.menuAgencia a:active {
    outline-color: #50c1eb;
}
#opcionAgencia3 a:before {
    content: '\f08b';
    font-family: 'FontAwesome';
}
#opcionAgencia4 a:before {
    content: '\f084';
    font-family: 'FontAwesome';
    margin-right: 4px;
}
#nav{
    width: 100%;
    left: 0px;
    height: auto;
    padding-bottom: 0px;  
    top: 0px;
}
#bloqueOpcionesMenu{
    border-radius: 0px;
    border: none;
    background: transparent;
    line-height: normal;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 4px 0px;
}
#bloqueOpcionesMenu > div {
    height: auto;
    margin: 0px;
}
#bloqueOpcionesMenu a {
    background-color: #0e639a;
    text-decoration: none;
    font-weight: 400;
    padding: 8px 12px!important;
    color: #fff;
    border-radius: 6px;
    font-size: 16px;
    text-align: center;
    height: auto;
    margin: 0px;
}
#bloqueOpcionesMenu a:hover {
    color: #fff;
    font-weight: 400;
    text-transform: none;
    line-height: normal;
    background-color: #50c1eb;
}
#bloqueOpcionesMenu a:before,
button#butt_bBuscar:before,
button#SAVE_BUTTON:before,
button#butt_bBuscarXls:before {
    font-weight: normal;
    margin-right: 8px;
    font-family: FontAwesome;
}
#linkMenu1-button a:before {
    content: '\f279';
}
#linkMenu2-button a:before {
    content: '\f02d'
} 
#linkMenu3-button a:before {
    content: '\f145';
}
#menuEstablecimientos-button a:before {
    content: '\f1ad';
}
#menuResumenCanjes-button a:before {
    content: '\f15c';
}
#menuControlAccesos-button a:before {
    content: '\f07a';
}
#menuInformeBonos-button a:before {
    content: '\f218';
}
#menuVentasBonos-button a:before {
    content: '\f290';
}

/*Usuario Logueado - INICIO*/
.seccion1a #bloqueRegistro,
.seccion1s #bloqueRegistro,
.seccion1c #bloqueRegistro {
    position: unset;
    width: 100%;
    padding-bottom: 20px;
}
.seccion1a #bloqueAgenciaLogado,
.seccion1s #bloqueAgenciaLogado,
.seccion1c #bloqueAgenciaLogado {
    display: flex;
    width: 100%;
    justify-content: start;
    gap: 16px;
    align-items: center;
}
.seccion1a #UsuarioJanto,
.seccion1s #UsuarioJanto,
.seccion1c #UsuarioJanto {
    font-size: 20px;
}
.seccion1a .menuAgencia,
.seccion1s .menuAgencia,
.seccion1c .menuAgencia {
    font-size: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
}
.seccion1a #bloqueOpcionesMenu,
.seccion1s #bloqueOpcionesMenu,
.seccion1c #bloqueOpcionesMenu {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: center;
}
.seccion1a #bloqueOpcionesMenu > div,
.seccion1s #bloqueOpcionesMenu > div,
.seccion1c #bloqueOpcionesMenu > div {
    padding: 0px!important;
    width: fit-content;
}
.seccion1a #bloqueOpcionesMenu a,
.seccion1s #bloqueOpcionesMenu a,
.seccion1c #bloqueOpcionesMenu a {
    padding: 12px 16px!important;
    min-width: 300px;
    font-size: 16px;
}

/*BONOS CANJEADOS*/
/*Eliminacion de campos*/
.seccion1p1 .campoImporteRecibo,
.seccion1p1 .campoRefOperacion,
.seccion1p1 .campoIdBono,
.seccion1p1 .campoIdCampanya,
.seccion1p1 #cajaBtnCambiaImg {
    display: none;
}
.seccion1p1 #tablaResultadoListadoBonos .columna {
    width: 20%!important;
}

/*RESUMEN DE CANJES*/
/*Eliminacion de campos*/
.seccion1p4 .campoImporteFacial,
.seccion1p4 .campoBarcode,
.seccion1p4 .campoIdRemesa,
.seccion1p4 .campoRefOperacion,
.seccion1p4 .campoIdBono,
.seccion1p4 .campoIdCampanya {
    display: none;
}
/*Ancho de columna*/
.seccion1p4 #tablaResultadoListadoBonos .columna,
.seccion1p4 div#cajaBtnCambiaImg {
    width: 20%!important;
}

/*Responsive*/
@media only screen and (max-width: 1050px) {
    /*Tablas informes + paginacion*/
    .columna {
        overflow: unset!important;
    }
    .pagination__controls {
        position: sticky;
        width: 100%;
        left: 0px;
    }
    .pagination {
        float: left;
    }
    #tablaResultadoListadoBonos {
        width: 100%;
        overflow-y: hidden;
        overflow-x: auto;
    }
    #ListadoVentasOperacionesCabecera, 
    #ListadoVentasOperacionesCuerpo {
        width: 1200px;
    }
    #ListadoVentasTotales {
        position: sticky;
        left: 0;
        width: 100%;
    }
    #ListadoVentasTotalEntradas, 
    #ListadoVentasTotalImporte {
        justify-content: flex-start;
    }
    #litTotalEntradas, 
    #litInformeTotalNeto, 
    #litInformeTotalComision, 
    #litInformeTotalDto, 
    #litTotalImporte,
    #litTotalImporteRecibo,
    #litTotalImporteFacial {
        width: auto!important;
        text-align: left;
    }
    #txtTotalEntradas, 
    #txtTotalNeto, 
    #txtTotalComision, 
    #txtTotalDto, 
    #txtTotalImporte,
    #txtTotalImporteRecibo,
    #txtTotalImporteFacial {
        width: auto!important;
    }
    
    /*Mensaje emergente*/
    #cajaMensajeAlert {
        width: 80%!important;
        margin: 10%!important;
    }

    .acreditaConcesiones {
        margin-bottom: 0px!important;
    }
    div#camposPago0 {
        width: 45%!important;
    }
    div#bloqueOpciones button {
        width: auto!important;
    } 
    .cabeceraDetalleButaca, 
    .detalleButaca {
        width: 100%!important;
    }
    .detalleButacaImporte {
        display: block!important;
    }
    div#totalOperacion > font {
        width: auto!important;
        line-height: normal;
        text-align: left;
        margin: 0px;
    }
    .subTotal {
        height: auto!important;
    }
    .detalleButacaConcesion, 
    .detalleButacaImporte, 
    .detalleButacaNumButacas, 
    .detalleButacaTotalEntradas, 
    .detalleButacaVFacial {
        width: 20%!important;
        min-width: 20%!important;
        white-space: pre-line;
    }
    .camposPago {
        width: 45%!important;
    }
    #TablaDatosPago, 
    #camposPago0 {
        width: 100%!important;
    }
    #CompleteCampos {
        width: 100%!important;
        margin-left: 0px!important;
    }
    
    /*Cabecera*/
    #wrapper.Agencias {
        margin-top: 0px!important;
    }
    #toggle + label {
        display: none!important;
    }
    #header {
        position: relative!important;
        box-shadow: none!important;
        top: 0px!important;
    }
    div#nombreUsuarioAgencia {
        position: unset!important;
        background-color: transparent!important;
        color: #1a1a1a!important;
        padding: 0px!important;
    }
    .Agencias #bloqueRegistro {
        position: unset!important;
        box-shadow: none!important;
    }
    #bloqueAgenciaLogado {
        height: auto!important;
    }
    .menuAgencia {
        height: auto!important;
    }
    #opcionAgencia1 .opcionAgencia,
    .menuAgencia a {
        color: #0e639a!important;
    }
    .AgenciaTitulo {
        display: block!important;
    }
    #headerHJ {
        margin-bottom: 0px!important;
    }
    #nav {
        top: 0px!important;
        margin-bottom: 0px!important;
    }
    .seccion1p1 #UsuarioJanto,
    .seccion1p4 #UsuarioJanto,
    .seccion1s1 #UsuarioJanto,
    
    .seccion1p1 .menuAgencia,
    .seccion1p4 .menuAgencia,
    .seccion1s1 .menuAgencia,
    
    .seccion1p1 #bloqueOpcionesMenu,
    .seccion1p4 #bloqueOpcionesMenu,
    .seccion1s1 #bloqueOpcionesMenu,
    
    .seccion1z6 #UsuarioJanto,
    .seccion1z6 .menuAgencia,
    .seccion1z6 #bloqueOpcionesMenu {
        justify-content: start;
    }
    #seccion {
        width: 100%!important;
        margin: 0px!important;
    }
    #zonaDatos {
        margin: 20px 0px 30px!important;
    }
    #bloqueOficina, 
    #bloqueFechaFinal, 
    #bloqueEvento, 
    #bloqueRecinto, 
    #bloqueButacas {
        width: 300px!important;
        margin-left: 0px!important;
    }
    #ListadoVentasOperacionesRecinto1, 
    #ListadoVentasOperacionesTitulo2, 
    #ListadoVentasOperacionesRecinto, 
    #ListadoVentasOperacionesTitulo {
        width: auto!important;
        float: unset!important;
        height: auto!important;
    }
    .txtInforme {
        width: auto!important;
    }
}

@media only screen and (max-width:768px) {
    .campoEstablecimiento {
        width: 45%;
    }
    div#IMAGENTITULARIDAD,
    div#URLDNI,
    div#URLIMAGEN,
    div#URLIAE,
    div#URLCERTIFICADO {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    #respuestaEtiquetas .campoAcreditaConcesiones {
        width: 100%;
    }
    div#botoneraEtiquetas button {
        width: 100%;
    }
    div#bloqueOpciones button {
        width: 100%!important;
    }
    .camposPago,
    div#camposPago0  {
        width: 100%!important;
    }
    .tipoCampoPago input {
        max-width: unset;
    }
    #bloqueOpcionesMenu a,
    #bloqueOpcionesMenu > div {
        width: 100%;
    }
    #bloqueFechaInicial, 
    #bloqueFechaFinal {
        width: 260px!important;
    }
    #bloqueBotones .campoInforme, 
    #bloqueBotones .campoInforme button {
        width: 100%;
    }
    .campoEstablecimiento {
        width: 100%;
    }
    button#SAVE_BUTTON,
    #IMAGENTITULARIDAD .myInputFile input::-webkit-file-upload-button,
    #URLDNI .myInputFile input::-webkit-file-upload-button,
    #URLIMAGEN .myInputFile input::-webkit-file-upload-button,
    #URLIAE .myInputFile input::-webkit-file-upload-button,
    #URLCERTIFICADO .myInputFile input::-webkit-file-upload-button,
    .campoCambioClave {
        width: 100%;
    }
}

/*Elimina Pendiente de validar y Valor Facial*/
.campoBotonera {
    display: none;
}
.campoValorFacial {
    display: none;
}