:root {
  --textColor: #005f69;
  --textHover: #f06e32; 
}
@font-face {
    font-family: 'SaiGonIT-Dam';
    src: url('../assets/fonts/Gotham-Ultra.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SaiGonIT-Vua';
    src: url('../assets/fonts/Gotham-Medium.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SaiGonIT-Nhat';
    src: url('../assets/fonts/Gotham-Thin.otf');
    font-weight: normal;
    font-style: normal;
}
.li_login
{
    /*width:500px;*/
    margin:auto;    
}
.li_left
{
    width:50%;
    float:left; 
    background-color:Red;   
    height:400px;
}
.li_right
{
    width:50%;
    float:right;    
    background-color:Blue;
    height:400px;
}
.li_spe
{
    color:#D2D2D2;
    font-size:15px;
}
.btnLogin
{
    height:30px;
    width:104px;
    /*background: -moz-linear-gradient(center top , #F8981D 0%, #F87A1D 100%) repeat scroll 0% 0% #F8981D;    */
    background-color: var(--textHover);
    color:White;
    float:left;
}
.btnLogin:hover
{
    color: var(--textColor);
    cursor:pointer;
}

.login_page
{
    width: 100%;
    height:100%;
    margin:0px;
    background-color:#0E2851;
}
/*.login_body
{
    width:50%;
    height:100%;
    margin:auto;
    vertical-align:middle;
    padding-top:280px;
}*/
.login_body
{
    width: 100%;    height:100%;    margin:0px;    background-color: var(--textColor);    
}
/*.login_main
{
    padding-top:15px; 
    color:#f2ffff;
    /*font-family: Kozuka Gothic Pro,Segoe UI,Verdana,Tahoma,Arial,"Helvetica Neue",Helvetica,Sans-Serif;
    font-family:Tahoma;
}*/
.login_main
{
    width:99%; height:50%; min-height:320px; max-width:588px;  margin:auto; margin-top:10%;    
}
.login_logo
{
    float:left; width:34%; display:block;    
}
.login_logo_img
{
    width:100%; height:auto;  margin:auto; margin-top:35%;    
    display: flex; justify-content: center;
}
.login_line
{
    float:left; width:3%; display:block;    
    min-height:200px;
}
.login_line_line
{
    height:90%; background-color:Red; width:1px; 
    min-height:200px;
    margin:10px;
    margin-top:20px;
}
.login_input
{
    float:left; width:63%; display:block;     
}
.login_input label
{
    font-family:SaiGonIT-Nhat !important;
}
.accountInfo
{
    width: 100%;
    margin:auto;
    height:100%;
}
.accountInfo label
{
    font-family:SaiGonIT-Vua;
}
fieldset
{
    /*margin: 1em 0px;*/
    padding: 1em;
    border-style:none;
    /*border: 1px solid #F6F6F6;*/
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}
fieldset.login, fieldset.register
{
    /*width:500px;*/
    width:100%;
    margin:auto;  
    display:block;
}
fieldset.login ASPxLabel, fieldset.register ASPxLabel, fieldset.changePassword ASPxLabel
{
    display: block;
}

fieldset ASPxLabel.inline
{
    display: inline;
}
legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

.textEntry
{
    border: 1px solid #ccc;
    height:25px;
    float:right;
    width:100%;
}
.textEntry:focus
{
    border: 1px solid #ccc;
    background-color: #FFEFD2;
    height:25px;
    float:right;
     width:100%;
}
.passwordEntry 
{
    border: 1px solid #ccc;
    height:25px;
    float:right;
    width:100%;
}
.passwordEntry:focus
{
    border: 1px solid #ccc;
    background-color: #FFEFD2;
    height:25px;
    float:right;
     width:100%;
}

.failNoti2
{
    font-size: 1.2em;
    color: Red;
    width:100%;
    margin:auto;
    text-align:left;
}

/*Quên mật khẩu*/
.losePassPage
{
    width:500px;
    margin-top:200px;
    margin:auto;
}
.loseTextEntry
{
    border: 1px solid #ccc;
    height:25px;
    margin-left:10px;
    width:330px;
}
.loseTextEntry:focus
{
    border: 1px solid #ccc;
    background-color: #FFEFD2;
    height:25px;
}
/*Đăng ký*/
.reg_completed
{
    width:400px;
    margin:auto;
    height:400px;
    margin-top:20px;    
}
.login_label
{
    clear:both;
    float:left;
    min-width:100px;    
}
.login_control
{
    float:left;
    min-width:120px; 
   width:100%;
}
.login_require
{
    float:left;
    min-width:5px;    
}
.login_row
{
    float:left;
    width:100%;
    margin-bottom:3px;
    display:block;
}
.login_button
{
    width:100px;
    height:40px;
    background-color:Blue;
    display:block;
}
.login_button2
{
     float:right;
}
/*Resgister*/
.register_main
{
   width:99%; 
   min-height:320px; 
   max-width:450px;  
   margin:auto; 
}
.register_row
{
    float:left;
    width:100%;
    margin-bottom:3px;
    display:block;
}
.register_label
{
    clear:both;
    float:left;
    min-width:142px;    
}
.register_control
{
    float:left;
    min-width:150px;    
}
.register_require
{
    float:left;
    min-width:3px;
}
/*End register*/