@charset "UTF-8";
/*
***********************************
Fontello
***********************************
*/
@font-face {
  font-family: 'fontello';
  src: url('include/font3/fontello.eot?62877439');
  src: url('include/font3/fontello.eot?62877439#iefix') format('embedded-opentype'),
       url('include/font3/fontello.woff?62877439') format('woff'),
       url('include/font3/fontello.ttf?62877439') format('truetype'),
       url('include/font3/fontello.svg?62877439#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?62877439#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  margin-left: 0.2em;
  font-size: 120%;
}
 
.icon-plus:before { content: '\e806'; } 
.icon-minus:before { content: '\e808'; } 
.icon-switch:before { content: '\e82b'; }
.icon-erase:before { content: '\e82c'; }
.icon-star:before { content: '\e81f'; } 
.icon-star-empty:before { content: '\e820'; } 
.icon-cog:before { content: '\e817'; } 
.icon-cog-1:before { content: '\e82a'; }
.icon-attention:before { content: '\e814'; } 
.icon-mail:before { content: '\e800'; }
.icon-pencil-1:before { content: '\e826'; } 
.icon-pencil:before { content: '\e812'; } 
.icon-ok:before { content: '\e802'; } 
.icon-ok-1:before { content: '\e834'; } 
.icon-ok-circle:before { content: '\e835'; } 
.icon-ok-circled:before { content: '\e803'; } 
.icon-cancel-1:before { content: '\e836'; }
.icon-cancel:before { content: '\e804'; } 
.icon-cancel-circle:before { content: '\e837'; }
.icon-cancel-circled:before { content: '\e805'; } 
.icon-plus-circled:before { content: '\e807'; } 
.icon-minus-circled:before { content: '\e809'; }
.icon-cw:before { content: '\e81b'; }
.icon-trash-1:before { content: '\e832'; }
.icon-pencil-2:before { content: '\e830'; } 
.icon-lightbulb:before { content: '\e833'; } 
.icon-comment-1:before { content: '\e831'; } 
.icon-user-add:before { content: '\e81e'; } 
.icon-help-circled:before { content: '\e80a'; } 
.icon-info-circled:before { content: '\e80b'; } 
.icon-comment:before { content: '\e827'; } 
.icon-vcard:before { content: '\e828'; } 
.icon-trash:before { content: '\e829'; } 
.icon-chart-pie:before { content: '\e82d'; }
.icon-phone-squared:before { content: '\e822'; } 
.icon-mail-alt:before { content: '\e801'; } 
.icon-exchange:before { content: '\e81a'; } 
.icon-download-cloud:before { content: '\e810'; }
.icon-upload-cloud:before { content: '\e811'; } 
.icon-bell-alt:before { content: '\e813'; } 
.icon-doc-alt:before { content: '\e815'; } 
.icon-angle-up:before { content: '\e818'; }
.icon-angle-down:before { content: '\e819'; }
.icon-doc-text-inv:before { content: '\e816'; } 
.icon-thumbs-up-alt:before { content: '\e80e'; }
.icon-thumbs-down-alt:before { content: '\e80f'; } 
.icon-user:before { content: '\e81c'; } 
.icon-users:before { content: '\e81d'; } 
.icon-chart-line:before { content: '\e82e'; } 
.icon-chart-bar:before { content: '\e82f'; } 
.icon-attach:before { content: '\e80c'; } 
.icon-phone:before { content: '\e823'; } 
.icon-upload:before { content: '\e825'; } 
.icon-download:before { content: '\e824'; }
.icon-search:before { content: '\e821'; } 
.icon-lock:before { content: '\e80d'; } 


body { font-family:Arial, Helvetica, sans-serif; background:#eee; color:#333; }	
#page { width:360px; margin:80px auto 0px; background:#FFF; border:1px solid #DDD; padding:20px;box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.15); }
h3 { color:#666;text-align:center;font-size:1.1em; }	
form { color:#888; font-size:14px; }
#formlogin .label { 
	display: block;
    float: left;
    margin: 5px 0;
    padding: 4px 0;
    width: 70px;
}
#formloginverify .label { 
	display: block;
    color:#888;
	font-size:14px;
    margin: 5px 0;
    padding: 4px 0;
}
#signupform .label, #resetform .label { 
	display: block;
    float: left;
    margin: 5px 0;
    padding: 4px 0;
    width: 70px;
}
input[type="text"], input[type="password"] { background:#f9f9f9; /* #E6F2FF; */ border:1px solid #DDD; width:250px; padding:4px; margin:5px 0px 10px; }
input[type="text"]:focus, input[type="password"]:focus { background:#fff; border:1px solid #BBB; }
#response { color:#FF0000; }

.demosuccess { 
	color: #019CDD;
    font-size: 0.9em;
    font-weight:bold;
	margin: 15px auto 15px;
    padding: 6px 10px;
    text-align: center;
    width: 260px;
} 
.demoerror { 
	color: #FF0000;
    font-size: 0.9em;
    font-weight:bold;
	margin: 15px auto 15px;
    padding: 6px 10px;
    text-align: center;
} 
.sessexpired { 
	color: #019cdd;
    font-size: 0.9em;
    font-weight:bold;
	margin: 15px auto 15px;
    padding: 6px 10px;
    text-align: center;
} 

/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .3em 1.5em .375em;
	/* padding: .5em 2em .55em; */
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .2em; 
	-moz-border-radius: .2em;
	border-radius: .2em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.button.disabled, .button.disabled:hover, .button.disabled:active { background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #999999;
    cursor: default;
	top:0px; }   
.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}
 
/* color styles 
---------------------------------------------- */ 
/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}
 
/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
} 

