/* HOMEPAGE */
html,
body.login {
	font-family: Montserrat;
	height: 100%;
}
body.login h1 {
	font-family: Montserrat;
	font-size: 3em;
	font-weight: 600;
	color: #34495e;
	text-transform: uppercase;
}

body.login h2 {
    font-family: Montserrat;
    font-size: 20px;
	color: #333;
    font-weight: 500;
    margin-bottom: 30px;
    margin-top: 0px;
}

/*body.login .content {
	margin-top: 0;
	overflow: hidden;
	padding: 10%;
	width: 100%;
	height: 100%;
	background: #B6E4FC url(../img/busydesk-bg.jpg) no-repeat;
	background-size: cover;
}*/

@keyframes animatedBg {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}

body.login .content { 
	margin-top: 0px;
	overflow: hidden;
	padding: 10%;
	width: 100%;
	height: 100%;
	background: #eee url(../img/busydesk-bg.png);
	background-position: center bottom;
	background-repeat: repeat-x;
	background-size:cover;
	animation: animatedBg 30s linear infinite;
}

span.input-group-addon {
    background: #3498db;
    color: #fff;
}

.add-on, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="file"], .uneditable-input {
    border-color: #3498db !important;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 16px;
    border: 1px solid transparent !important;
    border-radius: 4px;
}

.login-container {
    padding: 30px 30px 5px 30px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.7);
}

.sign-in-container {
    max-width: 420px;
    margin: auto;
}

body.login footer {
	visibility: hidden;
}

body.login .login-button {
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	letter-spacing: 2px;
	background-color: #2B81B6;
	width: 100%;
	padding: 10px 20px;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	text-transform: uppercase;
}

body.login .login-button:hover, body.login .login-button a:hover {
	box-shadow: 2px 2px 5px 5px #fff;
	color: #fff;
	background: #3498db;
	padding: 10px 20px;
}

img.login-logo {
    max-width: 450px;
}

p.forgot-pw {
    padding-top: 20px;
}
p.forgot-pw a {
    text-decoration: none;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
}

@media (max-width: 1024px) {
	body.login .content {
		overflow: auto;
		padding: 15% 10%;
		width: 100%;
		background: #eee url(../img/busydesk-bg-transp.png) no-repeat;
		background-size: cover;
	}
}

/* RESPONSIVE */
@media (max-width:767px) {
	body.login h1 {
		font-family: Montserrat;
		font-size: 3em;
		font-weight: 700;
		color: #34495e;
		text-transform: uppercase;
		padding-bottom: 30px;
	}

	body.login h2 {
		font-family: Montserrat;
		font-size: 16px;
		font-weight: 300;
		margin-bottom: 50px;
		margin-top: 0px;
	}
	
	body.login .login-button {
		font-size: 1.5em;
		color: #fff;
		background-color: #3498db;
		width: 100%;
		padding: 10px 50px !important;
		-webkit-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
		text-transform: uppercase;
	}
	.sign-in-container {
		max-width: 100%;
		margin: auto;
		padding: 0px;
	}
	img.login-logo {
		padding-top: 20%;
		max-width: 330px;
	}
	.login-container {
		padding: 0px;
		border-radius: 5px;
		background: transparent;
	}
}