body {
  margin: 0;
  padding: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e7e7e7+60,d7d7d7+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e7e7e7 60%, #d7d7d7 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#e7e7e7 60%,#d7d7d7 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #ffffff 0%,#e7e7e7 60%,#d7d7d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d7d7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.login {
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	text-align: center;
	border: 2px solid black;
	padding: 25px 80px;
	background-color: #fcfcfc;
}

.login h2 {
	margin-bottom: 25px;
}

.login .input-group {
	width: 100%;
	position: relative;
	margin-bottom: 25px;
	height: 50px;
}

.full-width {
	width: 100%;
	height: 100%;
}

.input-group {
	padding-left: 10px;
}

.login .input-group span {
	position: absolute;
	top: 12px;
	left: 30px;
	transition: 0.2s;
	pointer-events: none;
	z-index: 5;
}

.form-control:focus ~ span,
.form-control:valid ~ span
{
	top: -16px;
	left: 22px;
	border-radius: 10px;
	background: #fcfcfc;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.form-control:-webkit-autofill ~ span,
	.form-control:-webkit-autofill:hover ~ span,
	.form-control:-webkit-autofill:focus ~ span,
	.form-control:-webkit-autofill:active ~ span
	{
		top: -16px;
		left: 22px;
		border-radius: 10px;
		background: #fcfcfc;
	}
}


.btn-dark {
	transition: 0.1s;
}
.btn-dark:hover {
	color: #343a40;
	background-color: transparent;
	border-color: #343a40;
}

/** CHROME INPUT **/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset;
}