html,body,h1,h2,h3,h4,h5,h6,p,img,dl,dt,dd,ol,ul,li,table,tr,td,form,object,embed,article,aside,canvas,command,details,fieldset,figcaption,figure,footer,group,header,hgroup,legend,mark,menu,meter,nav,output,progress,section,summary,time,audio,video {border:0;margin:0;padding:0}
button,fieldset,form,group,input,li,ol,select,span,table,tr,td,textarea,ul {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
html,body {color:#333;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:11pt;background-color:#f0f4f9;margin:0 auto;padding:0;border:0}
a{color:#0b57d0; text-decoration: none;}
div{line-height: 20px;}

fieldset.box,fieldset.box-note {margin:8px 0; width:400px; text-align:left; padding:5px 0;}
fieldset.box,legend.box-title,fieldset.box-note,legend.box-note-title {color:#666;border:1px solid #ddd;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px}
fieldset.box-note,legend.box-note-title {border:1px solid #FAD163; padding:5px; font-size:12px; background-color:#FFF7D7;}
legend.box-title,legend.box-note-title {padding:4px 0;background-color:#eee}
legend.box-title,legend.box-note-title {margin-left:-1px}
span.box-title {padding:0 20px}
legend.box-note-title {background-color:#FFF7D7;color:#CC3300}
legend.sub-box-title {font-weight:normal}
fieldset.crudify,fieldset.tabify {margin:0;padding:4px 6px;background-color:#E3E9FF;border:0;height:auto}
fieldset.crudify.u {border-bottom:1px solid #CCD2E6}
fieldset.crudify.b {border-top:1px solid #CCD2E6}
fieldset.tabify {border:0;padding:0 12px;background-color:#bbccff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}

/*css logon*/
.lg-bx-blank {width:100%; height:120px; Float:left;}

/*title logon*/
.lg-bx-title {width:100%; Float:left; padding-bottom:5px;}
.lg-bx-title-frame {width:362px; height:123px; border:0px solid #58595B;}
.lg-bx-title-logo {/*width:395px; height:89px;*/ border:0px solid #58595B; Float:left;}
.lg-bx-title-name {width:200px; height:40px; border-left:1px dashed #999999; padding-left:10px; padding-top:5px; Float:left; text-align:left; font-size:19px; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; color:#324D7F;}

/*form logon*/
.lg-bx-form {width:100%; Float:left;}
.lg-bx-form-frame {width:400px; height:150px; border-left:0px solid #58595B; border-right:0px solid #58595B; border-bottom:0px solid #58595B;}
.lg-bx-form-frame-title {width:100%; height:20px; line-height:18px; border-bottom:0px solid black; Float:left; padding-top:2px; background-color:#005CA1; text-align:center; font-size:13px; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; color:#FFFFFF;background: url("header-bg-1.png") repeat-x}
.lg-bx-form-frame-blank {width:100%; height:30px; border:0px solid gray; Float:left;}
.lg-bx-form-frame-blank a {font-size:11px; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; color:#049AA2;text-decoration:none}
.lg-bx-form-frame-text {width:90px; height:35px; border:0px solid gray; Float:left; text-align:left; font-size:13px; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; line-height: 18px;}
.lg-bx-form-frame-notifie {width:100%; min-height:25px; border:0px solid gray; padding-top:6px; Float:left; text-align:center; font-size:13px; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";color:red;}
.lg-bx-form-frame-input {width:300px; height:35px; border:0px solid gray; Float:left; text-align:left;}
.lg-input {width:230px; border:1px solid #58595B; line-height: 18px; padding-left: 5px;}
.lg-button {width:60px; border:1px solid #58595B; line-height: 16px;}

#r{
  position: relative;
}

.lg-box-logo{
  /*max-height: 124px;*/
  max-width: 112px;
  float: left;
}

.lg-bx-button {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
  border: 1px solid #3079ed;color: #fff;text-shadow: 0 1px rgba(0,0,0,0.1);background-color: #4d90fe;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
  background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
  background-image: linear-gradient(top,#4d90fe,#4787ed);
  float:left;
  margin-left:5px;
  margin-top: 30px;
  cursor: pointer;
  color: white;
  width: 362px;
  height: 42px;
  margin: 10px 0px 0px 20px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 16px;
}

.logon-form{
  margin: 0 5px 0 20px;
  width: 362px;
  float: left;
  text-align: left;
  padding: 4px 0;
  line-height: 20px;
}

.input-logon{
    color: #333;
    font-weight: normal;
    border: 1px solid #BCBCBC;
    margin: 0 0 -10px 0;
    padding: 4px 8px;
    font-size: 11pt;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
    border-radius: 6px;
    width: 362px;
    height: 52px;
    padding-right: 30px; /* Ensure space for the icon inside the input */
    flex-grow: 1;
}

.box-sub-title{
  font-size: 13pt;
  font-weight: bold;
  position: absolute;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  bottom: 0;
  border-left: 1px solid #BCBCBC;
  float: right;
  width: 250px;
  text-align: left;
  line-height: 25px;
  margin-left: 12px;
  padding-left: 12px;
}

.lg-bx-line{
    padding : 8px 0;
    clear : both;
}

.password-container {
    position: relative;
}

.password-icon {
  position: absolute;
  top: 28px;
  right: 30px;
  cursor: pointer;
}

.password-icon-create {
  position: absolute;
  top: 45px;
  right: 30px;
  cursor: pointer;
}

/*footer logon*/
.lg-bx-footer {width:100%; height:60px; font-size:11px; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; color:#333; padding-top:6px;}

#footer{
  border-top: 0px solid #D9D9D9;
  width: 362px;
  padding: 4px;
  text-align: center;
  clear: both;
  position: relative;
  top: 35px;
  color: #999;
  font-size: 11pt;
  color: #333;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
}

/*label, input.text, input.text-sub, input.checkbox, input.radio, input.zlabel, input.translation, select, textarea {
 color: #333;
 font-weight: normal;
 border: 1px solid #BCBCBC;
 margin: 0;
 padding: 2px;
 font-size: 10pt;
 font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
}*/

#loading {
	position:fixed;top:0;left:0;z-index:99999;width:100%;height:100%;background-color:transparent;background-image:url("loading.gif");background-position:center center;background-repeat:no-repeat;
	display:none;
}