/*

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-center{
	text-align: center;
}

/*XR LOADER*/
/*1*/
.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;
}
/*2*/
.div-cls-spinnerSearch{
	display: none;
}

/*NOTIFY*/
.div-cls-notifications{
	position: fixed;
	top: 30px;
	right: 20px;
}
.div-cls-toast{
	position: relative;
	padding: 10px;
	color: #fff;
	margin-bottom: 10px;
	width: 400px;
	display: grid;
	grid-template-columns: 70px 1fr 70px;
	border-radius: 5px;
	--color: #0abf30;
	background-image: linear-gradient(to right, #0abf3055, #22242f 30%);
	animation: showNotify 0.3s ease 1 forwards;
}
.div-cls-toast i{
	color: var(--color);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: x-large;
}
.div-cls-toast .div-cls-title{
	font-size: x-large;
	font-weight: bold;
}
.div-cls-toast span, .div-cls-toast i:nth-child(3){
	color: #fff;
	opacity: 0.6;
}
.div-cls-toast::before{
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: var(--color);
	width: 100%;
	height: 3px;
	content: '';
	box-shadow: 0 0 10px var(--color);
	animation: timeOutNotify 5s linear 1 forwards;
}
.div-cls-toast.error{
	--color: #f24d4c;
	background-image: linear-gradient(to right, #f24d4c55, #22242f 30%);
}
.div-cls-toast.warning{
	--color: #e9bd0c;
	background-image: linear-gradient(to right, #e9bd0c55, #22242f 30%);
}
.div-cls-toast.info{
	--color: #3498db;
	background-image: linear-gradient(to right, #3498db55, #22242f 30%);
}

/* @keyframes animate_loader {
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
} */

@keyframes showNotify{
	0%{
		transform: translateX(100%);
	}
	40%{
		transform: translateX(-5%);
	}
	80%{
		transform: translateX(0%);
	}
	100%{
		transform: translateX(-10%);
	}
}
@keyframes timeOutNotify{
	to{
		width: 0;
	}
}




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