@keyframes zoomOutBG {
	from { opacity: 0.5; background-size: 160%; background-position: center; }
	to { opacity: 1; background-size: 100%; background-position: center; }
}

@keyframes slideToLeft {
	from { opacity: 0.2; transform: translate3d(-200px,0,0) }
	to { opacity: 1; transform: translate3d(0,0,0) }
}

@keyframes slideDown {
	from { opacity: 0.2; transform: translate3d(0,-30vh,0) }
	to { opacity: 1; transform: translate3d(0,0,0) }
}

@keyframes fadeIn {
	from { opacity: 0;}
	to { opacity: 1;}
}

@font-face {
	font-family: "udlap-esc";
	src:url("/assets/fonts/udlap-esc.eot");
	src:url("/assets/fonts/udlap-esc.eot?#iefix") format("embedded-opentype"),
		url("/assets/fonts/udlap-esc.woff") format("woff"),
		url("/assets/fonts/udlap-esc.ttf") format("truetype"),
		url("/assets/fonts/udlap-esc.svg#udlap-esc") format("svg");
	font-weight: normal;
	font-style: normal;

}

[data-icon]:before {
	font-family: "udlap-esc" !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "udlap-esc" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body { font-family: 'Montserrat'; }

.icon-correo:before    { content: "\61"; }
.icon-subir:before     { content: "\62"; }
.icon-descargar:before { content: "\63"; }
.icon-documento:before { content: "\64"; }
.icon-aprovado:before  { content: "\65"; }
.icon-rechazado:before { content: "\66"; }
.icon-eliminar:before  { content: "\67"; }
.icon-filtrar:before   { content: "\68"; }
.icon-user:before      { content: "\69"; }

/* UTILIDADES */
.flex-10a { flex: 1 0 auto; }
.flex-11a { flex: 1 1 auto; }
.flex-11f { flex: 1 1 100%; }

.overflow-y-auto { overflow-y: auto; }

.wrapper-fullheight {
	height: 100vh;
	display: flex;
	flex-direction: column;
}

.fs-1 { font-size: 1rem; }
.fs-2 { font-size: 1.3rem; }
.fs-3 { font-size: 1.6rem; }
.fs-4 { font-size: 1.9rem; }
.fs-5 { font-size: 2.1rem; }
.fs-6 { font-size: 2.4rem; }
.fs-7 { font-size: 2.7rem; }

.color-udlap-main { color: #00502F; }
.color-udlap-green { color: #009A35; }
.color-udlap-gray-light { color: #E7EDED; }
.color-udlap-gray { color: #AAAAAA; }
.color-udlap-gray-strong { color: #707273; }

.bg-udlap-main { background-color: #00502F; }
.bg-udlap-green { background-color: #009A35; }
.bg-udlap-gray-light { background-color: #E7EDED; }
.bg-udlap-gray { background-color: #AAAAAA; }
.bg-udlap-gray-strong { background-color: #707273; }

/* Don't allow a dropdown exceed the screen */
.dropdown-menu {
	max-height: 80vh;
	overflow: hidden;
	overflow-y: auto;
	border-radius: 0;
}