/* DECLARA LAS VARIABLES */
:root{
	--blue-conavi: #3E78F0;				/* Color Acento CONAVI */
	--blue-conavi-darker-1: #104fd2;
	--blue-conavi-lighter-1: #E3F2FD;
	--red-conavi: #ff0048;
	--green-conavi: #00b803;
	--gris-texto-base: #666E80;	/* Texto base */
	--fondo-oscuro: #282D49;		/* Fondo Oscuro Sección */
	--fondo-claro: #F5F6F7;		/* Fondo Sidebar */
	--gris-lineas: #EBECF0;		/* Lineas DIV */
	--gris-dropdown: #E8EAED;		/* Gris Dropdwon */
}

/*************************/
/* CLASES DE LOS COLORES */
.blue{
	color: var(--blue-conavi);
}
.blue-imp{
	color: var(--blue-conavi) !important;
}
.red{
	color: var(--red-conavi) !important;
}
.green{
	color: var(--green-conavi) !important;
}
.gris-texto-base{
	color: var(--gris-texto-base);
}
.fondo-oscuro{
	color: var(--fondo-oscuro);
}
.fondo-claro{
	color: var(--fondo-claro);
}
.gris-lineas{
	color: var(--gris-lineas);
}
.gris-dropdown{
	color: var(--gris-dropdown);
}

.white{
	color: white;
}
.black{
	color: black;
}



/***********************************/
/* CLASES DE BACKGROUND DE COLORES */
.bg-blue{
	background-color: var(--blue-conavi);
}
.bg-gris-texto-base{
	background-color: var(--gris-texto-base);
}
.bg-red{
	background-color: var(--red-conavi);
}
.bg-green{
	background-color: var(--green-conavi);
}
.bg-green-imp{
	background-color: var(--green-conavi) !important;
}
.bg-fondo-oscuro{
	background-color: var(--fondo-oscuro);
}
.bg-fondo-claro{
	background-color: var(--fondo-claro);
}
.bg-gris-lineas{
	background-color: var(--gris-lineas);
}
.bg-gris-dropdown{
	background-color: var(--gris-dropdown);
}

.bg-white{
	background-color: white;
}
.bg-black{
	background-color: black;
}
.bg-transparent {
	background-color: transparent;
}