@charset "utf-8";
/* CSS Document */
/* CSS Reset & HTML5 display-role reset for older browsers */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline:none; vertical-align: top }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }
ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
table { border-collapse: collapse; border-spacing: 0 }
a, img, object, ul, ol { border:none; outline:none; margin:0; padding:0 }
body { margin:0; text-align:left }
/* reset end */
html, body, iframe { height: 100%; margin:0; padding:0; }
body {
	margin:0; padding:0;
	font-family: brother-1816, sans-serif;
	font-weight: 400;
	font-style: normal;
	color:black;
	font-size:16px;
	line-height:120%;
	background-color:#FBFBFB;
}
h1, h2, h3, h4, h5, h6 {
	font-family: brother-1816, sans-serif;
	font-weight: 400;
	text-transform:uppercase;
}
strong {
	font-family: brother-1816, sans-serif;
	font-weight: 500;
	font-style: normal;
}
a {
	color:#00538A;
	text-decoration:none;
	transition:all .3s ease-in-out;
}
a:hover {
	color:white;
}
input {
	font-family: brother-1816, sans-serif;
	font-weight: 400;
	font-style: normal;
	background:rgba(255,255,255,0.1);
	color:white;
	/*box-shadow:0 0 5px rgba(,0,0,0.4) inset;*/
	border:none;
	border-bottom:1px solid white;
	font-size:16px;
	height:40px;
	line-height:40px;
	padding:0 20px;
	margin:10px 0 0;
	width:100%;
	box-sizing:border-box;
	transition:all .3s ease-in-out;
	outline:none;
}
input:focus {
	background-color:rgba(255,255,255,0.25);
}
input::-webkit-input-placeholder { color:rgba(255,255,255,0.8); opacity:1; }
input:-moz-placeholder { color:rgba(255,255,255,0.8); opacity:1; }
input::-moz-placeholder  { color:rgba(255,255,255,0.8); opacity:1; }
input:-ms-input-placeholder { color:rgba(255,255,255,0.8); opacity:1; }
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
	background:rgba(255,255,255,0.3) !important;
    /*-webkit-box-shadow: 0 0 0 30px white inset !important;*/
}
.checkbox input {
	padding: 0;
	width:auto;
    height: 13px;
    box-shadow: none;
    display: inline;
    float: left;
    margin: 3px 5px 0 0;
}
button {
	font-family: brother-1816, sans-serif;
	font-weight: 400;
	font-style: normal;
	/*background-color:rgba(255,255,255,0.4);*/
	color:white;
	height:40px; line-height:38px;
	font-size:16px;
	width:100%;
	text-align:center;
	border:none;
	cursor:pointer;
	transition:all .3s ease-in-out;
	/*text-shadow:0 0 3px rgba(0,0,0,0.4);*/
	text-transform:uppercase;
	background-color:rgba(0,83,138,.6);
}
button:hover {
	background-color:rgba(255,255,255,0.4);
}
label {
	margin:0 0 10px;
}
.control-group {
	margin:0 0 20px;
}

#main {
	position:fixed;
	top:0; left:0; right:0; bottom:0;
}
.center_content {
	position:absolute;
	top:50%; left:50%;
	transform:translate(-50%,-50%);
	width:300px;
	color:white;
	max-width:84vw;
}
img {
	width:100%;
	height:auto; display:block;
}
div.devMode {
	position:absolute;
	right:2em;
	top:2em;
	padding:0 1em;
	font-size:1.2em;
	line-height:2em;
	text-align:center;
	text-transform:uppercase;
	border:1px solid white;
	color:white;
}
.center_content .login {
	margin:40px 0;
}
.footer {
	position:absolute;
	bottom:0;
	left:0; right:0;
	background:white;
	padding:15px 40px;
}
.footer > div { 
	position:relative;
	float:right;
}
.footer > div.logo_small {
	/*width:80px;*/
	height:24px;
}
.footer > div.logo_small img {
	height:100%;
	width:auto;
	display:block;
}
.footer > div.copy {
	color:#707070;
	font-size:11px;
	padding:6px 0 0 4px;
}

.gradient {
	background:url(../images/gradient.svg) no-repeat left center;
	background-size:cover;
}
.ie .gradient {
	background-image:url(../images/gradient.png);
}
div.signet {
	position:absolute;
	right:25px;
	bottom:25px;
}