.alert{
	margin: 0;
	padding: 0; 
    border: none;
}

.uptSel{
		height: 40px !important;
	    padding: 10px;
	    padding-top: 5px;
	    padding-left: 20px;
	}
.uptSel > .select2-selection__arrow{
	top: 15px !important;
}
.uptCon{
	padding: 10px 0;
}

.alert-danger, .alert-success{
		position: fixed;
		top: 20px;
		left: 50%;
		transform: translate(-50%, -100vh);
		animation-name: fadeDown;
		animation-duration: 0.8s;
		animation-fill-mode: forwards;

		width: 100%;
		max-width: 400px;
		padding: 16px 12px;
		font-family: 'Roboto';
		font-weight:300;
		color: #ffffff;
		border-radius: 6px;
	}
	.alert-danger a, .alert-success a{
		display: inline-table;
		font-size: large;
		text-decoration: none;
	}
	.alert-danger{
		background-color: #f8d7da;
		color: #721c24;
		border: 1px solid #f5c6cb;
	}
	.alert-success{
		color: #155724;
		background-color: #d4edda;
		border: 1px solid #c3e6cb;
	}

	.logo{
		width: 88px;
	}
	.btn-login{
		display: table;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 100;
		background-color: rgba(255,255,255,0.3);
		padding: 12px 24px;
		margin: 24px;
		color: white;
		text-decoration: none;
		font-family: 'Roboto';
		border-radius: 12px;
		transition: 0.5;
	}
	.btn-login:hover{
		background-color: rgba(255,255,255,0.8);
		transition: 0.8;
	}

	.loading{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.loader{
		width: 100px;
		height: 100px;
		border-radius: 100%;
		border-top:8px solid teal;
		border-bottom: 8px solid lightgrey;
		border-right: 8px solid lightgrey;
		border-left: 8px solid lightgrey;

		animation: rotate 1s linear 0s infinite;
	}
	@keyframes fadeIn{
		from{
			opacity: 0;
		}
		to{
			opacity: 1;
		}
	}
	@keyframes zoomIn{
		from{
			border-radius: 100%;
			width: 0%;
			height: 0vh;
		}
		to{
			border-radius: 0%;
			width: 100%;
			height: 100vh;
		}
	}
	@keyframes rotate{
		from{
			transform: rotateZ(0deg);
		}
		to{
			transform: rotateZ(360deg);
		}
	}
	@keyframes fadeDown{
		0%{
			opacity: 0;
			transform: translate(-50%, -100vh);
		}
		60%{
			opacity: 1;
			transform: translate(-50%, 24px);
		}
		100%{
			opacity: 1;
			transform: translate(-50%, 0);
		}
	}
	.form-button{
		font-family: 'Roboto';
		font-weight: bold;
		font-size: 14px;

		padding: 12px 24px;
		border-radius: 100px;
		background-color: transparent;
		color: #ffffff;
		border: 2px solid #ffffff;
		transition: 0.4s;
		cursor: pointer;
	}
	.form-button:hover{
		background-color: #ffffff;
		color: #4dceac;
		color: #35bc9c;
		transition: 0.4s;
		cursor: pointer;
	}

	/*animation: zoomIn 1.4s ease-out 0s forwards
	/*}*/