@import url(https://fonts.googleapis.com/css?family=Roboto:300);

header .header {
	background-color: #fff;
	height: 45px;
}

header a img {
	width: 134px;
	margin-top: 4px;
}

.login-page {
	width: 400px;
	padding: 8% 0 0;
	margin: auto;
}

.login-header {
	font-size: 1.25rem;
	color: #0f588f;
	text-shadow: 1px 2px 8px #c9c9c9;
}

.login-page .form .login {
	margin-top: -31px;
	margin-bottom: 15px;
}

.form {
	position: relative;
	z-index: 1;
	background: #FFFFFF;
	max-width: 380px;
	margin: 0 auto 100px;
	padding: 45px;
	text-align: center;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0
		rgba(0, 0, 0, 0.24);
}

.form input {
	font-family: "Roboto", sans-serif;
	outline: 0;
	background: #f5f5f5 !important;
	width: 100%;
	border: 0;
	margin: 0 0 15px;
	padding: 15px;
	box-sizing: border-box;
	font-size: 14px;
}

.login-btn {
	font-family: "Roboto", sans-serif;
	text-transform: uppercase;
	outline: 0;
	background: #5C258D; /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #4389A2, #5C258D);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #4389A2, #5C258D);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	width: 100%;
	border: 0;
	padding: 15px;
	color: #FFFFFF;
	font-size: 14px;
	-webkit-transition: all 0.3 ease;
	transition: all 0.3 ease;
	cursor: pointer;
	background: -webkit-linear-gradient(to right, #24243e, #302b63, #0f0c29);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #24243e, #302b63, #0f0c29);
	background: -webkit-linear-gradient(to right, #283E51, #4B79A1);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #283E51, #4B79A1);
}

body {
	/* 	background: #4CA1AF;  fallback for old browsers */
	/*background: -webkit-linear-gradient(to right, #C4E0E5, #4CA1AF);*/
	/*background: linear-gradient(to right, #C4E0E5, #4CA1AF);*/
	background: #000046; /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #1CB5E0, #000046);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #1CB5E0, #000046);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	font-family: "Roboto", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: -webkit-linear-gradient(to right, #1CB5E0, #000046);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #1CB5E0, #000046);
	/*background: -webkit-linear-gradient(to right, #C4E0E5, #4CA1AF);*/
	/* Chrome 10-25, Safari 5.1-6 */
	/*	background: linear-gradient(to right, #C4E0E5, #4CA1AF);*/
}

.logo-amplio {
	margin-top: 20px;
	margin-bottom: 10px;
}

.text-error {
	color: #e63946;
}

.alert {
	padding: 5px;
	background-color: rgba(230, 57, 70, 0.1); /* Red */
	color: #e63946;
	margin-bottom: 0px;
}

.img-logo {
	height: 56px;
	/*width: 56px;*/
}

.circle {
	border: 2px solid #FFF;
	border-radius: 50%;
	box-shadow: 5px 2px 2px rgb(0, 64, 64, 0);
	height: 58px;
	width: 58px;
	margin: 0 auto;
}

.forgot-password-btn {
	font-family: "Roboto", sans-serif;
	outline: 0;
	background-color: #ffffff;
	width: 100%;
	border: 0;
	color: #39B497;
	font-size: 1rem;
	padding: 10px;
	-webkit-transition: all 0.3 ease;
	transition: all 0.3 ease;
	cursor: pointer;
	text-decoration: underline;
}

.sysversion {
	font-family: "Roboto", sans-serif;
	color: #b7b7b7;
	font-size: 0.75rem;
}