/* CSS Document */
:root {
  --color-fondo_acceso: rgba(0,0,0,0.5);
  --color-acceso-fondo_caja: #ffffff;
  --color-acceso-bode_caja: #000000;
  --color-fondo: #ffffff;
  --color-principal: #000000;
  --color-secundario: #ffffff;
  --color-inputtext: #000000;
  --color-inputtextborde: #9b9b9b;
  --color-inputtextdisabled: #efefef;
  --color-inputtextborde-acceso: #000000;
  --color-inputtextfondo: #ffffff;
  --color-menu-fondo: #000000;
  --color-menu-color: #ffffff;
  --color-menu-boton-seleccionado-fondo: rgba(255,255,255,0.5);
  --color-menu-boton-seleccionado-color: #ffffff;
  --color-menu-boton-seleccionado-banda: #980a2b;
  --color-menu-boton-seleccionado-degradado: rgba(255,255,255,0.8);
  --color-titulos-fondo: #f7f7f7;
  --color-titulos: #000000;
  --color-titulos-borde: #DFDFDF;
  --color-textos: #000000;
  --color-subtitulos: #000000;
  --color-listado_registros-borde-titulo:#003b79;
  --color-listado_registros-resaltado-fondo:rgba(168, 168, 168, 0.09);
  --color-listado_registros-resaltado-borde:#d5d5d5;
}
.descargar_plantilla{
	margin-bottom:10px;
	border:1px dotted var(--color-principal);
	background:var(--color-principal);
	padding:3px;
	text-align:center;
	color:var(--color-secundario);
	border-radius:0.6em;
}
.comprobaciones_archivo{
	border:1px dotted #000000;
	padding:5px;
	margin-top:10px;

}
.boton_nuevos{
	clear:both;
	background:var(--color-principal);
	padding:10px;
	display:inline-block;
	margin-bottom:10px;
	color:var(--color-secundario)
}
#capa_superpuesta{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:#000;
	FILTER:alpha(opacity=70);
	opacity:0.7;
	z-index:2000;
	display:none;
}
#capa_resultados{
	width:500px;
	left:-250px;
	margin-left:50%;
	background:rgba(255,255,255,1);
	position:fixed;
	z-index:2001;
	top:40px;	
	display:none;
	border:2px solid #000000;
	overflow:auto;
}
#capa_resultados .subtitulo{
	font-size:1.3em;
	color:var(--color-subtitulos);
	font-weight:bold;
	margin-bottom:20px;
	border-bottom:1px dotted var(--color-subtitulos);
	text-align:center;
	padding-bottom:5px;
}
body{
	background:var(--color-fondo);
	color:var(--color-textos);	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	padding:0px;
	margin:0px;
}
a{
	color:inherit;
	text-decoration:none;
}
.validado, .canjeado{
	color:#46EF14;
	font-weight:bold;
}
.rechazado, .caducado{
	color:#ff0000;
	font-weight:bold;	
}
.pendiente{
	color:#EDAD0B;
	font-weight:bold;
}
.caja_validado, .caja_canjeado{
	margin-top:10px;
	padding:10px;
	text-align:center;
	border:2px solid #46EF14;
}
.caja_rechazado, .caja_caducado{
	margin-top:10px;
	padding:10px;
	text-align:center;
	border:2px solid #ff0000;	
}
.caja_pendiente{
	margin-top:10px;
	padding:10px;
	text-align:center;
	border:2px solid #EDAD0B;
}
.caja_validado .estado,.caja_rechazado .estado,.caja_pendiente .estado{
	font-size:1.4em;
	font-weight:bold;
}

.centrar{
	text-align:center;
}
.flex{
	display:flex;
	margin-bottom:10px;
}
.flex div{
}
.alineacion_derecha{
	text-align:right;
}
.margen10sup{
	margin-top:10px;
}
.padd5top{
	padding-top:5px;
}
.padd5bottom{
	padding-bottom:5px;
}
.padd10top{
	padding-top:10px;
}
.padd10bottom{
	padding-bottom:10px;
}
.padd20px{
	padding:20px;
}
.ancho230px{
	width:230px;
}
.ancho120px{
	width:120px;
}
.ancho100x100{
	width:100%;
}
.ancho50x100{
	width:50%;
}
#resultado{
	background:#FFC;
	color:#F00;
	padding:10px;
	text-align:center;
	display:none;
}
input[type=submit],input[type=button], input[type=file]{
	border:1px var(--color-principal) solid;
	background:var(--color-principal);
	margin-top:10px;
	border-radius:0.6em;
	text-align:center;
	color:var(--color-secundario);
	font-weight:bold;
	padding:10px 10px;
	display:inline-block;
	font-size:10pt;
	outline:none;
}
input[type=submit]:hover,input[type=button]:hover{
	cursor:pointer;
}
input[type=text], input[type=password], select, textarea{
	border:1px solid var(--color-inputtextborde);
	color:var(--color-inputtext);
	padding:0px 10px;
	background:var(--color-inputtextfondo);
	height:30px;
	width:calc(100% - 20px);
	font-size:1.2em;
	outline:none;
	font-family:inherit;
}
textarea{
	resize:none;
	padding:10px;
}
select{
	width:calc(100%);
}

