/*
	new HRV Color Codes
	orange: #fe8329
	blue: #678b9f
	green: #6ab7a9
	dark read: #73213c
	
	shadow: 3px 4px 3px #cacaca
*/

body {
	margin: 0px; 
	padding: 0px; 
	color: #222222;
	font-size: 15px;
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	text-align: center; 
	background: #eef0ed;
	}
a { 
	color: #000000;
	text-decoration: none;
	}
a:hover { 
	color: #000000;
	text-decoration: underline;
	}
#header {
	position: fixed;
	clear: both;
	padding: 10px 0 0 0;
	top: 0;
	width: 100%; 
	height: 40px;
    font-size: 1.4em;
	font-weight: bold;
	border: none;
	background-color: #000033; 
	box-shadow: 3px 4px 3px #cacaca;
	z-index: 99;
	}
#header.demo {
	color: #FFFF33;
	text-shadow: 0 0 7px #FFFF33;
	background-color: #CCAA44; 
	}

#module  {
	padding: 0; 
	height: 100%;
	width: 100%;
	text-align: center;
	}
#module .form {
	position: fixed;
	top: 25vh;
	padding: 0;
	width: 100%;
 	}

#module .login {
	text-align: center;
	margin: 0 auto;	
	width: 400px;
	height: 500px;
	background: #eef0ed;
	border: 1px #CCCCCC solid;
	box-shadow: 3px 3px 10px #cacaca;
	}
#module .login .logo {
	position: relative;
	padding: 0;
	height: 100px;
	background: no-repeat url('/images/login-logo.png') center;
	}
#module .login .selector {
	display: inline;
	margin: 10px;
	padding: 0 20px 5px 20px;
	color: #99999F;
	background-color: #eef0ed;
	z-index: 99;
	cursor: pointer;
	}
#module .login .selector.active {
	color: #666669;
	background-color: #FFFFFF;
	border-left: 2px #eef0ed solid;
	border-right: 2px #eef0ed solid;
	border-bottom: 2px #eef0ed solid;
	border-radius: 4px;
	cursor: default;
	}
#module .login .tabulator {
	margin: 0 auto;	
	width: 80%;
	height: 50%;
	padding: 40px 5px 0 0;
	color: #888888;
	background: #eef0ed;
	border-radius: 4px;
	border: 3px #FFFFFF solid;
	z-index: 100;
	}	

#module .login .input { 
	margin: 0;
	padding: 10px 0 0 0;
	text-align: center;
	}
#module .login .function { 
	padding: 30px 0 0 0;
	text-align: center;
	}
#module .login .message {
	height: 40px;
	margin: 5px;
	padding: 10px 0 10px 0;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	}
	
#module .login input {
	width: 200px;
	color: #000000; 
    font-size: 1.1em;
    padding: 4px;
	border-radius: 3px;
	border: 1px solid #bbb;
 	}
#module .login input::placeholder {
	color: #ccccd0;
	opacity: 1:
 	}

	
#module .login button {
	padding: 13px 12px 12px 12px;
    height: 45px;
    width: 180px;
	color: #003;
	background-color: #678b9f;
    font-size: 1em;
    font-weight: bold;
	border: 0;
    border-radius: 3px;
	}
#module .login button:hover, button:focus {
	color: #FFFFFF;
	border: #FFFFFF 1px solid; 
	}
#module .login button:disabled, module .login input:disabled {
	color: #EEEEEE;
	background-color: #CCCCCC;
	border: #EEEEEE 1px solid; 
	}
		
#module .login .footer {
	position: absolute;
	width: 400px;
	bottom: 30px;
	color: #666666;
	font-size: 0.75em;
	vertical-align: middle;
	}
	

#footer {
	position: fixed;
	clear: both;
	bottom: 0;
	width: 100%; 
	height: 25px;
	padding: 2px 0;
	color: #444444;
	font-size: 0.8em;
	vertical-align: middle;
	display: table;
	z-index: 999;
	}
#footer a { 
	color: #444444;
	text-decoration: none;
	}
#footer a:hover { 
	color: #444444;
	text-decoration: underline;
	}
#footer .leftpanel {
	padding: 1px;
	text-align: left;
	vertical-align: middle;
	display: table-cell;
	}
#footer .rightpanel {
	padding: 1px;
	text-align: right;
	vertical-align: middle;
	display: table-cell;
	}
#footer .info {
	font-size: 0.8em;
  	}