/*
	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: 12pt;
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	text-align: center; 
	background-color: #eef0ed;
	}
a { 
	color: #000000;
	text-decoration: none;
	}
a:hover { 
	color: #000000;
	text-decoration: underline;
	}
input {
	color: #000000; 
    font-size: 1.1em;
 	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    padding: 3px;
 	}
#header {
	position: fixed;
	clear: both;
	padding: 10px 0 0 0;
	top: 0;
	width: 100%; 
	height: 40px;
	border: none;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
	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; 
	}
#header.beta {
	color: #FFFFFF;
	text-shadow: 0 0 7px #EE88FF;
	background-color: #8844CC; 
	}
#header.export {
	color: #FFFFFF;
	text-shadow: 0 0 7px #CCCCCC;
	background-color: #CC0099; 
	}
#logo {
	position: fixed;
	top: 20%;
	padding: 0;
	height: 100px;
	width: 100%;
	background: no-repeat url('/images/login-logo.png') center;
 	}
#module  {
	padding: 0; 
	height: 100%;
	width: 100%;
	text-align: left;
	}
#module .form {
	position: fixed;
	top: 40%;
	padding: 0;
	width: 100%;
 	}
#module .form input {
	width: 205px;
	color: #000000; 
    font-size: 1.1em;
    padding: 3px;
	border-radius: 3px;
	border: 1px solid #bbb;
 	}
#module .form input:disabled{
	font-weight: normal;
	color: #EEEEEE;
	}
#module .form input::placeholder {
	color: #CCCCCC;
	opacity: 1:
 	}
#module .form  table { 
	margin: 0 auto;
	padding: 5px;
	text-align: left;
	}
#module .form td { 
	margin: 0;
	height: 64px;
	padding: 1px 3px;
	text-align: center;
	}
#module .form .function { 
	margin: 0;
	padding: 3px;
	text-align: center;
	}
#module .form .seperator { 
	margin: 0;
	height: 40px;
	padding: 1px 3px;
	text-align: center;
	}
#module .form  .footer{
	color: #666666;
	font-size: 0.8em;
	vertical-align: middle;
	}
	
#module .form button {
	padding: 13px 12px 12px 12px;
    height: 45px;
    width: 180px;
	color: #003;
	background-color: #6ab7a9;
    font-size: 1em;
    font-weight: bold;
	border: 0;
    border-radius: 3px;
	}
#module .form button:hover,#module .form  button:focus {
	color: #FFFFFF;
	border: #FFFFFF 1px solid; 
	}
#module .form button:disabled{
	font-weight: normal;
	color: #EEEEEE;
	background: linear-gradient(170deg,#DDDDDD,#BBBBBB);
    border: 1px #DDDDDD solid;
	}

#message {
	position: fixed;
	clear: both;
	padding: 5px;
	bottom: 60px;
	width: 100%;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	}
#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;
  	}