/* CSS Document */
:root {
  --color-fondo_acceso: rgba(0,0,0,0.5);
  --color-acceso-fondo_caja: #f8f9fa;
  --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:#f6b223;
  --color-menu-boton-seleccionado-color: #ffffff;
  --color-menu-boton-seleccionado-banda: #000000;
  --color-menu-boton-seleccionado-degradado:#f6b223;
  --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;
}
.infos{
	position:absolute;
	display:none;
	top:calc(-100% - 10px);
	text-align:center;
	padding:5px;
	background:#000000;
	color:#ffffff;
}
.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)
}
.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;
}

#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;
}
.bold{
	font-weight: bold;
}
a{
	color:inherit;
	text-decoration:none;
}
.validado, .activa,.libre,.enviado{
	color:#46EF14;
}
.rechazado,.noactiva,.inactiva,.finalizada,.error{
	color:#ff0000;	
}
.pendiente,.pendiente_inicio,.pte_validación{
	color:#EDAD0B
}
.descargado{
	color:#8A0CE9;
}
.caja_validado{
	margin-top:10px;
	padding:10px;
	text-align:center;
	border:2px solid #46EF14;
}
.caja_rechazado{
	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_descargado{
	margin-top:10px;
	padding:10px;
	text-align:center;
	border:2px solid #8A0CE9;
}
.caja_validado .estado,.caja_rechazado .estado,.caja_pendiente .estado, .caja_descargado .estado{
	font-size:1.4em;
	font-weight:bold;
}

.buscador_select{
	height:32px;
	margin-left:10px;
}

.centrar{
	text-align:center;
}
.flex{
	display:flex;
	margin-bottom:10px;
}
.flex div{
}
.alineacion_derecha{
	text-align:right;
}
.margen2sup{
	margin-top:2px;
}
.margen5sup{
	margin-top:5px;
}
.margen10sup{
	margin-top:10px;
}
.margen20sup{
	margin-top:20px;
}
.margen40sup{
	margin-top:40px;
}
.padd0{
	padding:0px;
}
.padd5top{
	padding-top:5px;
}
.padd10top{
	padding-top:10px;
}

.margen5sup{
	margin-top:5px;
}

.margen50sup{
	margin-top:50px;
}

.margen2aba{
	margin-bottom:2px;
}

.margen10aba{
	margin-bottom:10px;
}

.margen20aba{
	margin-bottom:20px;
}

.margen30aba{
	margin-bottom:30px;
}

.margen40aba{
	margin-bottom:40px;
}

.margen10iz{
	margin-left:10px;
}

.margen5iz{
	margin-left:5px;
}

.padd2bottom{
	padding-bottom:2px;
}

.padd5bottom{
	padding-bottom:5px;
}
.padd20px{
	padding:20px;
}
.ancho230px{
	width:230px;
}
.ancho120px{
	width:120px;
}
.ancho100x100{
	width:100%;
}
.ancho25x100{
	width:25%;
}
.ancho50x100{
	width:50%;
}

.padding_boton{
	padding:0px 10px;
}

#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],input[type=number], 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:Arial, Helvetica, sans-serif;
}

textarea{
	padding:10px;
	resize:none;
	height:120px;
}
select{
	width:calc(100%);
}

.background_portada{
	background: #f6b223; /* fallback for old browsers f6b223   cac531*/
	background: -webkit-linear-gradient(to right, #f6b223, #FFE1A1); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #f6b223, #FFE1A1); 
	background-size:cover;
}

/*LOGIN*/


.login-page {
	max-width: 360px;
	width:90%;
	padding: 8% 0 0;
	margin: auto;
  }
  .login-page .form {
	position: relative;
	z-index: 1;
	background: #FFFFFF;
	max-width: 360px;
	margin: 0 auto 100px;
	padding: 45px;
	text-align: center;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
  }
  .login-page .form input {
	font-family: "Roboto", sans-serif;
	outline: 0;
	background: #f2f2f2;
	width: 100%;
	border: 0;
	margin: 0 0 15px;
	padding: 20px;
	box-sizing: border-box;
	font-size: 16px;
  }
  .login-page .form button {
	font-family: "Roboto", sans-serif;
	text-transform: uppercase;
	outline: 0;
	background: #f6b223;
	width: 100%;
	border: 0;
	padding: 15px;
	color: #FFFFFF;
	font-size: 14px;
	margin-top:15px;
	-webkit-transition: all 0.3 ease;
	transition: all 0.3 ease;
	cursor: pointer;
  }
  .login-page .form button:hover,.form button:active,.form button:focus {
	background: #f6b223;
  }
  .login-page .form .message {
	margin: 15px 0 0;
	color: #b3b3b3;
	font-size: 12px;
  }
  .login-page .form .message a {
	color: #f6b223;
	text-decoration: none;
  }
  .login-page .form .register-form {
	display: none;
  }
  

  /*LOGIN*/



#acceso{
	margin:0 auto;
	width:100%;
	max-width:780px;
    display: -webkit-flex;
    -webkit-flex-direction:row;
    display: flex;
    flex-direction:row;
	justify-content: center;
}
#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);*/
	background:var(--color-fondo_acceso);
	display: flex;
	flex-direction: column;
	justify-content: center;
	height:360px;
	min-height:120px;
}
#acceso .caja{
	width:calc(50%);
	order:2
}
#acceso .caja .interior{
	
	background:var(--color-acceso-fondo_caja);
	-moz-box-shadow: 0 0 5px rgb(0,0,0);   
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
		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;
	background:#ffffff;
	color:black;
}
#main #content #header .logo {
	background:url(../img/logo_trans.png) no-repeat right;
	background-size:contain;
	height:50px;
	width:205px;
	margin-left:8px;
	margin-top:8px;
}
#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:1250px;
}
#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:0.9em;
	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:0.8em;
}