/* end of button colors 
---------------------------------------------- */

.submitdiv { margin:5px 0px 5px 66px; }

.forgotlink { float:right; color:#837e78; text-decoration:underline; font-size:11px; margin-right:66px;margin-top:6px; }
#footer { padding:10px 0px 0px; margin:25px 0px 0px; background: url(include/images/divider.png) left top no-repeat;  }
#footer p { color:#aaa; padding:0px; margin:0 0 6px; font-size:11px;text-align:center;}
#footermark {padding:6px 12px;width:24px;height:24px;background:url("include/images/fv-icon.png") top left no-repeat;text-indent:-9999px;}


.success { color:#4F8A10; }
#pre-page a { color:#0095cd; }
input.readonly,input.readonly:focus{border:medium none;background:none;font-weight:bold;font-size:100%;}

#fvhps { background:url("include/images/fv_logo_login_2x.png") top center no-repeat;background-size:360px 100px;width:100%;height:100px;margin-bottom:20px; }

@media (max-width: 768px) {
	#page { width:80%; margin:20px auto 20px; }
	#fvhps {background:url("include/images/fv_logo_login_2x.png") top center no-repeat;background-size:288px 80px;}
	.label { float:none; margin:5px 0px 0px 0px; }
	input[type="text"], input[type="password"] { border:1px solid #CCC;width:96%; }
	input.readonly,input.readonly:focus{border:medium none;}
	.submitdiv { margin:5px 0px 5px 0px; }
	.forgotlink { margin-right:20px; }
	#footer { background:none; border-top:1px solid #CCC; }
}
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
#footermark {background:url("include/images/fv-icon2x2.png") top left no-repeat;background-size: 24px 24px; }
}




/* new login 09-2022 
---------------------------------------------- */

#formloginverify, #formlogin, #formemaillogin, #formforgot, #resetform, #activateform { color:#666; }
#formloginverify .label, #formlogin .label, #formemaillogin .label, #formforgot .label, #resetform .label, #activateform .label, #formloginrecover .label {
    display: block;
    float: left;
    margin: 0px; /* 5px 0; */
    padding: 4px 0;
    color: #666;
    width:auto;
}
#response_success { line-height:23px;margin:0px;padding:0;color:#019cdd; }
#response { line-height:23px;margin:0px;padding:0;color:#ff6060; }
input[type="text"], input[type="password"] { box-sizing:border-box;width:100%;padding:4px 8px;font-size:14px;height:40px; }
input::placeholder { color:#CCC; }
input:autofill::first-line, input:-webkit-autofill::first-line {
    font-size: 14px;
}

.submitdiv { margin:0px 0px 5px 0px; }
.forgotlink { float:none;margin-right:0px;font-size:1.0em;color:#666; }
/* #submit { width:100%;box-sizing:border-box;margin:0px;height:40px;color:#FFF;font-size:1.1em; } */
#submit { border-radius:3px;-webkit-border-radius:3px;-webkit-appearance:none;width:100%;box-sizing:border-box;margin:0px;height:40px;color:#FFF;font-size:1.1em; }

#submit.disabled { color:#888;text-shadow:none;background:#eee;box-shadow:none;cursor:not-allowed; }
#submit.disabled:hover, #submit.disabled:focus, #submit.disabled:active { box-shadow:none;text-decoration:none; }

.blueflat { color: #d9eef7;border:none;background:#0095cd;}
.blueflat:hover {background:#007ead;outline:none;box-shadow: 0 0 0 3px rgba(21, 156, 228, 0.4);}
.blueflat:focus {background:#007ead;text-decoration:underline;outline:none;box-shadow: 0 0 0 3px rgba(21, 156, 228, 0.4);}
.blueflat:active {background:#007ead;text-decoration:underline;}

.grayflat { color:#666;border:none;background:#eee;text-shadow:none;padding:5px 8px 4px;font-size:1.0em;}
.grayflat:hover {background:#ddd;outline:none;box-shadow: 0 0 0 3px rgba(102, 102, 102, 0.4);}
.grayflat:focus {background:#ddd;text-decoration:underline;outline:none;box-shadow: 0 0 0 3px rgba(102, 102, 102, 0.4);}
.grayflat:active {background:#ddd;text-decoration:underline;}
.authresponse {color:#019cdd;font-weight:bold;font-size:1.1em;margin:0 0 20px;text-align:center;}
.loading{display:inline-block;background:url("include/images/loader.gif") no-repeat scroll 0 0 transparent;width:16px;height:16px;margin:0 5px;}

.demosuccess { font-size:0.95em;width:auto; }
.sessexpired {color:#ff6060;font-size:0.95em;}

#alreadyin { font-size:15px;text-align:center;color:#666;padding-top:30px; }
#alreadyin hr { border-top:1px solid #ddd; }
#alreadyin .blueflat { color: #fff;border:none;background:#0095cd;text-shadow:none;padding:10px 24px;font-size:1.0em; }

#trustdevice { width:16px;height:16px;margin:0;padding:0;position:relative;top:-1px;vertical-align: bottom; }
#trustdevicelabel { outline:none;user-select:none;cursor:pointer;margin-left:5px; }

.lbe_box { 
    margin: 5px 0 15px;
    padding: 0px;
    background: #eee; 
	text-align:center; }
.lbe_box a { border: 1px solid #ddd;display:block;padding:15px;text-decoration:none;color:#08c; }
.lbe_box a:hover { background:#ddd;outline:none;box-shadow: 0 0 0 3px rgba(21, 156, 228, 0.4); }
.lbe_box a:focus { background:#ddd;outline:none;box-shadow: 0 0 0 3px rgba(21, 156, 228, 0.4);text-decoration:underline; }
.lbe_box a:active { background:#ddd;outline:none;box-shadow: 0 0 0 3px rgba(21, 156, 228, 0.4);text-decoration:underline; }

.showhidepass {
  position: relative;
}
.showhidepass input {
  padding-right: 50px;
}
.showhidepass .showPass {
  position: absolute;
  top: 42px;
  right: 10px;
  font-size: 12px;
  margin: 0;
  background: transparent;
  padding: 0;
  border: 0;
  cursor: pointer;
  color: #888;
}
.showhidepass .showPass:focus {
  outline: none;
}

#footer { margin:50px 0px 0px; }
@media (max-width: 768px) {
	body { margin:0px; }
	body.loginpage { background:#fff; }
	#page {
	    width: 80%;
	    margin: 0px auto 20px;
	    border: none;
	    box-shadow:none;
	}
	#maincontent { max-width:400px;margin:0 auto; }
}