@charset "utf-8";
@font-face {font-family:'sitesteps';font-style:normal;font-weight:400;src:url('fonts/sitesteps-400.woff2') format('woff2'),url('fonts/sitesteps-400.woff') format('woff');font-display:swap;}
@font-face {font-family:'sitesteps';font-style:italic;font-weight:400;src:url('fonts/sitesteps-400-italic.woff2') format('woff2'),url('fonts/sitesteps-400-italic.woff') format('woff');font-display:swap;}
@font-face {font-family:'sitesteps';font-style:normal;font-weight:700;src:url('fonts/sitesteps-700.woff2') format('woff2'),url('fonts/sitesteps-700.woff') format('woff');font-display:swap;}
@font-face {font-family:'sitesteps';font-style:italic;font-weight:700;src:url('fonts/sitesteps-700-italic.woff2') format('woff2'),url('fonts/sitesteps-700-italic.woff') format('woff');font-display:swap;}
@font-face {font-family:'sitesteps';font-style:normal;font-weight:300;src:url('fonts/sitesteps-300.woff2') format('woff2'),url('fonts/sitesteps-300.woff') format('woff');font-display:swap;}
@font-face {font-family:'sitesteps';font-style:normal;font-weight:600;src:url('fonts/sitesteps-600.woff2') format('woff2'),url('fonts/sitesteps-600.woff') format('woff');font-display:swap;}
:root {
	--kern-color:rgb(0,163,232);
	--kern-color-dark:rgb(0,139,197);
	--kern-color-light:rgba(0,163,232,0.5);
	--kern-color-ultralight:rgba(0,163,232,0.125);
	--kern-radius-window:0px;
	--kern-radius-box:0px;
	--kern-radius:0px;
	--kern-radius-small:0px;
	--kern-radius-mini:0px;
	--kern-fontcolor:#4a4a4a;
	--kern-fontcolor-light:#a8a8a8;
}
#kernlogin {
	font-family:'sitesteps','Open Sans',Arial,sans-serif;box-sizing:border-box;
	-webkit-text-size-adjust:none;
	color:var(--kern-fontcolor);
	font-size:14px;
	font-weight:400;
	line-height:normal;
	text-align:left;
}
#kernlogin *, #kernlogin *::before, #kernlogin *::after {font-family:inherit;box-sizing:inherit;}

/*global*/

#kernlogin {
	/*kern.css*/
	--kern-passive-bgcolor-hover:#efefef;
	--kern-field-fontsize:14px;
	--kern-field-fontcolor:#4a4a4a;
	--kern-field-bgcolor:#f8f8f8;
	--kern-field-bordercolor:#d4d4d4;
	--kern-field-bordercolor-hover:#8a8a8a;
	--kern-field-bordercolor-focus:var(--kern-color);
	--kern-field-control-bgcolor:#a8a8a8;
	--kern-button-bgcolor:#c4c4c4;
	--kern-button-bgcolor-hover:#a8a8a8;
	--kern-button-x-bgcolor:var(--kern-color-light);
	--kern-button-x-bgcolor-hover:var(--kern-color);
}

/*reset*/

#kernlogin input, #kernlogin button {outline:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;}
#kernlogin a {outline:0;}
#kernlogin *:invalid {box-shadow:none;}

/*kernlogin*/

#kernlogin {z-index:10000;position:fixed;top:0;left:0;width:100%;height:100%;min-height:220px;margin:0;padding:0px;display:none;}

#kernloginBlocker {z-index:1;position:fixed;left:0px;top:0px;width:100%;height:100%;background-color:#000;opacity:0.5;}

#kernloginWindow {z-index:3;position:absolute;left:50%;top:50%;width:360px;height:auto;margin:-100px 0 0 -180px;padding:32px 40px;background-color:#fff;border-radius:var(--kern-radius-window);text-align:left;}
#kernloginWindow_close {position:absolute;top:8px;right:8px;width:32px;height:32px;margin:0;padding:4px;border-radius:var(--kern-radius);cursor:pointer;}
#kernloginWindow_close:hover {background-color:var(--kern-passive-bgcolor-hover);}
#kernloginWindow_close::after {display:block;width:24px;height:24px;background:url('img/window.svg') -4px -4px no-repeat;content:"";}

