/* Agent login, like the reference agent panel login (desktop box 540x408 at 17% from the top; phones full width). */
*,::after,::before{box-sizing:border-box}
html,body{margin:0}
body.ag-lg-page{font-family:Tahoma,Helvetica,sans-serif;font-size:13px;font-weight:400;line-height:1.5;color:#23282c;text-align:left;background:#ededed;-webkit-font-smoothing:antialiased}
.ag-lg{display:flex;flex-direction:row;overflow-x:hidden;min-height:100vh;background:linear-gradient(#535353 0%,#000 80%)}
.ag-lg .login-wrap{position:absolute;top:17%;left:calc(50% - 270px);width:540px;height:408px;border-radius:8px;box-shadow:0 5px 20px #00000080}
.ag-lg .login-wrap::after{content:"";display:block;clear:both}
.ag-lg .kv{width:140px;height:100%;border-radius:8px 0 0 8px;float:left}
.ag-lg .login-panel{margin:80px 0 0 25px;float:left;color:#1e1e1e}
.ag-lg .logo-main{width:220px;height:68px;margin-bottom:15px;object-fit:contain;vertical-align:middle}
.ag-lg .logo-m{display:none}
.ag-lg form{margin:0}
.ag-lg dd{position:relative;width:220px;margin:0 0 7px}
.ag-lg .field{position:relative;display:flex;align-items:center}
.ag-lg input{display:block;width:100%;height:33px;margin:0;padding:5px;border:1px solid #F6A21E;border-radius:4px;box-shadow:inset 0 2px #0000001a;background:#fff;color:#000;font-family:Tahoma,Helvetica,sans-serif;font-size:14px;line-height:21px;outline:0}
.ag-lg input::placeholder{color:grey}
.ag-lg input:-webkit-autofill,.ag-lg input:-webkit-autofill:hover,.ag-lg input:-webkit-autofill:focus,.ag-lg input:-webkit-autofill:active{-webkit-background-clip:text;background:#fff;color:#000;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #ffffff29}
.ag-lg .eyebtn{position:absolute;right:0;display:flex;align-items:center;justify-content:center;width:26px;height:19.5px;margin:0;padding:0;border:0;background:none;color:#000;cursor:pointer}
.ag-lg .eyebtn svg{display:block;height:13px;fill:currentColor}
.ag-lg .ico-user{width:11.375px}
.ag-lg .ico-eye{width:14.625px}
.ag-lg .ico-eye-off{display:none!important;width:16.25px}
.ag-lg #pwToggle[aria-pressed=true] .ico-eye{display:none}
.ag-lg #pwToggle[aria-pressed=true] .ico-eye-off{display:block!important}
.ag-lg .btn-send{display:block;width:218px;height:36px;margin:15px 0 0;padding:1px 6px;border:0;border-radius:4px;background:#F6A21E;color:#000;font-family:Tahoma,Helvetica,sans-serif;font-size:15px;font-weight:700;line-height:36px;text-align:center;cursor:pointer}
.ag-lg .btn-send svg{vertical-align:baseline;fill:currentColor}
.ag-lg .text-danger{margin:6px 0 0;color:#fff;font-size:12px;line-height:1.4}
@media only screen and (min-width:768px){
    .ag-lg .logo-main{width:220px}
}
@media only screen and (max-width:767px){
    .ag-lg .login-wrap{left:10px;width:94%;height:auto;min-height:408px;padding-bottom:25px}
    .ag-lg .kv{display:none}
    .ag-lg .login-panel{width:100%;margin:25px 0}
    .ag-lg .logo-main-div{display:block;width:100%;margin-bottom:15px;text-align:center}
    .ag-lg .logo-main{width:250px;margin-bottom:0}
    .ag-lg .logo-d{display:none}
    .ag-lg .logo-m{display:inline}
    .ag-lg dd{width:90%;margin-left:18px;margin-bottom:10px}
    .ag-lg input{height:45px;font-size:18px;padding:10px}
    .ag-lg .eyebtn{top:12.75px}
    .ag-lg .btn-send{width:100%;height:45px;font-size:18px}
}