/*

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: #92aa0c;/*nota: */
	--color_principal4: #469fff;/*nota: */
	/*--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-centrar{
	text-align: center;
}

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

/*XR ERROR */
.div-cls-modalError{
    position: fixed;
    width: 400px;
    height: 400px;
    top: 50%;/*centrar*/
    left: 50%;/*centrar*/
    transform: translate(-50%, -50%);/*centrar*/
    border-radius: 30px;
    background: var(--txt_blanco);
    box-shadow: 2px 4px 15px 0 var(--txt_error);
    z-index: 999;
   
}
.div-cls-bodyModalError{
    position: relative;
    display: flex;
    padding: 10px;
}
.div-cls-bodyModalError_1{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.img-cls-imageModalError{
    width: 80px;
    height: 80px;
}
.span-cls-messageModalError{
    text-align: center;
}
.span-cls-solutionModalError{
    padding-top: 5px;  
}
.span-cls-bntCloseModalError{
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 38px;
    color: var(--txt_error);
    cursor: pointer;
}

.div-cls-headModalError{
    text-align: center;
}
.span-cls-titleModalError{ 
    font-size: 2rem;
}
.div-cls-footModalError{
    padding-top: 20px;
    padding-right: 40px;
    padding-left: 40px;
}

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