.texto_n_8{ font-family:tahoma; font-size:8pt; color:#000; }
.texto_b_8{ font-family:tahoma; font-size:8pt; color:#fff; }
.texto_a_8{ font-family:tahoma; font-size:8pt; color:#003366; }
.texto_r_8{ font-family:tahoma; font-size:8pt; color:#f00; }

.texto_n_t{ font-family:tahoma; font-size:12pt; color:#000; }
.texto_b_t{ font-family:tahoma; font-size:12pt; color:#fff; }
.texto_a_t{ font-family:tahoma; font-size:12pt; color:#003366; }

.texto_n_o{ font-family:tahoma; font-size:10pt; color:#000; }
.texto_b_o{ font-family:tahoma; font-size:10pt; color:#fff; }
.texto_a_o{ font-family:tahoma; font-size:10pt; color:#003366; }

.texto_g_l{ font-family:tahoma; font-size:16pt; color:#888; }

.texto_n_a{ font-family:'Anton', sans-serif; font-size:10pt; color:#000; }
.texto_g_a{ font-family:'Anton', sans-serif; font-size:10pt; color:#888; }
.texto_b_a{ font-family:'Anton', sans-serif; font-size:10pt; color:#fff; }

.liga_n{font-family: 'Anton', sans-serif;
		color:#000;
		cursor:pointer;
}

.liga_n:hover{font-family: 'Anton', sans-serif;
				color:#888;
				text-decoration:underline;
}

.liga_b{font-family: 'Anton', sans-serif;
				color:#FFF;
}

.liga_b:hover{font-family: 'Anton', sans-serif;
				color:#FFF;
				text-decoration:underline;
}

#tapon{
	position:fixed;
	width:100%;
	height:100%;
	background-image:url('../images/trans02.png');
	z-index:6;
	visibility:hidden;
}


/* Checkboxes */

/* .chk {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid var(--btn_modulos_fondo);
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}

.chk:checked {
    background-color: var(--fondo_listas);
    border-color: var(--fondo_listas);
} */

/*.chk:checked::after {
    content: "✔";
	background-color: var(--fondo_listas);
    color: white;
    font-size: 14px;
    position: absolute;
    top: -3px;
    left: 1px;
}*/

/* .chk:checked::after {
    content: "✔";
    color: white;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} */

/* ********** */




.estatus{
	font-family: 'Anton', sans-serif;	
	color: var(--texto_estatus);
	font-size:30px;
}

.titulos{ 
	width:100%; 
	height:80px;
	font-family: 'Anton', sans-serif;
	background-color: var(--barra_titulo);
	color: var(--texto_titulo);
	font-size:40px;
	text-align:center;
	line-height:80px
}	



.titulos2{ 
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width:100%; 
	font-family: 'Anton', sans-serif;
	background-color: var(--barra_titulo);
	color: var(--texto_titulo);
	font-size:15px;
	padding-top: 10px;
	padding-bottom: 10px;
}	




.titulo_menu{ 
	display:flex;
	justify-content: space-around;
	align-items: center;
	width:100%; 
	height:80px;
	font-family: 'Anton', sans-serif;
	background-color: var(--barra_titulo);
	color: var(--texto_titulo);
	font-size:40px;
}

#app_name {
	padding-left: 35px;
	width:50%;
}
#user_info{
	display:flex;
	flex-grow: 1;
	height:100%;
}

#user_info > div:first-child {
	display:flex;
    flex: 7;
	align-items:end;
	justify-content: right;
	font-size:14px;
}

#user_info > div:last-child {
	display:flex;
    flex: 3;
	justify-content:right;
	align-items: center;
	padding-right: 35px;
}

#user_info img {
    transition: filter 0.1s ease;
}

#user_info > div:last-child:hover img {
    filter: grayscale(100%) brightness(200%);
}

.saldo{ 
	font-family: 'Anton', sans-serif;
	color: var(--color_saldo);
	font-size:50px;
}	

.incampos{ 
	font-family: 'Anton', sans-serif;
	color: #555;
	font-size:14px;
}

.outcampo{
	font-family: 'Anton', sans-serif;
	background-color: var(--fondo_outcampos);
	color: #fff;
	font-size:16px;

}	

.fndbtns{
	display:flex;
	justify-content: center;
	gap:20px;
	background-color: var(--fondo_btns);
	padding-bottom: 5px;
	padding-top: 5px;
}

.fndrpts{
	background-color: var(--fondo_btns);
}

.outcampo10{
	font-family: 'Anton', sans-serif;
	color: #000;
	font-size:14px;
}	

.lista{
	border-bottom:1px solid #eaeaea;
	height:30px;
	padding-left:5px;	
}

.lista:hover{
	border-radius:5px;
	background-color:var(--fondo_listas);
	color:#fff;
	padding-left:5px;
	cursor:pointer;
}

input[type=text],input[type=password],input[type=email],input[type=date],input[type=number]{
  border:2px solid #999;
	border-radius:5px;
	height:40px;
}
input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=date]:focus,input[type=number]:focus{
  border:2px solid #000;
	border-radius:5px;  
	height:40px;
}

select{
  border:2px solid #999;
 	border-radius:5px;
	height:40px;
}
select:focus{
  border:2px solid #000;
 	border-radius:5px;
	height:40px;
}

input[type=button],button{
  border:4px solid #eaeaea;
  border-radius:5px;
	height:40px;
	text-align:center;
	background:#fff;
	color:#000;
}

input[type=button]:hover, button:hover{
  border:4px solid var(--input_border);
  border-radius:5px;
	height:40px;
	text-align:center;
	background:#fff;
	color:#000;
	cursor:pointer;
}

input[type=button]:disabled, button:disabled{
  border:4px solid #555;
  border-radius:5px;
	height:40px;
	text-align:center;
	background:#fff;
	color:#000;
	cursor:not-allowed;
}

.boton_cancela{
  border:2px solid #ff0000;
	border-radius:5px;
	height:40px;
	background:#fff;
	color:#000
}

.boton_cancela:hover{
  border:2px solid var(--input_border);
	border-radius:5px;
	height:40px;
	background:#ff0000;
	color:#fff;
}

.boton_lista{
	/*background-image: url('../images/borrar_.png');*/
	background-repeat: no-repeat;
	width:30px;
	height:30px;
	text-align:center;
}

.boton_lista:hover{
	cursor:pointer;
	filter: brightness(0) saturate(100%) invert(23%) sepia(93%) saturate(6943%) hue-rotate(1deg) brightness(96%) contrast(112%);
}

.boton_in_lista{
	border:0px;
	/*background-image: url('../images/onoff.png');*/
	background-repeat: no-repeat;
	background-position: center;
	width:30px;
	height:30px;
}

.boton_in_lista:hover{
	cursor:pointer;
	filter: brightness(0) saturate(100%)
			invert(36%) sepia(86%)
			saturate(1093%) hue-rotate(73deg)
			brightness(92%) contrast(110%);
}

.btn_modificar{
	display:flex;
	justify-content: center;
	align-items: center;
	height:40px;
	width:51px;
}

.btn_modificar img{
	max-width: 120%;
	max-height: 120%;
    object-fit: contain; /* NO se deforma */
    display: block;	
}


.datos_prendas {
    display: flex;
	border:1px solid #fff;
	box-sizing: border-box;
}

.datos_prendas > div:first-child {
	width:30px;
	min-width:20px;
	text-align: right;
	padding-right: 5px;
}

.datos_prendas > div:not(:first-child) {
	flex:5;
	padding-left: 10px;
	border:1px solid #fff;
	box-sizing: border-box;
}

.textareas{
	border:2px solid #999;
 	border-radius:5px;
}

#div_mensaje{
	position:absolute;
	width:400px;
	background-color:#eaeaea;
	border:var(--modal_border);
	border-radius: 5px;
	visibility:hidden;
	z-index:101;
}
#mensaje_contenido{
	padding:10px;
	font-family: verdana;
	font-size: 10pt;
	text-align: center;
}

.divisores{
	border-left:1px solid #eaeaea;
	border-right:1px solid #eaeaea;
}