/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, 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;
}

/* main */

body {
background-color: #ffffff;
font-family: 'Poppins', sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 17px;
font-weight: 300;
margin: 0;
padding: 0;
color: #555555;
line-height: 160%;
}
.canvas {
width: 100%;
}
.canvas-login {
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url('/images/bg-login.jpg');
background-size: cover;
background-position: 50% 50%;
}

/* header */

.header-outer {
width: 100%;
background-color: #ffffff;
border-bottom: 2px solid #eaeaea;
}
.header-inner {
padding: 15px 40px;
box-sizing: border-box;
}
.header-left {
width: 160px;
float: left;
}
.header-left img {
width: 100%;
}
.header-right {
width: 370px;
float: right;
}
.header-right .left {
float: left;
width: 260px;
padding: 20px 0 0 0;
}
.header-right .right {
width: 100px;
float: right;
padding: 8px 0 0 0;
text-align: right;
}
.header-right .right a {
width: 100%;
font-size: 17px;
font-weight: 600;
text-decoration: none;
background-color: #5295db;
color: #ffffff;
display: block;
padding: 9px 0 4px 0;
text-align: center;
cursor: pointer;
-webkit-box-shadow: 0px 5px 0px 0px #3267aa;
-moz-box-shadow: 0px 5px 0px 0px #3267aa;
box-shadow: 0px 5px 0px 0px #3267aa;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
}

/* notification */

.notification {
width: 1200px;
padding: 18px 20px 14px 70px;
background-color: #fae6e6;
margin: 0 auto 40px auto;
box-sizing: border-box;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-weight: 600;
background-image: url('/images/icon-notification.png');
background-repeat: no-repeat;
background-position: 20px 50%;
background-size: 30px;
}
.notification a:link,
.notification a:visited,
.notification a:active,
.notification a:hover {
color: #bc0f0f;
text-decoration: underline;
}
.notification span {
color: #bc0f0f;
}

/* mid */

.mid-outer {
background-color: #f0f1f6;
padding: 40px 0;
box-sizing: border-box;
}
.mid-inner {
width: 1200px;
padding: 40px;
background-color: #FFFFFF;
min-height: 600px;
margin: 0 auto;
box-sizing: border-box;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.mid-inner .left {
float: left;
width: 240px;
border: 2px solid #cccccc;
box-sizing: border-box;
background: #ffffff;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
}
.mid-inner .left a:link,
.mid-inner .left a:visited,
.mid-inner .left a:active {
display: block;
border-bottom: 2px solid #cccccc;
padding: 18px 20px 14px 20px;
color: #555555;
text-decoration: none;
}
.mid-inner .left a:hover {
color: #0171bc;
}
.mid-inner .right {
float: right;
width: 840px;
border: 2px solid #cccccc;
padding: 40px;
box-sizing: border-box;
background: #ffffff;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
}
.mid-inner .right .row {
margin: 0 0 40px 0;
}
.mid-inner .right .push-buttons a:link,
.mid-inner .right .push-buttons a:visited,
.mid-inner .right .push-buttons a:active {
width: 170px;
display: block;
border: 4px solid #cccccc;
text-align: center;
padding: 20px;
box-sizing: border-box;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-weight: 600;
text-decoration: none;
line-height: 120%;
color: #555555;
float: left;
margin: 0 16px 16px 0;
}
.mid-inner .right .push-buttons a:hover {
border: 4px solid #0171bc;
color: #0171bc;
}


.mid-inner .right .row:nth-last-child(1) {
margin: 0;
}
.mid-inner .right h2 {
color: #0171bc;
font-weight: 600;
font-size: 32px;
margin: 0 0 40px 0;
}
.mid-inner .right h3 {
font-weight: 600;
font-size: 26px;
margin: 0 0 40px 0;
}
.mid-inner .right select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #FFFFFF;
min-width: 300px;
box-sizing: border-box;
border: 4px solid #cccccc;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 12px 15px; font-size: 16px; -webkit-box-shadow:inset 0 0 10px #eaeaea; -moz-box-shadow:inset 0 0 10px #eaeaea; box-shadow:inset 0 0 10px #eaeaea; color: #222222; font-weight: 300; margin: 0 0 16px 0;
}
.mid-inner .right input[type=submit] {
min-width: 300px;
font-size: 20px;
font-weight: 600;
text-decoration: none;
background-color: #5295db;
color: #ffffff;
display: block;
padding: 12px 0 8px 0;
text-align: center;
cursor: pointer;
-webkit-box-shadow: 0px 5px 0px 0px #3267aa;
-moz-box-shadow: 0px 5px 0px 0px #3267aa;
box-shadow: 0px 5px 0px 0px #3267aa;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
}
.mid-inner .right input[type=submit].stop {
background-color: #bc0f0f;
-webkit-box-shadow: 0px 5px 0px 0px #660000;
-moz-box-shadow: 0px 5px 0px 0px #660000;
box-shadow: 0px 5px 0px 0px #660000;
}
.hero-inner {
width: 1200px;
margin: 0 auto 40px auto;
box-sizing: border-box;
}
.hero-inner h1 {
font-size: 42px;
letter-spacing: -2px;
margin: 0;
padding: 0;
font-weight: 600;
line-height: 1.2em;
}




