/**
 * TotalCoaching custom login page base styles
 */
html {
	margin: 0; padding: 0;
	height: 100%;
	background: #9d9d9d;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}

body {
	margin: 0; padding: 20px;
	font-family: "Open Sans", sans-serif;
}

h1 {
	font-size: 24px; font-weight: bold;
	color: #555555;
}

a {
	color: #545454; text-decoration: none;
	transition: 120ms;
}
	a:hover {
		color: #444444; text-decoration: underline;
	}

p {
	font-size: 14px; text-align: justify;
	color: #4444444;
}

div#login-window {
	position: relative; z-index: 1;
	margin: 100px auto 20px auto; padding: 20px;
	max-width: 320px;
	
	border-radius: 5px;
	background: white;
	box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px;
}

	div#login-window div.logo {
		text-align: center;
	}
		div#login-window div.logo img {
			margin: 0; padding: 0;
			max-width: 100%; max-height: 75px;
		}


form label {
	margin: 10px 0;
	display: block;
	vertical-align: middle;
}
	form label span.label {
		display: block;
		font-size: 16px; font-weight: bold;
		color: #444444;
	}
	
	form label input {
		margin: 0;
		width: 100%;
	}
	
	form div.buttons-backward {
		float: left; overflow: hidden;
	}
	
	form div.buttons-forward {
		text-align: right;
	}
	
	form label.checkbox span.label {
		display: inline-block;
		font-size: 14px; font-weight: normal;
		vertical-align: middle;
	}

.flatButton {
	display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box;
	margin: 5px; padding: 0 20px;
	width: auto; height: 40px; line-height: 40px;
	border: none; border-radius: 20px;
	font-size: 16px; font-weight: bold; text-transform: uppercase;
	font-family: 'Open Sans', sans-serif; text-decoration: none;
	background: #545454; color: #ffffff;
	transition: 120ms;
}	
	.flatButton:hover {
		background: #444444; color: #ffffff; text-decoration: none;
	}
	
input[type="email"],
input[type="password"] {
	padding: 0 8px;
	height: 30px;
	border-radius: 4px;
	border: #cccccc 1px solid;
	
	box-sizing: border-box; -moz-box-sizing: border-box;
}

input[type="checkbox"] {
	width: 18px; height: 18px;
	vertical-align: middle;
}


footer {
	position: absolute;
	left: 20px; bottom: 20px;
}
	footer a {
		font-size: 16px; text-decoration: none;
		color: white; text-shadow: 0 0 5px #444444;
	}
		footer a:hover {
			color: #f0f0f0; text-decoration: underline;
		}