/*

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;

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

/* 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 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;
	}
}


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