#kernlogin #kernHead {height:38px;margin-bottom:16px;}
#kernlogin #kernHead #k_title {font-size:28px;font-weight:300;color:var(--kern-fontcolor);}
#kernlogin #kernBody {margin:0;padding:0;}

#kernlogin #k_datamessages {position:relative;margin-bottom:24px;border-radius:var(--kern-radius);overflow:hidden;display:none;}
#kernlogin #k_datamessages > div {padding:10px 10px 10px 38px;font-size:14px;color:var(--kern-fontcolor);}
#kernlogin #k_datamessages > .k_success {background-color:rgba(90,182,9,0.25);}
#kernlogin #k_datamessages > .k_error {background-color:rgba(222,70,21,0.25);}
#kernlogin #k_datamessages > div span {display:block;position:absolute;top:9px;left:9px;width:20px;height:20px;background:url('img/messages.svg') 0 0 no-repeat;}
#kernlogin #k_datamessages .k_error span {background-position:-20px 0;}

#kernloginForm div.k_formfield + div.k_formfield {margin-top:10px;}
#kernloginForm div.k_formfield > div {display:none;margin-bottom:4px;font-size:13px;color:#a8a8a8;}
#kernloginForm input.k_input {width:100%;height:36px;margin:0;padding:6px 6px 6px 24px;background:var(--kern-field-bgcolor) url('img/login.svg') 0px -109px no-repeat;border:1px solid var(--kern-field-bordercolor);border-radius:var(--kern-radius);outline:0;color:var(--kern-field-fontcolor);font-size:var(--kern-field-fontsize);}
#kernloginForm input.k_input.k_user {background-position-y:-1px;}
#kernloginForm input.k_input.k_pw {background-position-y:-37px;}
#kernloginForm input.k_input.k_email {background-position-y:-73px;}
#kernloginForm input.k_input:hover {border-color:var(--kern-field-bordercolor-hover);}
#kernloginForm input.k_input:focus {border-color:var(--kern-field-bordercolor-focus);}
#kernloginForm input.k_input::-moz-placeholder {opacity:0.5;}
#kernloginForm input.k_input::placeholder {opacity:0.5;}

#kernlogin .k_buttonbar {display:table;width:100%;margin:24px 0 0;}
#kernlogin .k_buttonbar > div {display:table-cell;vertical-align:middle;}
#kernlogin .k_buttonbar > div:last-child {text-align:right}
#kernlogin .k_button {
	display:inline-block;
	height:36px;
	width:auto;
	min-width:120px;
	padding:8px 16px;
	font-size:14px;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	background-color:var(--kern-button-x-bgcolor);
	border:1px solid transparent;
	border-radius:var(--kern-radius);
	cursor:pointer;
	outline:0 !important;
	text-decoration:none !important;
	-webkit-appearance:none;-moz-appearance:none;appearance:none;
}
#kernlogin .k_button:hover {background-color:var(--kern-button-x-bgcolor-hover);}
#kernlogin .k_formlink {display:inline-block;font-size:13px;color:#6a6a6a;text-decoration:none;color:#6a6a6a;cursor:pointer;}
#kernlogin .k_formlink:hover {color:var(--kern-color);}

#kernloginVersion {display:block;height:16px;padding:4px 0 0;position:absolute;bottom:-17px;right:0px;color:#a8a8a8;font-size:12px;line-height:12px;text-decoration:none;}

@media screen and (max-height:220px) {#kernloginWindow {top:0px;margin-top:0;}}
@media screen and (min-height:221px) {#kernloginWindow {top:50%;margin-top:-110px;}}
@media screen and (min-height:421px) {#kernloginWindow {top:100px;margin-top:0;}}