body{background:linear-gradient(36deg,#e2e7f3 0%,#efd7ff 60%,#f9bab0 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px; font-family: Inter,sans-serif  }
.loginContainer{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.34);overflow:hidden;display:flex;max-width:1000px;width:100%;min-height:600px;}
.loginContainer .left-section{background:linear-gradient(36deg,#f9bab0 0%,#efd7ff 60%,#e2e7f3 100%);flex:.8;padding:30px 0;flex-direction:column;justify-content:space-between;position:relative;}
.loginContainer .left-section1{padding-left:40px;padding-right:40px;}
.loginContainer .left-section2{padding-left:5px;padding-right:5px;}
.loginContainer .logo{font-size:24px;font-weight:600;color:#8b4513;font-style:italic;}
.loginContainer .hero-text{font-size:30px;font-weight:300;color:#000;line-height:40px;margin:35px 0;}
.loginContainer .attribution{color:#8b4513;font-size:14px;opacity:.8;text-align:right;margin-top:10px;}
.loginContainer .attribution a{color:#7c012b;text-decoration:none;}
.loginContainer .attribution a:hover{text-decoration:underline;}
.right-section{flex:1;padding:30px 40px;display:flex;flex-direction:column;}
.loginContainer .header{text-align:right;margin-bottom:40px;}
.loginContainer .header a{color:#e8783c;text-decoration:none;font-size:14px;}
.loginContainer .header a:hover{color:#2c3e50;}
.loginContainer .signup-title{font-size:32px;font-weight:400;color:#2c3e50;margin-bottom:30px;}
.loginContainer .form-row{display:flex;gap:15px;margin-bottom:20px;}
.loginContainer .form-group{flex:1;}
.loginContainer .form-group.full-width{width:100%;}
.loginContainer label{display:block;font-weight:400;color:#2c3e50;margin-bottom:8px;font-size:14px;margin-top:19px;}
.loginContainer input{width:100%;padding:12px 16px;border:1px solid #eee;border-radius:8px;font-size:15px;transition:border-color .2s;background:#f6f6f6;}
.loginContainer input:focus{outline:none;border-color:#3498db;background:#fff;}
.loginContainer .password-hint{font-size:12px;color:#95a5a6;margin-top:5px;}
.loginContainer .recaptcha{font-size:13px;text-align:center;}
.loginContainer .recaptcha a{color:#6260a4;text-decoration:none;}
.loginContainer .loginBtn{padding:12px 16px; background: linear-gradient(90deg, rgba(244,232,254,1) 0%, rgba(227,228,249,1) 35%, rgba(222,222,248,1) 100%); color: rgb(58, 54, 71); border-color: #b1abb7; box-shadow: none}
 .loginContainer .loginBtn:focus, .loginContainer .loginBtn:hover,  .loginContainer .loginBtn:active{ background: linear-gradient(90deg, rgba(244,232,254,1) 0%, rgba(227,228,249,1) 35%, rgba(222,222,248,1) 100%);  color: rgb(58, 54, 71)!important; border-color: #b1abb7!important; box-shadow: none!important }
@media(max-width:768px)
{
.loginContainer{flex-direction:column;max-width:400px;}
.loginContainer .left-section{padding:40px 30px;text-align:center;}
.loginContainer .hero-text{font-size:32px;}
.loginContainer .right-section{padding:40px 30px;}
.loginContainer .form-row{flex-direction:column;}
}



.link_Account_list{display: block; width: 100%}
.link_Account_list ul{list-style: none; margin: 0px; padding: 0px;}
.link_Account_list ul li{display: inline-block; width: 100%; padding: 8px 20px 8px 45px;  position: relative; border-bottom: solid 1px #ddd;    }
.link_Account_list ul li:last-child{border-bottom: none}
.link_Account_list ul li:hover{background: #ffffff05;}
.L_user_Button{background: transparent; border: none; outline: none; box-shadow: none; display: inline-block; width: 70%; text-align: left; color: #cdcdcd; padding: 0px; margin: 0px;}
.L_user_Button:focus, .L_user_Button:hover, .L_user_Button:active{border: none; box-shadow: none; outline: none; background: transparent;}
.Lgnuser_ico{position: absolute; left: 5px; top: 8px; width: 30px; height: 30px; line-height: 29px; display: inline-block; border-radius: 50%; 
background:#e4d0f4; text-align: center; font-size: 16px; color: #9a98c2}
.Lgnuser_ico.agent_ico{background:#f8bdb9; color: #cc7f79}
.LuserName{display: block; width: 85%; font-size: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: rgba(42,53,71);;}
.LuserID{ display: block; font-size: 15px; color:#6f6f6f; }
.Luser_logout{display: inline-block; float: right; margin-top: 22px;}
.Luser_logout a{color: #e46767; font-size: 14px;}

.Luser_ltime{color: #999; font-size: 11px;}

.text-gray{color: #5c5561}

.btn-custom-1{background: #c9def4!important; color: #48404e!important; border-color: #abc6e2!important}

._frmalert_msg {padding: 10px 20px;  background: #FFD6D6!important; color: #333; border-radius: 6px;}
._frmalert_msg i{margin-right: 5px;}

.f_size_22{font-size: 22px;}