/*

ACCION
1-AGREGAR
2-MODIFICAR
3-CANCELAR
4-ELIMINAR

NOTIFICACION
0-ERROR DESCONOCIDO
1-AGREGAR
2-MODIFICAR
3-CANCELAR
4-ELIMINAR
5-ID EXISTENTE

*/

/*CODIGOS XR*************************************************************************************/

/*VARIABLES*/
:root{
	--txt_error: #FF0000;
	--txt_exito: #449C44;
	--txt_info: #498FE4;
	--txt_negro: #000000;
	--txt_blanco: #ffffff;
	--txt_red: #FF0000;
	--txt_green: #449C44;

	--color_principal1: #00918E;/*nota: 1*/
	--color_principal2: #FFA31A;/*nota: hover */
	--color_principal3: rgba(37, 150, 190, .8);/*nota: 2*/
	--color_principal4: #41AAA8;/*nota: 3*/
	--color_principal5: #2C003E;/*nota: 4*/
	--color_principal6: #f3f2f2;/*nota: 5*/
	--color_principal7: #e2f4f4;/*nota: 6*/
	--color_principal8: rgb(6, 154, 174);/*nota: 7 tooltip*/

	--tam_txt_normal: 16px;
	--tam_txt_mediano: 24px;
	--tam_txt_grande: 32px;

	--v_raya:#2a2a2a19;
}

/*COLORES*/
.xr-txt-red{
	color: var(--txt_red);
}
.xr-txt-error{
	color: var(--txt_error);	
}
.xr-txt-exito{
	color: var(--txt_exito);
}
.xr-txt-info{
	color: var(--txt_info);
}
.xr-txt-blanco{
	color: var(--txt_blanco);
}
.xr-txt-negro{
	color: var(--txt_negro);
}

/* TAMAÑO DE TEXTOS Y ESTILOS*/
.xr-tam-txt_normal{
	font-size: var(--tam_txt_normal);
}
.xr-tam-txt_mediano{
	font-size: var(--tam_txt_mediano);
}
.xr-tam-txt_grande{
	font-size: var(--tam_txt_grande);
}
.xr-txt-negrita{
	font-weight: bold;
}
.xr-ml-2{
	margin-left: 2px;
}
.xr-ml-3{
	margin-left: 3px;
}
.xr-ml-4{
	margin-left: 4px;
}
.xr-ml-6{
	margin-left: 6px;
}
.xr-ml-8{
	margin-left: 8px;
}
.xr-mr-2{
	margin-right: 2px;
}
.xr-mr-3{
	margin-right: 3px;
}
.xr-mr-4{
	margin-right: 4px;
}
.xr-mr-6{
	margin-right: 6px;
}
.xr-mr-8{
	margin-right: 8px;
}
.xr-mt-6{
	margin-top: 6px;
}
.xr-mb-3{
	margin-bottom: 3px;
}
.xr-mb-6{
	margin-bottom: 6px;
}
.xr-pr-3{
	padding-right: 3px;
}
/* VARIADOS*/
.xr-error_campo{/*para formularios*/
    border: 2px solid var(--txt_error);
}
.xr-icon {/*para seperar*/
	margin-right: 5px;
}
.xr-ocultar{
    display: none !important;
	
}
.xr-mostrar{
    display: block !important;
}
.xr-quitar_barra{
	overflow: hidden;
}
.xr-cursor{
	cursor: pointer;
}
.xr-width_auto{
	width: auto !important;
}
.xr_relative{
	position: relative;
}
.xr-animationSearch{
	/* animacion */
	opacity: 0;
	transform: translateX(-100px);
	animation: slideIn 0.3s ease forwards; /* Aplica la animación */
}

/*XR LOADER*/
.section-cls-xr_loader{
	position: absolute;
	display: none;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255,255,255,.5);
}
.section-cls-xr_loader .div-cls-xr_dots span{
	position: absolute;
	height: 10px;
	width: 10px;
	background: #1d8568;
	border-radius: 50%;
	transform: rotate(calc(var(--i) * (360deg / 15))) translateY(35px);
	animation: animate_loader 1.5s linear infinite;
	animation-delay: calc(var(--i) * 0.1s);
	opacity: 0;
}
@keyframes animate_loader {
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}

@keyframes slideIn {
	from {
		transform: translateX(-100px);
		opacity: 0;
	}
	to {
		transform: translateX(0);
		opacity: 1;
	}
}

/* FIN CODIGOS XR*************************************************************************************/