body {
	background: rgb(246,34,52);
	background: linear-gradient(20deg, rgba(246,34,52,0.9707686145853552) 8%, rgba(34,34,34,1) 54%);
	/*min-height: 650px;*/
}
.input-group-append {
	margin-left: 0px;
}
.input-group .input-group-text {
	background-color: rgba(0,0,0,.25);
	color: #939ba2;
	border-bottom-right-radius: .25rem;
	border-top-right-radius: .25rem;
}
.form-control::placeholder {
	color: #939ba2;
	opacity: 1;
}
.form-control {
	font-weight: 400;
	border: 1px solid rgba(0,0,0,.5);
	background: rgba(0,0,0,.25);
	border-right: 0;
	cursor: pointer;
	color: #f8f9fa;
}
.login-card-body {
	background: #343a40 !important;
	border-top: 0;
	padding: 30px 25px;
	border-radius: 0px;
	border: 1px solid rgba(0,0,0,.5);
}
.card {
	box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);
	border-radius: 0px;
	border: none;
}
.login-box {
	width: 340px;
}
.login-page {
	-ms-flex-align: center;
	align-items: center;
	background: transparent;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100vh;
	-ms-flex-pack: center;
	justify-content: center;
}
.input-group-text {
	justify-content: center;
	text-align: center;
	width: 40px;
	border: 1px solid rgba(0,0,0,.5);
	background: transparent;
	border-left: none;
}
input[type=text]:focus, input[type=password]:focus {
  outline:none !important;
  outline-width: 0 !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  background: rgba(0,0,0,.25);
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-right: none;
  color: #f8f9fa;
}
.login-logo a img {
	display: block;
	margin: auto;
}
@media (max-width: 480px) {
	.login-box {
		margin-top: .5rem;
		width: 90%;
	}
	.login-logo {
		margin-bottom: .9rem;
	}
	.login-logo a img {
		display: block;
		margin: auto;
	}
}