body.task-login{
display:grid!important;
place-items:center!important;
min-height:100vh!important;
overflow:auto!important;
margin:0!important;
background:
radial-gradient(circle at 25% 0%,rgba(49,110,232,.18),transparent 32%),
linear-gradient(135deg,#080d12 0%,#111b23 100%)!important;
color:#f8f2ff!important;
font-family:Arial!important;
}

body.task-login #layout{
width:100%;
display:grid!important;
place-items:center!important;
min-height:100vh!important;
padding:0;
overflow:visible;
}

body.task-login #layout-content{
display:grid!important;
place-items:center!important;
width:100%!important;
max-width:none!important;
min-height:100vh!important;
flex:none!important;
position:static!important;
background:transparent!important;
box-shadow:none!important;
border:0!important;
overflow:visible!important;
}

body.task-login main.ab-login-main{
display:block;
width:370px;
box-sizing:border-box;
background:linear-gradient(180deg,#1a2b37 0%,#14232d 100%);
background:
linear-gradient(90deg,#1d579c 0%,#316ee8 35%,#8fbce8 50%,#316ee8 65%,#1d579c 100%) left top/200% 3px repeat-x,
linear-gradient(180deg,#1a2b37 0%,#14232d 100%);
animation:loginTopLine 10s linear infinite;
box-shadow:0 16px 36px rgba(0,0,0,.30);
border-left:1px solid #05090d;
border-right:1px solid #05090d;
overflow:hidden;
}

body.task-login .login-title{
padding:33px 26px 4px;
}

body.task-login .login-title h1{
margin:0;
font-size:24px;
}

body.task-login .login-title-icon svg,
body.task-login .login-button-icon svg{
display:block;
width:100%;
height:100%;
stroke:currentColor;
stroke-width:1.9;
fill:none;
stroke-linecap:round;
stroke-linejoin:round;
}

body.task-login .ab-login-check{
stroke-dasharray:12;
stroke-dashoffset:12;
animation:abLoginCheckDraw .9s ease-out .25s forwards;
}

@keyframes abLoginCheckDraw{
to{stroke-dashoffset:0;}
}

@keyframes loginTopLine{
0%{background-position:200% 0,center;}
100%{background-position:0 0,center;}
}

body.task-login #login-form{
margin:0!important;
padding:0 26px 26px!important;
position:static!important;
top:auto!important;
width:auto!important;
max-width:none!important;
}

body.task-login .ab-field-label{
display:block;
width:90%;
margin:12px auto 6px;
padding:0!important;
box-sizing:border-box!important;
font-family:Arial!important;
font-size:16px!important;
font-weight:400!important;
line-height:normal!important;
color:#f8f2ff!important;
text-align:left!important;
}

body.task-login #login-form tr + tr .ab-field-label{
margin-top:0;
}

body.task-login #login-form .form-control{
display:block!important;
width:90%!important;
margin:0 auto!important;
padding:10px!important;
border:1px solid #5f7383!important;
border-radius:0!important;
background:#101820!important;
color:#f8f2ff!important;
font-size:16px!important;
box-sizing:border-box!important;
font-family:Arial,sans-serif!important;
line-height:normal!important;
box-shadow:none!important;
appearance:none;
-webkit-appearance:none;
}

body.task-login #login-form .form-control:focus{
outline:0!important;
border-color:#8fbce8!important;
box-shadow:0 0 0 2px rgba(49,110,232,.22)!important;
background:#101820!important;
color:#f8f2ff!important;
}

body.task-login #rcmloginsubmit{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:43%!important;
min-width:0!important;
max-width:none!important;
flex:none!important;
padding:11px 10px!important;
border:1px solid #245fa8!important;
border-radius:0!important;
background:#2f6fbe!important;
color:#fff!important;
font-weight:700!important;
box-shadow:none!important;
font-size:14px!important;
text-shadow:none!important;
font-family:Arial!important;
text-transform:uppercase!important;
letter-spacing:0!important;
gap:8px!important;
cursor:pointer!important;
float:none!important;
line-height:1!important;
white-space:nowrap!important;
}

body.task-login #login-form #rcmloginsubmit{
margin-top:27px!important;
margin-left:auto!important;
margin-right:auto!important;
}

body.task-login .login-button-icon{
display:inline-flex;
width:16px;
height:16px;
flex:0 0 16px;
align-items:center;
justify-content:center;
}

body.task-login #rcmloginsubmit:hover,
body.task-login #rcmloginsubmit:focus{
background:#245d9d!important;
border-color:#245d9d!important;
color:#fff!important;
box-shadow:none!important;
}

body.task-login #rcmloginsubmit:before,
body.task-login #login-form label:before,
body.task-login #login-form label:after{
display:none!important;
content:none!important;
}

body.task-login #login-footer.copy{
margin:10px 26px 22px!important;
padding:0!important;
line-height:1.2!important;
display:block!important;
width:auto!important;
text-align:center!important;
font-family:Arial!important;
font-size:12px!important;
color:#738491!important;
}

@media(max-width:520px){
body.task-login{
min-height:100dvh!important;
padding:20px 0!important;
box-sizing:border-box!important;
}

body.task-login #layout,
body.task-login #login-form{
min-height:auto!important;
}

body.task-login #layout-content{
width:92%!important;
min-height:auto!important;
}

body.task-login main.ab-login-main{
width:92%;
margin:0 auto;
padding:0;
}

body.task-login .login-title{
padding:18px 18px 2px;
}

body.task-login .login-title h1{
font-size:21px;
}

body.task-login #login-form{
padding:0 18px 18px!important;
}

body.task-login #rcmloginsubmit{
width:43%!important;
min-width:0!important;
max-width:none!important;
flex:none!important;
padding:10px 10px!important;
}

body.task-login #login-footer.copy{
margin-left:18px!important;
margin-right:18px!important;
margin-bottom:22px!important;
}
}