.login {
	background-color: #193286;
}

.login .navbar.navbar-default.navbar-fixed-top {
	background-color: rgba(0,0,0,0.3);
	background-image: none;
	color: #FFF;
	border: none;
	font-size: 9pt;
}

.login .navbar-default .navbar-text {
	color: inherit;
	width: 100%;
}

.login input {
	outline: none;
}

.login .form {
	background-color: #fff;
	border-radius: 0;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
}

.login .img {
	text-align: center;
}

.login .img img {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
	padding: 10px;
	background-color: #193286;
}

.login .name input {
	background-color: #fff;
	border: medium none;
	font-size: 15pt;
	line-height: 25pt;
	margin: 15px 0;
	text-align: center;
	width: 100%;
	border-bottom: 2px solid #193286;
}

.login label {
	display: block;
	font-weight: 300;
	color: lightgrey;
}

.login .password input {
	border: none;
	border-bottom: 2px solid #193286;
	background-color: #fff;
	width: 100%;
	line-height: 25pt;
	text-align: center;
	font-size: 15pt;
	font-size: 15pt;
}

.login .password input.bo-showPassword {
	width: auto;
}

.login .password .bo-showPassword-text {
	vertical-align: top;
}

.login .message {
	border-radius: 3px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
	color: #fff;
	background: linear-gradient(270deg, #00ccff, #1dcab5, #37c871);
	background-size: 600% 600%;
	-webkit-animation: topbarcoloranimation 10s ease infinite;
	-moz-animation: topbarcoloranimation 10s ease infinite;
}

.login .bo-btn-submit {
	background-color: #193286;
	color: #fff;
	border: 1px solid #193286 !important;
	font-weight: 700;
	border-radius: 0 !important;
}

.login .bo-btn-submit:hover,
.login .bo-btn-submit:focus {
	background-color: #fff;
	color: #193286;
}