/* Toggles */
.toggle {
float: left;
width: 170px;
margin: 0 16px 16px 0;
}
.toggle input[type="radio"] {
display: none;
}
.toggle label {
width: 170px;
display: block;
border: 4px solid #cccccc;
text-align: center;
padding: 20px;
box-sizing: border-box;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-weight: 600;
text-decoration: none;
line-height: 120%;
color: #555555;
float: left;
cursor: pointer;
}
.toggle label:hover {
border: 4px solid #0171bc;
color: #0171bc;
}
.toggle .disabled {
border: 4px solid #cccccc !important;
color: #555555 !important;
}
.toggle :checked + label {
border: 4px solid #0171bc;
color: #0171bc;
}








/* footer */

.footer-outer {
background-color: #0171bc;
width: 100%;
padding: 40px 0 80px 0;
color: #FFFFFF;
}
.footer-inner {
width: 1200px;
margin: 0 auto;
}
.footer-row {
margin: 0 0 40px 0;
border-bottom: 3px solid #f77b4f;
}
.footer-inner a:link,
.footer-inner a:visited,
.footer-inner a:active,
.footer-inner a:hover {
color: #ffffff;
}

/* submit form overlay */

.overlay {
background-image: url('/images/overlay.png');
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99995;
display: none;
}
.waiting {
left: 50%;
top: 50%;
position: fixed;
margin-left: -120px;
margin-top: -160px;
z-index: 99999;
width: 240px;
height: 160px;
font-size: 20px;
line-height: 120%;
color: #f66430;
text-align: center;
padding: 45px 20px 20px 20px;
box-sizing: border-box;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background-color: #FFFFFF;
font-weight: 600;
display: none;
}

/* login area */

.login-panel {
width: 500px;
background-color: #FFFFFF;
padding: 100px 40px;
box-sizing: border-box;
margin: auto;
}
.login-panel img {
display: block;
margin: 0 auto 40px auto;
}
.login-panel h1 {
display: block;
margin: 0 0 20px 0;
font-size: 24px;
letter-spacing: -1px;
font-weight: 600;
text-align: center;
}
.login-panel .desc {
margin: 0 0 5px 0;
}
.login-panel .field {
margin: 0 0 20px 0;
}
.login-panel input[type=text],
.login-panel input[type=email],
.login-panel input[type=password] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #FFFFFF;
width: 100%;
box-sizing: border-box;
margin: 0;
border: 1px solid #cccccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 10px 15px;
font-size: 16px;
-webkit-box-shadow:inset 0 0 10px #eaeaea;
-moz-box-shadow:inset 0 0 10px #eaeaea;
box-shadow:inset 0 0 10px #eaeaea;
color: #222222;
font-weight: 300;
}
.login-panel-error-input {
}
.login-panel-error-desc {
}
.login-panel-help-block {
display: block;
background-color: #fae6e6;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #bc0f0f;
font-weight: 600;
font-size: 14px;
line-height: 140%;
padding: 10px 15px 8px 15px;
margin: 0 0 10px 0;
text-align: center;
}
.login-panel-alert-box {
font-size: 28px;
margin: 0 0 20px 0;
}
.login-panel input[type=submit] {
font-size: 19px;
font-weight: 600;
text-decoration: none;
background-color: #5295db;
color: #ffffff;
display: block;
width: 100%;
padding: 10px 0 7px 0;
text-align: center;
cursor: pointer;
-webkit-box-shadow: 0px 5px 0px 0px #3267aa;
-moz-box-shadow: 0px 5px 0px 0px #3267aa;
box-shadow: 0px 5px 0px 0px #3267aa;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
}
.login-panel .sml-text {
font-size: 13px;
line-height: 140%;
padding: 40px 0 0 0;
}

/* general */

.general-help-block {
display: block;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #bc0f0f;
font-weight: 600;
font-size: 14px;
line-height: 140%;
margin: 0 0 10px 0;
}
.medi-highlight {
color: #0171bc;
}

p {
margin: 0 0 20px 0;
}
.remove-p p {
margin: 0;
}
b, strong {
font-weight: 600;
}
.clearfix {
clear: both;
}
::-webkit-input-placeholder {
color: #cccccc;
}
:-moz-placeholder {
color: #cccccc;
}
::-moz-placeholder {
color: #cccccc;
}
:-ms-input-placeholder {  
color: #cccccc;
}
::selection {
background: #0171bc;
color: #ffffff;
}
::-moz-selection {
background: #0171bc;
color: #ffffff;
}
a:link,
a:visited,
a:active,
a:hover {
color: #0171bc;
}