/*
// ******************************COPYRIGHT NOTICE*******************************
// All rights reserved.  This material is confidential and proprietary to Excel
// Technology International (Hong Kong) Limited and no part of this material
// should be reproduced, published in any form by any means, electronic or
// mechanical including photocopy or any information storage or retrieval system
// nor should the material be disclosed to third parties without the express
// written authorization of Excel Technology International (Hong Kong) Limited.
 * <PRE>
 *  **************************VSS GENERATED VERSION NUMBER************************
 *  $Revision:  $
 *  ****************************PROGRAM DESCRIPTION*******************************
 *  Program Name   : logon.css
 *  Nature         : Application
 *  Description    : style of ess logon
 *  Creation Date  :
 *  Creator        :
 *  ****************************MODIFICATION HISTORY******************************
 *  Modify Date    : 2018/03/26
 *  Modifier       : LiQiXing
 *  CR / SIR No.   : PB-1190-003
 *  Description    : show Progress Bar on logon
 *  ******************************************************************************
 *  Modify Date    : 2024/09/16
 *  Modifier       : LiQiXing
 *  CR / SIR No.   : CR-2024-010
 *  Description    : remove HR21 (logo, name)
 *  ******************************************************************************
 * </PRE>
 * */

.logon-body1
{
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background: #F0F0F0 url(../Content/images/Logon/bg-logon.png) fixed;
}

.logon-body2
{
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background: #F0F0F0 url(../Content/images/Logon/bg-logon2.png) fixed;
	font-family: Segoe UI, Tahoma, Arial, Verdana, sans-serif;
}

.btn-logon1 
{
	position: absolute;
	left:370px;
	top:290px;
	width:148px;
	height: 38px;
	background: url(../Content/images/Logon/btn-logon.png) no-repeat;

	color: White;
	font-size: 14px;
	font-weight: bold;
	border: 0px;
}

.container-logon
{
	position: absolute;
	left:370px;	
	top:160px;
}
.container-logon table
{
	width: 280px;
}
.container-logon td
{
	padding: 2px;
}

.logon-label
{
	width: 80px;
	font-size: 15px;
}

.logon-field input
{
	width: 180px;
	height: 22px;
	border: #C6C6C6 1px solid;
	border-radius: 3px;
	font-size: 15px;
}

.btn-logon2
{
	width:110px;
	height: 33px;
	background: url(../Content/images/Logon/btn-logon.png) no-repeat;
	background-size: 110px 33px;
	color: White;
	font-size: 14px;
	font-weight: bold;
	border: 0px;
}

.logonfailmsg
{
	color: red;
	font-size: 12px;
}

a 
{
	color: #3B6BA9;
	font-size: 12px;
}

img
{
	border: 0px;
}

/*---------------------------------------- login.css ----------------------------------------*/
.clearfix {
  *zoom:1;
  display:block;
}
.clearfix:after {
  content:".";
  display:block;
  height:0px;
  clear:both;
  visibility:hidden;
}
::-webkit-selection {
  background:#396da8;
  color:#ffffff;
}
::-moz-selection {
  background:#396da8;
  color:#ffffff;
}
::-ms-selection {
  background:#396da8;
  color:#ffffff;
}
::-o-selection {
  background:#396da8;
  color:#ffffff;
}
::selection {
  background:#396da8;
  color:#ffffff;
}
.highlight { color:; }
body {
  background:#ffffff url(../Content/images/Logon/bg.jpg) center top no-repeat;
  font-size:12px;
  color:#3b3b3b;
}
html { overflow-y:scroll; }
html, body {
  width:100%;
  height:100%;
}
#wrapper {
  width:960px;
  margin:0 auto;
}
#info {
  width:295px;
  height:30px;
  padding-left:176px;
}
#info .message {
  float:left;
  padding-top:8px;
}
#info .lanuages {
  float:right;
  width:90px;
  height:28px;
  padding-left:12px;
  background:url(../Content/images/Logon/lang-shadow.png) 0 0 no-repeat;
}
#info .lanuages li {
  list-style:none;
  display:block;
  float:left;
  width:33px;
  height:28px;
  line-height:28px;
  margin-left:1px;
  text-align:center;
  background:url(../Content/images/Logon/lang-bg.png) 0 0 no-repeat;
}
#info .lanuages li a {
  display:block;
  width:100%;
  height:100%;
  color:#afaeae;
}
 #info .lanuages li.current a { color:#575757; }
