/* ----------------------------------------------------------------
	Custom CSS
-----------------------------------------------------------------*/

:root{
	--azul-light: #4270B7;
	--azul-ml: #36507E;
	--azul-md: #233250;
	--azul-dark: #0C132A;
	--azul-double: #d3dded;
	--gris-light: #DBD9D9;
	--gris-ml: #C2C1C0;
	--gris-md: #939393;
	--color-dark:#222222;

	--cnvs-themecolor: #4270B7;
}

.cazul-light{color: var(--azul-light) !important;}
.cazul-ml{color: var(--azul-ml) !important;}
.cazul-md{color: var(--azul-md) !important;}
.cazul-dark{color: var(--azul-dark) !important;}
.cgris-light{color: var(--gris-light) !important;}
.cgris-ml{color: var(--gris-ml) !important;}
.cgris-md{color: var(--gris-md) !important;}
.c-dark{color: var(--color-dark) !important;}

.bazul-light{background-color: var(--azul-light) !important;}
.bazul-ml{background-color: var(--azul-ml) !important;}
.bazul-md{background-color: var(--azul-md) !important;}
.bazul-dark{background-color: var(--azul-dark) !important;}
.bgris-light{background-color: var(--gris-light) !important;}
.bgris-ml{background-color: var(--gris-ml) !important;}
.bgris-md{background-color: var(--gris-md) !important;}
.b-dark{background-color: var(--color-dark) !important;}

.just{text-align: justify !important;}
.bold{font-weight:bold !important;}
.perfil{width: 350px; height: 350px; border-radius: 50%; margin-left: auto; margin-right: auto; border: 10px solid var(--azul-light); filter: drop-shadow(5px 5px 10px #000000);}
.zin {background-color: var(--azul-light); font-size: 30px; width: 420px; z-index: 100; position: absolute; top: 330px; left: 50%; transform: translate(-50%, -50%); border-radius: 30px; filter: drop-shadow(5px 5px 10px #000000); text-align: center; }
.shw{filter: drop-shadow(5px 5px 10px #000000); text-align: center;}
.shw2{filter: drop-shadow(5px 5px 10px #4270B7); text-align: center;}
.lo2{width: 45%; min-width: 350px;}
.hrline{padding: 1em !important; border-top: 1px solid white !important;}
.lidown{color: #C2C1C0 !important; cursor: pointer;} .lidown:hover{color: #94dcec !important;}
.button-green { background-color: #0C132A !important;}
.button-green:hover { background-color: #233250 !important;}
.rou{border-radius: 500px;}
.maleri{margin-left: 15px; margin-right: 15px;}
li.bg-success.bg-opacity-10.py-2.px-3.rounded {background-color: var(--azul-double) !important;}