.globos{
	background:url(../img/globos.jpg) no-repeat center center;
	background-size:cover;
}
#acceso{
	margin:0 auto;
	width:100%;
	max-width:780px;
	/* flexbox setup */
    display: -webkit-flex;
    -webkit-flex-direction:row;
    display: flex;
    flex-direction:row;
}
#acceso .chqmtv{
	margin-top:20px;
	width:40%;
	order:1;
}
#acceso .chqmtv .fondo{
	background:url(../img/cqm-blanco.png) no-repeat center center var(--color-fondo_acceso);
	height:360px;
	min-height:120px;
}
#acceso .caja{
	width:calc(50%);
	order:2
}
#acceso .caja .interior{
	
	background:var(--color-acceso-fondo_caja);
	border:1px solid var(--color-acceso-bode_caja);
	webkit-box-shadow: 0 0 5px rgb(0,0,0);  
	-moz-box-shadow: 0 0 5px rgb(0,0,0);   
	box-shadow: 0 0 5px rgb(0,0,0);
		padding:20px 40px;
		height:360px;
}
#acceso .caja .interior .logo{
	width:100%;
	background:url(../img/logo_trans.png) no-repeat center center;
	background-size:contain;
	height:77px;
	margin:0px auto 20px auto;
}

#acceso .caja .interior input[type=text],#acceso .caja input[type=password]{
	border:2px solid var(--color-inputtextborde-acceso);
	color:var(--color-inputtext);
	padding:0% 2%;
	height:30px;
	width:calc(96% - 40px);
	border-radius: 4px;
	margin-top:20px;
	padding-left:40px;
}

#acceso .caja .interior input[type=text]{
	background:url(../img/campo_user.png) no-repeat left center var(--color-inputtextfondo);
	background-size:20px auto;
	background-position:5px;
}
#acceso .caja input[type=password]{
	background:url(../img/campo_pwd.png) no-repeat left center var(--color-inputtextfondo);
	background-size:25px auto;
	background-position:5px;
}
#acceso .caja .interior input[type=submit]{
	margin-top:20px;
	margin-bottom:20px;
	width:calc(100% - 2px);
	border-radius:0em;
	font-size:1.3em;
	text-transform:uppercase;
}
#acceso .caja .interior .accede{
	font-size:3em;
}
#acceso .resto{
	width:10%;
	order:3;
}
#acceso .resto .fondo{
	margin-top:20px;
	background:var(--color-fondo_acceso);
	height:360px;
}

@media all and (max-width: 800px) {
	#acceso{
		max-width:100%;
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	#acceso .caja{
		webkit-box-shadow: 0 0 0px rgb(0,0,0);  
		-moz-box-shadow: 0 0 0px rgb(0,0,0);   
		box-shadow: 0 0 0px rgb(0,0,0);
		height:auto;
	}
	#acceso .chqmtv,#acceso .caja,#acceso .resto{
		width:100%;
		
	}
	#acceso .chqmtv .fondo,#acceso .resto .fondo,#acceso .caja .interior{
		height:auto;
		margin-top:0px;
		margin-bottom:0px;
	}
}

#main {
	z-index:1;
	min-width:360px;
	background:var(--color-fondo);
}
#main #content {
	width:100%;
	background:var(--color-fondo);
}
#main #content #header {
	position:relative;
	margin:0 auto;
	display:flex;
}
#main #content #header .logo {
	background:url(../img/logo_trans.png) no-repeat right;
	background-size:contain;
	height:77px;
	width:205px;
	margin-left:58px;
}
#main #content #header .cerrar{
	width:100%;
	text-align:right;
	margin-right:20%;
}
#main #content #header .cerrar a{
	font-size:1.5em;
	line-height:67px;
}
#main #content #principal{
	display:flex;
}

#main #content #principal #menu {
	background:var(--color-menu-fondo);
	overflow:hidden;
	min-width:225px;
	overflow:auto;

}
#main #content #menu .boton {
	color:var(--color-menu-color);
	padding:15px 0px;
	display:block;
	padding-left:15px;
	border-left:7px solid var(--color-menu-fondo);
}

#main #content #menu .boton:hover, #main #content #menu .boton_active {
   background: linear-gradient(90deg,var(--color-menu-boton-seleccionado-degradado),#000000);
	border-left:7px solid var(--color-menu-boton-seleccionado-banda);
	color:var(--color-menu-boton-seleccionado-color);
}
#main #content #principal #contenidos{
	width:100%;

}
#main #content #principal #contenidos .titulo{
	background:var(--color-titulos-fondo);
	font-size:1.6em;
	color:var(--color-titulos);
	padding:20px;
	font-weight:bold;
	border-top:2px solid var(--color-titulos-borde);
}
#main #content #principal #contenidos .pantalla{
	padding:20px;
	/*min-width:950px;*/
}
#main #content #principal #contenidos .pantalla .subtitulo{
	font-size:1.3em;
	color:var(--color-subtitulos);
	font-weight:bold;
	margin-bottom:20px;
}

