.login-main{-ms-flex-line-pack:end;align-content:flex-end;min-height:100vh;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}[dir] .login-main{padding:24px 0;background:#edf0f7}.login-main .login-inner{-webkit-box-shadow:0 14px 30px 1px rgba(var(--vs-primary),.3);overflow:hidden;width:100%;position:relative}[dir] .login-main .login-inner{box-shadow:0 14px 30px 1px rgba(var(--vs-primary),.3);border-radius:2em;border:2px solid rgba(var(--vs-primary),.4);background-color:#fff;padding:0;margin:0}[dir=ltr] .login-main .login-inner{float:left}[dir=rtl] .login-main .login-inner{float:right}.login-main .login-inner .login-right{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}[dir] .login-main .login-inner .login-right{padding:24px}[dir=ltr] .login-main .login-inner .login-right{float:left;background:-webkit-gradient(linear,left top,right top,from(rgba(var(--vs-primary),1)),to(#5e4d80));background:linear-gradient(90deg,rgba(var(--vs-primary),1),#5e4d80);margin-right:-1px}[dir=rtl] .login-main .login-inner .login-right{float:right;background:-webkit-gradient(linear,right top,left top,from(rgba(var(--vs-primary),1)),to(#5e4d80));background:linear-gradient(-90deg,rgba(var(--vs-primary),1),#5e4d80);margin-left:-1px}.login-main .login-inner .login-right h2{width:100%;color:#fff;font-size:32px;line-height:45px;font-weight:600}[dir] .login-main .login-inner .login-right h2{margin-bottom:40px;text-align:center}[dir=ltr] .login-main .login-inner .login-right h2{float:left}[dir=rtl] .login-main .login-inner .login-right h2{float:right}.login-main .login-inner .login-right p{width:100%;font-size:16px;color:#fff}[dir] .login-main .login-inner .login-right p{text-align:center}[dir=ltr] .login-main .login-inner .login-right p{float:left}[dir=rtl] .login-main .login-inner .login-right p{float:right}.login-main .login-inner .login-form{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}[dir] .login-main .login-inner .login-form{padding:80px 72px}.login-main .login-inner .login-form h2{width:100%;font-weight:700;font-size:32px;color:#333}[dir] .login-main .login-inner .login-form h2{margin-bottom:48px;text-align:center}[dir=ltr] .login-main .login-inner .login-form h2{float:left}[dir=rtl] .login-main .login-inner .login-form h2{float:right}.login-main .login-inner .login-form form{width:100%}[dir=ltr] .login-main .login-inner .login-form form{float:left}[dir=rtl] .login-main .login-inner .login-form form{float:right}.login-main .login-inner .login-form form .form-grp{width:100%;position:relative}[dir] .login-main .login-inner .login-form form .form-grp{margin-bottom:40px}[dir=ltr] .login-main .login-inner .login-form form .form-grp{float:left}[dir=rtl] .login-main .login-inner .login-form form .form-grp{float:right}[dir] .login-main .login-inner .login-form form .form-grp:nth-child(2){margin-bottom:20px}.login-main .login-inner .login-form form .form-grp svg stop:first-child{stop-color:rgba(var(--vs-primary),1)}.login-main .login-inner .login-form form .form-grp svg stop:last-child{stop-color:#5e4d80}.login-main .login-inner .login-form form .form-grp svg{width:32px;height:32px;position:absolute;top:10px;z-index:1}[dir=ltr] .login-main .login-inner .login-form form .form-grp svg{left:20px}[dir=rtl] .login-main .login-inner .login-form form .form-grp svg{right:20px}.login-main .login-inner .login-form form .form-grp svg.login-email{width:29px;top:12px}.login-main .login-inner .login-form form .form-grp .input-span-placeholder{font-weight:500;font-size:14px}[dir=ltr] .login-main .login-inner .login-form form .form-grp .input-span-placeholder{padding-left:4.2rem!important}[dir=rtl] .login-main .login-inner .login-form form .form-grp .input-span-placeholder{padding-right:4.2rem!important}[dir] .login-main .login-inner .login-form form .form-grp .vs-inputx{border:0!important;background:#fff;border-radius:2em}[dir=ltr] .login-main .login-inner .login-form form .form-grp .vs-inputx{-webkit-box-shadow:rgba(var(--vs-primary),.4) -4px 5px 22px -2px;box-shadow:rgba(var(--vs-primary),.4) -4px 5px 22px -2px;padding:1.4em 1.5rem 1.4em 4.2rem!important}[dir=rtl] .login-main .login-inner .login-form form .form-grp .vs-inputx{-webkit-box-shadow:rgba(var(--vs-primary),.4) 4px 5px 22px -2px;box-shadow:rgba(var(--vs-primary),.4) 4px 5px 22px -2px;padding:1.4em 4.2rem 1.4em 1.5rem!important}[dir=ltr] .login-main .login-inner .login-form form .form-grp .vs-inputx:focus{-webkit-box-shadow:rgba(var(--vs-primary),.6) -4px 4px 9px .5px;box-shadow:rgba(var(--vs-primary),.6) -4px 4px 9px .5px}[dir=rtl] .login-main .login-inner .login-form form .form-grp .vs-inputx:focus{-webkit-box-shadow:rgba(var(--vs-primary),.6) 4px 4px 9px .5px;box-shadow:rgba(var(--vs-primary),.6) 4px 4px 9px .5px}.login-main .login-inner .login-form form .forgot-pass{font-weight:600}@media (max-width:991px){[dir] .login-main .login-inner .login-form{padding:40px 32px}}@media (max-width:767px){.login-inner .vx-col:first-child{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}[dir] .login-main .login-inner .login-right{padding:40px 24px}[dir] .login-main .login-inner .login-right h2{margin-bottom:16px}[dir] .login-main .login-inner .login-form{padding:32px 24px}[dir] .login-main .login-inner .login-form form .form-grp{margin-bottom:16px}.login-main .login-inner .login-form form .form-grp svg{width:24px;top:7px}.login-main .login-inner .login-form form .form-grp svg.login-email{width:22px;top:9px}[dir=ltr] .login-main .login-inner .login-form form .form-grp .vs-inputx{padding:1.1em 1.5rem 1.1em 4.2rem!important}[dir=rtl] .login-main .login-inner .login-form form .form-grp .vs-inputx{padding:1.1em 4.2rem 1.1em 1.5rem!important}}@media (max-width:575px){.login-main .login-inner .login-form h2{font-size:24px}[dir] .login-main .login-form form .form-grp,[dir] .login-main .login-inner .login-form h2{margin-bottom:24px}[dir] .login-main .login-form{padding:24px 0}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:#666;-webkit-box-shadow:0 0 0 1000px #000 inset;transition:background-color 5000s ease-in-out 0s}[dir] input:-webkit-autofill,[dir] input:-webkit-autofill:focus,[dir] input:-webkit-autofill:hover,[dir] select:-webkit-autofill,[dir] select:-webkit-autofill:focus,[dir] select:-webkit-autofill:hover,[dir] textarea:-webkit-autofill,[dir] textarea:-webkit-autofill:focus,[dir] textarea:-webkit-autofill:hover{-webkit-transition:background-color 5000s ease-in-out 0s}