body {
	background: #efefef;
}
#topbar {
	//background-color: transparent;
}
#topbar.addsite {
	width: 100%;
	height: 15px;
	background: rgb(27,34,61);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiMjIzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzI2MjQ1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iIzAxOTVhNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZWNkODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(27,34,61,1) 0%, rgba(38,36,82,1) 33%, rgba(1,149,166,1) 66%, rgba(94,205,128,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(27,34,61,1)), color-stop(33%,rgba(38,36,82,1)), color-stop(66%,rgba(1,149,166,1)), color-stop(100%,rgba(94,205,128,1)));
	background: -webkit-linear-gradient(left,  rgba(27,34,61,1) 0%,rgba(38,36,82,1) 33%,rgba(1,149,166,1) 66%,rgba(94,205,128,1) 100%);
	background: -o-linear-gradient(left,  rgba(27,34,61,1) 0%,rgba(38,36,82,1) 33%,rgba(1,149,166,1) 66%,rgba(94,205,128,1) 100%);
	background: -ms-linear-gradient(left,  rgba(27,34,61,1) 0%,rgba(38,36,82,1) 33%,rgba(1,149,166,1) 66%,rgba(94,205,128,1) 100%);
	background: linear-gradient(to right,  rgba(27,34,61,1) 0%,rgba(38,36,82,1) 33%,rgba(1,149,166,1) 66%,rgba(94,205,128,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b223d', endColorstr='#5ecd80',GradientType=1 );
	position: fixed;
	top: 0;
	z-index: 1001 !important;
}

#page-container {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(239,239,239,1) 44%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 44%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 44%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
}
.section-login {
	padding: 6rem 0 0rem;
}
.button-info {
	margin-right: 20px;
	display: inline-block;
	padding-top: 2px;
}

/* Login Box */
.loginbox {
	min-height: 255px;
	margin-left:5rem;
	margin-right: 1.5rem;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.1);
}
.loginbox.cognito {
	padding-bottom: 40px;
}

.loginbox-header {
	position: relative;
	display: block;
	width: 100%;
	height:60px;
	z-index: 9;
	text-align: center;
	background: #fff;
	border-radius: 5px 5px 0 0;
}
.loginbox-header:after {
	position: absolute;
	left:0;
	bottom: -1px;
	width: 100%;
	height: 1px;
	background: #000;
	opacity: 0.08;
	content: '';
}
.loginbox-title {
	line-height: 60px;
	font-size: 1.2rem;
	display: block;
	color: #000;
	font-weight: 700;
}
.loginbox.cognito .loginbox-title { 
	line-height: 30px;
}
.loginbox.cognito .loginbox-username { 
	color: grey;
	font-weight: 400;
	font-size: 1rem;
	padding-bottom: 20px;
}

.loginbox-body {
	padding: 1.8rem 3rem 0rem 3rem;
}
.loginbox-lead p {
	font-size: 1.1rem;
	font-weight: 300;
}
.login-copyright {
	padding-left: 1.5rem;
}
	
.loginbox .medium-12 button:last-child {
	margin-top: 10px;
}
	
	
	@media (max-width: 1300px) {
		.row.wide {
			max-width: 68rem;
		}
		.section-login {
			padding: 5rem 0 0rem;
		}
		.loginbox {
			margin-left:5rem;
		}
	}
	@media (max-width: 1200px) {
		.loginbox {
			margin-left:0rem;
		}
	}
	@media (max-width: 1023px) {
		.topbar-left-wrapper {
			width: 100%;
			left:0;
		}
		.logo {
			float: left;
			position: relative;
			top: 0px;
			display: block;
			margin: 1rem 0rem 0 0rem;
			width: 100%;
			height: 80px;
			background:  url('../images/logo-javesta2017.svg') no-repeat center center;
			background-size: 156px auto;
		}
		.section-login {
			padding: 4rem 0 3rem;
		}
		.loginbox {
			margin:auto;
			max-width: 540px;
		}
		.login-copyright {
			padding-left: 0;
			text-align: center;
		}
	}
	@media (max-width: 640px) {
		.section-login {
			padding: 2rem 0 1rem;
		}
		.loginbox {
			max-width: 96%;
		}
		.loginbox-body {
			padding: 1.4rem 1rem 0rem 1rem;
		}
	}

.input-group.password {
	margin-bottom: 0px;

}

.input-group.password .input-group-label {
	border-bottom-left-radius: 0px;
}	

.input-group.password .input-group-field {
	border-bottom-right-radius: 0px;
}

.errorMessages ul {
	list-style: none;
	margin: 0px;
	margin-bottom: 0px;
	padding: 0px;
	background-color: #C40000;
	border-radius: 5px 5px 0px 0px;
}

.errorMessages ul li {
	color: white;
	padding: 10px;
	font-weight: 700;
	text-align: center;
}

.sucessMessages ul {
	list-style: none;
	margin: 0px;
	margin-bottom: 0px;
	padding: 0px;
	background-color: rgb(2, 97, 2);
	border-radius: 5px 5px 0px 0px;
}

.sucessMessages ul li {
	color: white;
	padding: 10px;
	font-weight: 700;
	text-align: center;
}
	
#cognitoLoading { 
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.5);
	display: none;
}

#cognitoLoading img {
	position: relative;
	top: calc(50% - 30px);
	left: calc(50% - 30px);	
	width: 60px;
	height: 60px;
}

.loginbox label {
	font-weight: 700;
	color: #696a72;
}

.verify.button {
	margin-top: 10px;
}