#main #content #principal #contenidos .resumen{
	margin-top:15px;
}
#main #content #principal #contenidos .resumen .titulo{
	font-size:1.2em;
	color:var(--color-titulos);
	padding:10px;
	font-weight:bold;
	border:none;
	background:none;
	border-bottom:2px dotted var(--color-titulos-borde);
	margin-bottom:10px;
}
#main #content #principal #contenidos .resumen .accion{
	font-weight:bold;
	padding-left:15px;	
}

#main #content #principal #contenidos .pantalla .listado_titulos{
	font-size:1.1em;
	font-weight:bold;
	
}
#main #content #principal #contenidos .pantalla .listado_titulos div{
	padding:5px;
	margin-bottom:5px;
	border-bottom:1px solid var(--color-listado_registros-borde-titulo)
}

.listado .listado_registros{
	font-size:1em;
}

.listado .listado_registros:nth-child(even){
	background:var(--color-listado_registros-resaltado-fondo);
}
.listado .listado_registros:nth-child(even) div{
	border-top:1px solid var(--color-listado_registros-resaltado-borde);
	border-bottom:1px solid var(--color-listado_registros-resaltado-borde);
}

.listado_registros div{
	padding:5px;
	height:25px;
	line-height:25px;
}
#main #content #principal .aviso_eliminar{
	display:none;
}
#main #content #principal .aviso_eliminar div{
	text-align:center;
	color:#F00;
	background:#FFC;
	width:100%
}
#main #content #principal .aviso_eliminar div a{
	color:#F00;
	font-size:1.2em;
	font-weight:bold;
}
.botoncitolink{
	border:1px var(--color-principal) solid;
	background:var(--color-principal);
	margin-top:10px;
	border-radius:0.6em;
	text-align:center;
	color:var(--color-secundario);
	font-weight:bold;
	padding:10.5px 10px;
	display:inline-block;
	font-size:10pt;
}

.caja_buscador{
	border:1px solid var(--color-inputtextborde);
	width:calc(140px);
	float:left;
	position:relative;
	clear:both;
}
.buscar{
	width:20px;
	height:100%;
	position:absolute;
	background:url(../img/lupa.png) no-repeat center center;
	background-size: auto 60%;
	right:3px;
	z-index:1000;
}
.caja_buscador input[type=text]{
	padding:0px 5px;
	width:calc(100% - 35px);
	border:none;
}
.nohayregistros{
	padding-top:30px;
	font-size:1.3em;
	color:#000000;
	clear:both;
}
.opciones_ticket{
	padding:5px;
	background:var(--color-listado_registros-resaltado-fondo);
}
.paginacion{
	text-align:right;
	padding:10px 0px;
}
.paginacion .pagina{
	display:inline-block;
	 color: #84898f;
	 font-size:16px;
	 border-right:1px solid #84898f;
	 line-height:25px;
	 padding:0px 10px;
	 font-family:'Peugeot_Bold',Verdana, Geneva, sans-serif;
}
.paginacion .pagina a{
	color:inherit;
	text-decoration:none;
}
.paginacion .pagina_seleccionada{
	 color: #cb4f1c;
}
.paginacion .pagina:last-child{
	 border-right:none;
}








.sololectura{
	border:1px solid #fff;
	background:#ffffff;
	height:50px;
}

.descargar_ticket{
	color:#000000;
	font-size:1.2em;
	font-weight:bold;
}
#paginacion{
	float:left;
	text-align:right;
	width:50%;
}



.movimiento_listados{
	background:#efefef;
	padding:10px;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	border:1px dotted #000;
	color:#000;
	font-size:1.2em;
}
#resultado_formularios{
	background:#FFC;
	color:#F00;
	padding:10px;
	text-align:center;
	display:none;
	margin-top:10px;
}
.resultado_formularios{
	background:#FFC;
	color:#F00;
	padding:10px;
	text-align:center;
	display:none;
	margin-top:10px;
}





#main #content #principal #bienvenida{
	margin:15px 0px;
	font-size:1.3em;
	color:#000000;
	clear:both;
}




.excell{
	display:inline-block;
	background:url(../img/excel.png) no-repeat;
	background-size:contain;
	height:15px;
	line-height:15px;
	padding-left:20px;
}
.excell2{
	display:inline-block;
	background:url(../img/excel.png) no-repeat;
	background-size:contain;
	height:15px;
	line-height:15px;
	padding-left:5px;
}
.excell a,.excell2 a{
	color:#000000;	
}
.archivo{
	margin:0 auto;
	border:2px dashed #383838;
	background:#E5E5E6;
	font-size:10px;
	padding:5px 0px;
}


input:disabled{
	background:var(--color-inputtextdisabled);	
	border:none;
}
select:disabled{
	background:var(--color-inputtextdisabled);	
	border:none;
}