.fomulario_error {
	 font-size: 12px;
	 margin-bottom: 0;
	 display: none;
}

.fomulario_error-activo {
	 display: block;
}

.popover {
    border: 2px dotted red;
}

.letra_pequena{
     font-size: 10px;
     color: #000000 !important;;
}

#alerta img{
    display: none;
}

#mensaje {
    color: #3498db ;
    font-weight: bold;
}

.profile-img-card {
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.preloader {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	
	border-radius: 50%;
	overflow: hidden;
	
	animation: spin 1s linear infinite;
	
	&:before,
	&:after {
		content: "";
		position: absolute;
		width: 100%;
		top: 0;
		bottom: 0;
		background-color: #f60;
		
		border-radius: 50%;
		
		animation: scaling 1.5s linear infinite;
	}
	&:before {
		left: 50%;
	}
	&:after {
		right: 50%;
	}
	
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@keyframes scaling {
	0% {
		transform: scale(.8);
	}
	33% {
		transform: scale(.2);
	}
	66% {
		transform: scale(1.4);
	}
	100% {
		transform: scale(.8);
	}
}s[]?body {
	background-color: #333;
	min-height: 100vh;
	overflow: hidden;
}

.preloader {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	
	border-radius: 50%;
	overflow: hidden;
	
	animation: spin 1s linear infinite;
	
	&:before,
	&:after {
		content: "";
		position: absolute;
		width: 100%;
		top: 0;
		bottom: 0;
		background-color: #f60;
		
		border-radius: 50%;
		
		animation: scaling 1.5s linear infinite;
	}
	&:before {
		left: 50%;
	}
	&:after {
		right: 50%;
	}
	
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@keyframes scaling {
	0% {
		transform: scale(.8);
	}
	33% {
		transform: scale(.2);
	}
	66% {
		transform: scale(1.4);
	}
	100% {
		transform: scale(.8);
	}
}