#header { padding:23px 0 0 126px; }
#header h1, #header h2 { display:inline; }
#header.login { padding:50px 0 30px 176px; }
#content { padding:50px 0 30px 176px; }
#content .version { font-size:13px; }
#content .logon-button-large {
  width:150px;
  height:45px;
  background:url(../Content/images/Logon/logon-big.png) 0 0 no-repeat;
  display:block;
  margin-top:75px;
  color:#ffffff;
  font-size:14px;
  line-height:40px;
  text-align:center;
}
#content.login { padding-top:50px; }
#footer { padding-left:176px; }
#footer #copyright, #footer #site { font-size:11px; }
#footer #copyright a, #footer #site a {
  font-size:11px;
  color:#396da8;
  font-weight:bold;
}
#forgetAdminPassword{ font-size:11px; color:#396da8;font-weight:bold;margin-left: 20px; vertical-align: -5px;}

.form {
  position:relative;
  /* Start CR-2024-010, LiQiXing, 2024/09/16 */
  /*height:200px;*/
  min-height: 200px;
  /* End CR-2024-010, LiQiXing, 2024/09/16 */
}
.form #form-header { padding-bottom:10px; }
.form #form-header .warning,
.form #form-header .validation-summary-errors {
  color:#dc0000;
  font-size:12px;
}
.form #form-header .retrieve { font-size:11px; }
.form #form-header .retrieve a {
  color:#396da8;
  font-weight:bold;
}
.form .compulsory { color:#396da8; }
.form #form-content .error {
  background:#ffd0d0 !important;
  filter:none !important;
}
.form #form-content ul li {
  list-style:none;
  min-height:25px;
  margin-bottom:5px;
}
.form #form-content ul li .label, .form #form-content ul li .input, .form #form-content ul li .compulsory {
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
  font-size:12px;
}
.form #form-content ul li .label {
  width:74px;
  vertical-align:-3px;
  color:#818080;
}
.form #form-content ul li .input {
  width:196px;
  min-height:23px;
  line-height:23px;
}
.form #form-content ul li .input.textbox input {
  display:block;
  width:184px;
  padding:0 5px;
  height:23px;
  line-height:23px;
  border:1px #c3c3c3 solid;
  background:#ffffff;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
 
}
.form #form-content ul li .input.textbox input.short { width:62px; }
.form #form-content ul li .input.non-textbox { width:194px; }
.form #form-content ul li .input.non-textbox select {
  display:block;
  width:194px;
  height:23px;
  line-height:23px;
  border:1px #c3c3c3 solid;
  cursor:pointer;
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
 
}
.form #form-content ul li .input.non-textbox input[type=radio] + label { margin-right:20px; }
.form #form-content ul li .input.non-textbox textarea {
  display:block;
  width:184px;
  padding:0 5px;
  height:82px;
  line-height:23px;
  border:1px #c3c3c3 solid;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
 
}
.form #form-content ul li .compulsory {
  display:none;
  color:#396da8;
  margin-left:5px;
}
.form #form-buttons .logon-button {
  width:112px;
  height:37px;
  background:url(../Content/images/Logon/logon.png) 0 0 no-repeat;
  display:inline;
  border:0;
  cursor:pointer;
  color:#ffffff;
  font-size:13px;
  line-height:35px;
  text-align:center;
}

/*---------------------------------------- common.css ----------------------------------------*/
/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/
abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,strike,summary,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp,
	button {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	word-wrap: break-word;
	-webkit-text-size-adjust:none;
	
}

