@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600&display=swap');
 
body {
	background: #f7f8f9 url('/assets/images/bg.jpg') no-repeat center top;
}

* {
	font-family: 'Open Sans', sans-serif;
}


.login-block {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9f32b8+0,63007c+100 */
	background: #37424d;
	
	  margin: 15% 20px 0 20px;
	  padding: 25px;
	  color: #19202a;
	  border-radius: 10px;
	  text-align: center;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
	-webkit-box-shadow: 0px 0px 42px -5px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 0px 42px -5px rgba(0,0,0,0.45);
	box-shadow: 0px 0px 42px -5px rgba(0,0,0,0.45);
}

	.login-block .form-control{
		padding: 10px 15px 10px 40px;
		height: auto;
	}

	p.bg-danger{
		padding: 10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		color: #fff;
	}
	
	p.white, p.white a{
		opacity: 0.7;
		margin: 15px 0 0;
		font-size: 14px; 
		color: #fff;
	}
	
	.form-group{
		position: relative;
	}
	
	.input-username::before {
	    margin: 0 0 0 10px;
	    content: "\f003";
	    font-family: FontAwesome;
	    opacity: 0.5;
	    transition: background 1s, transform 1s;
	    position: absolute;
	    left: 3px;
	    z-index: 9999999;
	    top: 13px;
	}
	
	.input-password::before {
	    margin: 0 0 0 10px;
	    content: "\f084";
	    font-family: FontAwesome;
	    opacity: 0.5;
	    transition: background 1s, transform 1s;
	    position: absolute;
	    left: 3px;
	    z-index: 9999999;
	    top: 13px;
	}

.btn-primary {
	padding: 10px;
	background-color: #49A010;
	border: none;
	border-bottom: 5px solid #3A7F0D;
	color: #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
	background-color: #3A7F0D;
	border-bottom: 5px solid #3A7F0D;
	color: #fff;
}
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
	background-color: #19202a;
	border-color: #19202a;
	color: #fff;
}

img.img-fluid{
	max-width: 250px;
	margin: 10px 0 20px;
}