.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;
	
}
.caja_select{
	float:left;
	margin-right: 10px;
}
.caja_select_select{
	border:1px solid var(--color-inputtextborde);
	width:calc(140px);
	position:relative;
	height:31.5px;
	color:#808080;
	-webkit-appearance: textfield;
	   -moz-appearance: textfield;
			appearance: textfield;
			z-index:5;
	background: url("../img/abajo.png") no-repeat;
	background-position: 97%;
	background-size:9px;
	width:100%;
}

.caja_select option{
	color:black;
}



.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_acciones{
	background:#FFC;
	color:#F00;
	padding:10px;
	text-align:center;
	display:none;
	margin-top:10px;
	margin-bottom:10px;
}
#resultado_formularios,#resultado_modal{
	background:#FFC;
	color:#F00;
	padding:10px;
	text-align:center;
	display:none;
	margin-top:10px;
}
.resultado_formularios,.resultado_modal{
	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;
}

.text-blanco{
	color:white;
}


.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;
}

.archivoNuevo{
	background:#efefef;
	border:2px dashed #9B9B9B;
	padding:20px;
	/*margin:0 auto;
	border:2px dashed #383838;
	background:#E5E5E6;
	font-size:10px;
	padding:5px 0px;*/
}

.barraImagen{
	height:50px !important;
	font-size:20px !important;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color:  #65a0f1 !important;
	font-family: 'Courier New', Courier, monospace;
}

input:disabled{
	background:var(--color-inputtextdisabled);	
	border:none;
}
select:disabled{
	background:var(--color-inputtextdisabled);	
	border:none;
}
 .canjeado{
    	color:#E20DE8;
    }
    .cancelado,.caducado,.inactivo{
    	color:#ff0000;
    }
    .no_iniciado{
    	color:#1362DB;
    }
    .activo{
    	color:#10D92D;
	}
	
/*//////////////////////////////*/

.validado_estado{
	margin-right:5px;
	text-align:left;
}
.rechazado_estado{
	margin-right:5px;
	text-align:left;
	color:#ff0000;
}
.align-center{
	display:flex;
	align-items: center;
}
.d-flex-column{
	display:flex;
	flex-direction: column;
}

.d-flex-start{
	display:flex;
	justify-content:flex-start;
}

.d-flex-center{
	display:flex;
	justify-content:center;
}

.d-flex-between{
	display:flex;
	justify-content:space-between;
}

.d-flex-around{
	display:flex;
	justify-content:space-around;
}

.d-flex-end{
	display:flex;
	justify-content:flex-end;
}

.d-align-end{
	display:flex;
	align-items: flex-end;
}


.mt{
	margin-top:5px;
}

.mt-5{
	margin-top:5px;
}

.small{
	font-size:15px;
}

.parrafo{
	font-size:14px;
}

.puntos_totales{
	font-size:18px;
	text-align: center;
}

.margen_iz{
	margin-left:10px;
}

.margen_resul{
	padding-bottom:10px;
}
.boton_enviar_mail{
	margin-top:25px;
}

.volver_listado{
	margin-right:10px;
}

.margin0{
	margin:0 auto;
}
.contenedor_img{
	width:calc(100% - 20px);
}
.ancho45{
	width:45%;
}
.descarga{
	background:#F3F2F2;
	margin-top:5px;
	padding-top:5px;
}

.text-warning {
	color: #28a745;
  }

.centrado{
	text-align: center;
}

.bold{
	font-weight: bold;
}

.mensaje {
	position: relative;
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 0.25rem;
	font-size:18px;
	
}

.validado_mensaje{
	background-color: #d4edda;
	border-color: #c3e6cb;	
	color: #155724;
}

.rechazado_mensaje{
	color: #721c24;
  	background-color: #f8d7da;
 	 border-color: #f5c6cb;
}

.pendiente_mensaje{
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
  text-align: center;
}
.campo_fecha{
	background:url(../img/calendario.png) no-repeat !important;
	background-position:calc(100% - 5px) !important;	
}