@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;800;900&display=swap');

* {
	font-family: 'Inter', sans-serif;
	font-size: 100%;
	color: #EFF8FF;
}

.passwrd {
	float: right;
	top: -38px;
	right: 10px;
	position: relative;
	cursor: pointer;
}

body {
	background: url('../../images/fdo_login.jpg');
	background-color: #EFF8FF;
	border-top: 15px solid #0067B9
}

img { max-width: 100%; }

.btn-primary {
	font-size: 14px;
	text-transform: uppercase;
	padding: 19px;
	letter-spacing: 5%;
	min-width: 226px;
	background-color: #0067B9;	
}
.btn-primary:hover,
.btn-check:active + .btn-primary:focus,
.btn-check:checked + .btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show > .btn-primary.dropdown-toggle:focus,
.btn-check:focus + .btn-primary,
.btn-primary:focus,
.btn-primary:active {
	outline: none;
	background-color: #489DE1;
	transition: all .3s;
	box-shadow: none;
}


@media(min-width: 0) {
	#login {
		border-radius: 20px;
		background-color: #fff;
		border: 1px solid rgba(255, 255, 255, .20);
		box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.15);
		padding: 100px 20px;
	}

	#login img {
		padding: 30px 0;
		
		margin: auto;
		display: table
	}

	#login input {
		padding: 15px 10px;
	}

	#login .btn-primary {
		display: block;
	}
}

@media(min-width: 768px) {
	#login {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 60%;
		padding: 40px 45px;
		transform: translate(-50%, -50%);
	}
}

@media(min-width: 990px) {
	#login {
		width: 40%;
	}
}

.btn-block{
	width: 100%
}



/*#login {
	width: 40%;
	border-radius: 20px;
	padding: 40px 45px 80px 45px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	border: 1px solid rgba(255, 255, 255, .20);	
	box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.15);
	border-bottom: 7px solid #0067B9;
}

#login img {
	display: table;
	margin: auto;
	padding: 0px 10px 30px 10px;
}
#login form { padding: 0 5%; }
#login form .form-control {
	font-family: 'Inter', sans-serif;
	font-size: .8rem;
	padding: 15px 15px;
	color: #262626;
	background-color: rgb(255 255 255 / 67%);
}
#login form .form-control:focus {
	outline: none;
	box-shadow: none;
	border-color: #2A2D93;
}
#login form a{
	width: 100%;
}*/