strong, em, span, font, sub, sup, a{
	border: 0;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust:none;
	
}
input, select, option, textarea
{
    display:block;
  width:200px;
  padding:0 5px;
  height:23px;
  line-height:23px;
  border:1px #c3c3c3 solid;
  background:#ffffff;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;                
	
}
/* remove webkit default input type number, date UI buttons */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
/* remove webkit default input[type=search] background */
input[type=search]{
	-webkit-appearance: none;
}
html, body {

	font-family:Arial, Verdana, Helvetica, sans-serif;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	/*
	Override the default (display: inline) for
	browsers that do not recognize HTML5 tags.
	IE8 (and lower) requires a shiv:
	http://html5shim.googlecode.com/svn/trunk/html5.js
	*/
	display: block;
}
address,optgroup{
	/* Reset default Italic style */
	font-style:normal;
}
b,strong {
	/*
	Makes browsers agree.
	IE, Opera -> font-weight: bold.
	Gecko, WebKit -> font-weight: bolder.
	*/
	font-weight: bold;
}
img {
	font-size: 0;
	vertical-align: middle;
	border: 0px;
	/*
	For IE.
	http://css-tricks.com/ie-fix-bicubic-scaling-for-images
	*/
	-ms-interpolation-mode: bicubic;
}
li {
	/* For IE6 + IE7. */
	display: list-item;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #CCC;
	width: 390px;
}
th,td,caption {
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	color:#818080;
	padding:10px;
	width:140px;
}
svg {
	/* For IE9 beta. */
	overflow: hidden;
}
a{ cursor:pointer }
.clearfix:after { content: "."; display:block; height:0px; clear:both; visibility:hidden; }
.clearfix { zoom:1 \9; display:block; }
.warning_msg { color:#FF0000; }
a, a:link, a:active, a:visited {
	color:#396da8;
	text-decoration:none; 
}
a:hover {
	color:#1a4d86;
	text-decoration:none;
}

.btn-cancel {

    background: url("../Content/images/background/button.png") no-repeat scroll left top transparent;
 
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 80px;
}

.btn-goedit,
.btn-submit,
.btnsearch,
.create-new,
.t-toolbar input[type='button'] {
    background: url("../Content/images/background/button.png") no-repeat scroll left top transparent;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 80px;
}

.input-validation-error {
    background-color: #AF2A2B;
    border: 1px solid #830000;
    
}

#error_message{margin-left:115px;margin-top:20px;color:red;font-weight:bold;}

.td-require {
    background: url("../Content/images/required.png") no-repeat left 14px;
    padding-left:20px;
}


.wide-button,
.t-toolbar input[wide='true'][type='button'] 
{
    background: url("../Content/images/background/button-long.png") no-repeat scroll left top transparent;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 120px;
}

/* Start PB-1190-003, LiQiXing, 2018/03/26 */
.btn-submit {
    background: url("images/background/button.png") no-repeat scroll left top transparent;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 80px;
    padding:0px 0px 0px 0px;
    margin:0px 0.2em 0px 0px;
}

input.link-button-disabled {
    background: url("images/background/button-disable.png") no-repeat scroll left top transparent;
    border: 0 none;
     color: #FFFFFF;
    cursor: not-allowed;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 80px;
}

/*ProgressBar*/

.graph {
    background: #D2D6D9;
    border: 1px solid #A3ACB1;
    border-left: 0px;
    height: 5px;
    width: 450px;
}

.bar {
    background: #396DA7;
    border: 1px solid #1A4D86;
    border-right: 0px;
    float: left;
    height: 100%;
    margin-left: -1px;
    margin-top: -1px;
    text-align: center;
}

.path-company { float: left; }

/* End PB-1190-003, LiQiXing, 2018/03/26 */



/*
 * ****************************VSS GENERATED HISTORY***************************
 * $History: $
 * **************************************************************************** 
 * */