.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}.login-main:after{position:fixed;bottom:-130px;content:"";width:350px;height:350px;z-index:-1;-webkit-box-shadow:0 0 0 50px rgba(var(--vs-primary),.1)}[dir] .login-main:after{background:rgba(var(--vs-primary),.2);border:50px solid hsla(0,0%,100%,.15);box-shadow:0 0 0 50px rgba(var(--vs-primary),.1)}[dir=ltr] .login-main:after{left:-130px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}[dir=ltr] .login-main:after,[dir=rtl] .login-main:after{border-top-left-radius:200px;border-top-right-radius:200px}[dir=rtl] .login-main:after{right:-130px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.login-main:before{position:fixed;top:-130px;content:"";width:350px;height:350px;z-index:-1;-webkit-box-shadow:0 0 0 50px rgba(var(--vs-primary),.1)}[dir] .login-main:before{background:rgba(var(--vs-primary),.2);border:50px solid hsla(0,0%,100%,.15);box-shadow:0 0 0 50px rgba(var(--vs-primary),.1)}[dir=ltr] .login-main:before{right:-130px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}[dir=ltr] .login-main:before,[dir=rtl] .login-main:before{border-bottom-left-radius:200px;border-bottom-right-radius:200px}[dir=rtl] .login-main:before{left:-130px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.login-main .login-inner{-webkit-box-shadow:0 10px 24px 1px rgba(var(--vs-primary),.2);width:100%;position:relative}[dir] .login-main .login-inner{box-shadow:0 10px 24px 1px rgba(var(--vs-primary),.2);background-color:#fff;margin:0}[dir=ltr] .login-main .login-inner{float:left;border-radius:2em 0 0 2em}[dir=rtl] .login-main .login-inner{float:right;border-radius:0 2em 2em 0}.login-main .login-inner .login-colors-coustmize{position:absolute;top:-10px;z-index:2}[dir=ltr] .login-main .login-inner .login-colors-coustmize{right:-10px}[dir=rtl] .login-main .login-inner .login-colors-coustmize{left:-10px}.login-main .login-inner .login-colors-coustmize ul{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 14px 24px 1px rgba(var(--vs-primary),.2);position:relative;display:none}[dir] .login-main .login-inner .login-colors-coustmize ul{background:#fff;text-align:center;padding:16px 4px;border-radius:.8em;box-shadow:0 14px 24px 1px rgba(var(--vs-primary),.2);margin-top:24px}[dir=ltr] .login-main .login-inner .login-colors-coustmize ul{float:left;margin-left:12px}[dir=rtl] .login-main .login-inner .login-colors-coustmize ul{float:right;margin-right:12px}.login-main .login-inner .login-colors-coustmize ul.activeToggle{display:-webkit-box;display:-ms-flexbox;display:flex}.login-main .login-inner .login-colors-coustmize ul:after{content:"";position:absolute;width:0;height:0;top:1px}[dir] .login-main .login-inner .login-colors-coustmize ul:after{text-align:center;border:.75em solid #000}[dir=ltr] .login-main .login-inner .login-colors-coustmize ul:after{right:0;border-color:transparent transparent #fff #fff;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(136deg);transform:rotate(136deg);-webkit-box-shadow:-2px 2px 9px -2px rgba(var(--vs-primary),.2);box-shadow:-2px 2px 9px -2px rgba(var(--vs-primary),.2);margin-left:50%}[dir=rtl] .login-main .login-inner .login-colors-coustmize ul:after{left:0;border-color:transparent #fff #fff transparent;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:rotate(-136deg);transform:rotate(-136deg);-webkit-box-shadow:2px 2px 9px -2px rgba(var(--vs-primary),.2);box-shadow:2px 2px 9px -2px rgba(var(--vs-primary),.2);margin-right:50%}.login-main .login-inner .login-colors-coustmize ul li{width:36px;height:36px;-webkit-box-shadow:0 0 0 1px #ccc}[dir] .login-main .login-inner .login-colors-coustmize ul li{border:4px solid #fff;box-shadow:0 0 0 1px #ccc;border-radius:50%;margin:8px 4px;cursor:pointer}[dir=ltr] .login-main .login-inner .login-colors-coustmize ul li{float:left}[dir=rtl] .login-main .login-inner .login-colors-coustmize ul li{float:right}.login-main .login-right{width:100%;position:relative;height:100%}[dir=ltr] .login-main .login-right{float:left}[dir=rtl] .login-main .login-right{float:right}.login-main .login-bg{position:absolute;top:0;height:100%;width:100%;-webkit-clip-path:circle(88% at 98% 49%);clip-path:circle(88% at 98% 49%)}[dir] .login-main .login-bg{background:rgba(var(--vs-primary),.3)}[dir=ltr] .login-main .login-bg{left:0;float:left}[dir=rtl] .login-main .login-bg{right:0;float:right}.login-main .login-bg:after{width:80%;position:absolute;top:0;content:"";-webkit-clip-path:circle(79% at 100% 48%);clip-path:circle(79% at 100% 48%);height:100%}[dir] .login-main .login-bg:after{background:rgba(var(--vs-primary),.3)}[dir=ltr] .login-main .login-bg:after{right:0;float:left}[dir=rtl] .login-main .login-bg:after{left:0;float:right}.login-main .login-bg:before{width:60%;position:absolute;top:0;content:"";-webkit-clip-path:circle(63% at 98% 50%);clip-path:circle(63% at 98% 50%);height:100%;z-index:1}[dir] .login-main .login-bg:before{background:rgba(var(--vs-primary),.3)}[dir=ltr] .login-main .login-bg:before{right:0;float:left}[dir=rtl] .login-main .login-bg:before{left:0;float:right}.login-main .login-img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;position:relative;z-index:1}[dir=ltr] .login-main .login-img{padding-left:90px}[dir=rtl] .login-main .login-img{padding-right:90px}.login-main .login-img img{max-width:280px}.login-main .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-form{padding:148px 72px}.login-main .login-form h2{width:100%;font-weight:700;font-size:32px;-webkit-text-fill-color:transparent!important}[dir] .login-main .login-form h2{margin-bottom:48px;-webkit-background-clip:text!important}[dir=ltr] .login-main .login-form h2{float:left;background:-webkit-linear-gradient(45deg,rgba(var(--vs-primary),1),rgba(var(--vs-primary),.5) 40%)}[dir=rtl] .login-main .login-form h2{float:right;background:-webkit-linear-gradient(-45deg,rgba(var(--vs-primary),1),rgba(var(--vs-primary),.5) 40%)}.login-main .login-form form{width:100%}[dir=ltr] .login-main .login-form form{float:left}[dir=rtl] .login-main .login-form form{float:right}.login-main .login-form form .form-grp{width:100%;position:relative}[dir] .login-main .login-form form .form-grp{margin-bottom:40px}[dir=ltr] .login-main .login-form form .form-grp{float:left}[dir=rtl] .login-main .login-form form .form-grp{float:right}.login-main .login-form form .form-grp svg{width:24px;height:24px;position:absolute;top:8px;z-index:1}[dir=ltr] .login-main .login-form form .form-grp svg{left:20px}[dir=rtl] .login-main .login-form form .form-grp svg{right:20px}.login-main .login-form form .form-grp svg path{fill:rgba(var(--vs-primary),1)}.login-main .login-form form .form-grp .input-span-placeholder{font-weight:500;font-size:14px}[dir=ltr] .login-main .login-form form .form-grp .input-span-placeholder{padding-left:4.2rem!important}[dir=rtl] .login-main .login-form form .form-grp .input-span-placeholder{padding-right:4.2rem!important}[dir] .login-main .login-form form .form-grp .vs-inputx{border:0!important;background:#fff;border-radius:2em}[dir=ltr] .login-main .login-form form .form-grp .vs-inputx{-webkit-box-shadow:rgba(var(--vs-primary),.4) -4px 4px 9px -2px;box-shadow:rgba(var(--vs-primary),.4) -4px 4px 9px -2px;padding:.85em 1.5rem .85em 4.2rem!important}[dir=rtl] .login-main .login-form form .form-grp .vs-inputx{-webkit-box-shadow:rgba(var(--vs-primary),.4) 4px 4px 9px -2px;box-shadow:rgba(var(--vs-primary),.4) 4px 4px 9px -2px;padding:.85em 4.2rem .85em 1.5rem!important}[dir=ltr] .login-main .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-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-form form .forgot-pass{font-weight:600}.vs-button.vs-radius.login-theme-btn{width:50px!important;height:50px!important;-webkit-box-shadow:0 0 10px 2px rgba(var(--vs-primary),.3)}[dir] .vs-button.vs-radius.login-theme-btn{border-radius:50%!important;box-shadow:0 0 10px 2px rgba(var(--vs-primary),.3)}[dir=ltr] .vs-button.vs-radius.login-theme-btn{float:right!important}[dir=rtl] .vs-button.vs-radius.login-theme-btn{float:left!important}.vs-button.vs-radius.login-theme-btn i{font-size:20px}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}@media (max-width:1365px){[dir=ltr] .login-main .login-inner .login-colors-coustmize ul{margin-left:0}[dir=rtl] .login-main .login-inner .login-colors-coustmize ul{margin-right:0}}@media (max-width:1199px){.login-main .login-bg{-webkit-clip-path:circle(85% at 98% 49%);clip-path:circle(85% at 100% 49%)}.login-main .login-bg:before{-webkit-clip-path:circle(50% at 100% 50%);clip-path:circle(50% at 100% 50%)}.login-main .login-bg:after{-webkit-clip-path:circle(70% at 100% 48%);clip-path:circle(70% at 100% 48%)}.login-main:after,.login-main:before{width:250px;height:250px}}@media (max-width:991px){[dir] .login-main .login-form{padding:68px 32px}.login-main .login-img img{max-width:200px}}@media (max-width:767px){[dir] .login-main .login-form{padding:32px 16px}[dir=ltr] .login-main .login-img{padding-left:0}[dir=rtl] .login-main .login-img{padding-right:0}.login-main .login-bg{display:none}[dir] .login-main .login-img{background:rgba(var(--vs-primary),.6);border-radius:2em 2em 0 0;padding:40px 0}[dir] .login-main .login-inner{border-radius:2em}.login-inner .vx-col:nth-child(2){-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}@media (max-width:575px){.login-main .login-form h2{font-size:24px}[dir] .login-main .login-form form .form-grp,[dir] .login-main .login-form h2{margin-bottom:24px}[dir] .login-main .login-form{padding:24px 0}[dir] .login-main .login-img{padding:24px 24px}.login-main .login-img img{max-width:65%}.login-main:after,.login-main:before{width:160px;height:160px}}