#menuPasos button.nav-link{
	height: 40px !important;
	width: 40px !important;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 .125rem .25rem #00000013 !important;
	color: white;
	background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)) !important;
	background-color: #909090;
}

#menuPasos button.nav-link.active {
	border-width: 4px !important;
	border-style: solid !important;
	border-color: #198754 !important;
}

#menuPasos button.nav-link.completed{
	background-color: #198754 !important;
}

#menuPasos button.nav-link.error{
	background-color: #dc3545 !important;
}

#menuPasos button.nav-link.active.completed, #menuPasos button.nav-link.active.error {
	border-color: #909090 !important;
}



.form-check-input, .form-check-label, .nav-tabs .nav-link:not(.active){
	cursor: pointer;
}


#logoApp{
	max-height: 3rem;
}


main{
	padding-top: 9rem;
}


@media (max-width:768px) {
	#logoApp{
		max-height: 26px;
	}

	#titleApp{
		font-size: 0.90rem;
	}

	main{
		padding-top: 7rem;
	}
}


/* Loader */
.loader {
	width: 16px;
	height: 16px;
	position: relative;
	left: -32px;
	border-radius: 50%;
	color: #fff;
	background: currentColor;
	box-shadow: 32px 0 , -32px 0 ,  64px 0;
}
  
.loader::after {
	content: '';
	position: absolute;
	left: -32px;
	top: 0;
	width: 16px;
	height: 16px;
	border-radius: 10px;
	background:#FF3D00;
	animation: move 3s linear infinite alternate;
}
  
@keyframes move {
	0% , 5%{
	  left: -32px;
	  width: 16px;
	}
	15% , 20%{
	  left: -32px;
	  width: 48px;
	}
	30% , 35%{
	  left: 0px;
	  width: 16px;
	}
	45% , 50%{
	  left: 0px;
	  width: 48px;
	}
	60% , 65%{
	  left: 32px;
	  width: 16px;
	}
  
	75% , 80% {
	  left: 32px;
	  width: 48px;
	}
	95%, 100% {
	  left: 64px;
	  width: 16px;
	}
}

.loaderMail {
	position: relative;
	border-style: solid;
	box-sizing: border-box;
	border-width: 40px 60px 30px 60px;
	border-color: #3760C9 #72cffa #96DDFC #36BBF7;
	animation: envFloating 1s ease-in infinite alternate;
}
  
.loaderMail:after{
	content:"";
	position: absolute;
	right: 62px;
	top: -40px;
	height: 70px;
	width: 50px;
	background-image:
			  linear-gradient(#888 45px, transparent 0),
			  linear-gradient(#888 45px, transparent 0),
			  linear-gradient(#888 45px, transparent 0);
	background-repeat: no-repeat;
	background-size: 30px 4px;
	background-position: 0px 11px , 8px 35px, 0px 60px;
	animation: envDropping 0.75s linear infinite;
}
  
@keyframes envFloating {
	0% { transform: translate(-2px, -5px)}
	100% { transform: translate(0, 5px)}
}
  
@keyframes envDropping {
	0% {background-position: 100px 11px , 115px 35px, 105px 60px; opacity: 1;}
	50% {background-position: 0px 11px , 20px 35px, 5px 60px; }
	60% {background-position: -30px 11px , 0px 35px, -10px 60px; }
	75%, 100% {background-position: -30px 11px , -30px 35px, -30px 60px; opacity: 0;}
}