.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;overflow:hidden}[dir] .login-main{padding:24px 0;background:rgba(var(--vs-success),.2)}.login-main:after{position:absolute;bottom:-40px;height:110%;width:58%;content:""}[dir] .login-main:after{background:rgba(var(--vs-success),.2);border-radius:20%}[dir=ltr] .login-main:after{left:-18%;-webkit-transform:rotate(-42deg);transform:rotate(-42deg)}[dir=rtl] .login-main:after{right:-18%;-webkit-transform:rotate(42deg);transform:rotate(42deg)}.login-main .login-inner{-webkit-box-shadow:0 4px 10px 1px rgba(0,0,0,.05);width:100%;position:relative}[dir] .login-main .login-inner{box-shadow:0 4px 10px 1px rgba(0,0,0,.05);border-radius:1.5em;background-color:#fff;margin:0}[dir=ltr] .login-main .login-inner{float:left}[dir=rtl] .login-main .login-inner{float:right}.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;position:relative;display:none}[dir] .login-main .login-inner .login-colors-coustmize ul{background:#fff;text-align:center;padding:16px 4px;border-radius:.8em;margin-top:24px}[dir=ltr] .login-main .login-inner .login-colors-coustmize ul{float:left;-webkit-box-shadow:-3px 4px 6px -1px rgba(var(--vs-primary),.1);box-shadow:-3px 4px 6px -1px rgba(var(--vs-primary),.1);margin-left:12px}[dir=rtl] .login-main .login-inner .login-colors-coustmize ul{float:right;-webkit-box-shadow:3px 4px 6px -1px rgba(var(--vs-primary),.1);box-shadow:3px 4px 6px -1px rgba(var(--vs-primary),.1);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{-webkit-box-shadow:0 14px 24px 1px rgba(var(--vs-primary),.2);content:"";position:absolute;width:0;height:0;top:1px}[dir] .login-main .login-inner .login-colors-coustmize ul:after{box-shadow:0 14px 24px 1px rgba(var(--vs-primary),.2);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);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);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-inner .left-login-content{width:100%;height:100%;position:relative;z-index:1;overflow:hidden}[dir=ltr] .login-main .login-inner .left-login-content{float:left;border-radius:1.5em 0 0 1.5em}[dir=rtl] .login-main .login-inner .left-login-content{float:right;border-radius:0 1.5em 1.5em 0}.login-main .login-inner .left-login-content .overly-text{position:absolute;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap}[dir] .login-main .login-inner .left-login-content .overly-text{padding:30px 40px}[dir=ltr] .login-main .login-inner .left-login-content .overly-text{left:0}[dir=rtl] .login-main .login-inner .left-login-content .overly-text{right:0}.login-main .login-inner .left-login-content .overly-text img{max-width:66%;opacity:.2;width:100%;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}[dir] .login-main .login-inner .left-login-content .overly-text img{margin-top:160px}[dir=ltr] .login-main .login-inner .left-login-content .overly-text img{float:left;margin-left:0}[dir=rtl] .login-main .login-inner .left-login-content .overly-text img{float:right;margin-right:0}.login-main .login-inner .left-login-content .overly-text h2{color:hsla(0,0%,100%,.5);font-size:40px;font-weight:700;letter-spacing:1.5px;display:block;position:absolute;top:116px}[dir=ltr] .login-main .login-inner .left-login-content .overly-text h2{float:left;transform:rotate(90deg);-webkit-transform:rotate(90deg);left:-50px}[dir=rtl] .login-main .login-inner .left-login-content .overly-text h2{float:right;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);right:-50px}.login-main .login-inner .left-login-content .overly-text p{width:100%;color:hsla(0,0%,100%,.7);font-size:15px;font-weight:600;text-transform:uppercase;line-height:24px}[dir] .login-main .login-inner .left-login-content .overly-text p{margin-top:auto}[dir=ltr] .login-main .login-inner .left-login-content .overly-text p{float:left}[dir=rtl] .login-main .login-inner .left-login-content .overly-text p{float:right}.login-main .login-inner .left-login-content svg{height:100%}[dir=ltr] .login-main .login-inner .left-login-content svg{float:left}[dir=rtl] .login-main .login-inner .left-login-content svg{float:right}.login-main .login-inner .left-login-content svg path{fill:rgba(var(--vs-success),1)}.login-main .login-inner .login-form{width:100%;position:relative}[dir=ltr] .login-main .login-inner .login-form{float:left;padding:72px 70px 90px 50px}[dir=rtl] .login-main .login-inner .login-form{float:right;padding:72px 50px 90px 70px}.login-main .login-inner .login-form h2{width:100%;color:rgba(var(--vs-success),1);font-size:35px;letter-spacing:1px;line-height:45px;font-weight:700;text-transform:uppercase}[dir] .login-main .login-inner .login-form h2{margin-bottom:40px;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-grp{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;position:relative}[dir] .login-main .login-inner .login-form .form-grp{margin-bottom:30px}[dir=ltr] .login-main .login-inner .login-form .form-grp{float:left}[dir=rtl] .login-main .login-inner .login-form .form-grp{float:right}.login-main .login-inner .login-form .form-grp .feather-icon{position:absolute!important;bottom:8px}[dir=ltr] .login-main .login-inner .login-form .form-grp .feather-icon{right:0}[dir=rtl] .login-main .login-inner .login-form .form-grp .feather-icon{left:0}.login-main .login-inner .login-form .form-grp .feather-icon svg{width:20px;height:20px;color:rgba(var(--vs-success),.7)}.login-main .login-inner .login-form .form-grp .vs-input.isFocus+label+.feather-icon svg{color:rgba(var(--vs-success),1)}[dir=ltr] .login-main .login-inner .login-form .form-grp .vs-input{float:left}[dir=rtl] .login-main .login-inner .login-form .form-grp .vs-input{float:right}[dir] .login-main .login-inner .login-form .form-grp .vs-input input{border:0!important;border-bottom:2px solid rgba(var(--vs-success),.3)!important;border-radius:0}[dir=ltr] .login-main .login-inner .login-form .form-grp .vs-input input{padding:8px 32px 8px 0!important}[dir=rtl] .login-main .login-inner .login-form .form-grp .vs-input input{padding:8px 0 8px 32px!important}.login-main .login-inner .login-form .form-grp .vs-input input:focus{-webkit-box-shadow:none!important}[dir] .login-main .login-inner .login-form .form-grp .vs-input input:focus{box-shadow:none!important;border-bottom:2px solid rgba(var(--vs-success),.6)!important}.login-main .login-inner .login-form .form-grp label{color:rgba(var(--vs-success),.6);font-weight:500;font-size:15px;width:100%}[dir] .login-main .login-inner .login-form .form-grp label{margin:0}[dir=ltr] .login-main .login-inner .login-form .form-grp label{float:left}[dir=rtl] .login-main .login-inner .login-form .form-grp label{float:right}.login-main .login-inner .login-form .form-grp .vs-input.isFocus+label{color:rgba(var(--vs-success),.9)}.login-main .login-inner .login-form .forgot-pass{font-weight:700;color:rgba(var(--vs-success),1)!important;position:absolute;bottom:0}[dir=ltr] .login-main .login-inner .login-form .forgot-pass{float:right;right:32px}[dir=rtl] .login-main .login-inner .login-form .forgot-pass{float:left;left:32px}.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}@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-inner .left-login-content svg{height:100%;width:115%;-o-object-fit:cover;object-fit:cover}[dir=ltr] .login-main .login-inner .left-login-content svg{margin-left:-15%}[dir=rtl] .login-main .login-inner .left-login-content svg{margin-right:-15%}.login-main .login-inner .left-login-content .overly-text h2{font-size:32px;top:92px}}@media (max-width:767px){.login-main:after{display:none}[dir] .login-main .login-inner .login-form{padding:32px 16px}.login-main .login-inner .login-form .forgot-pass{position:static;width:100%}[dir] .login-main .login-inner .login-form .forgot-pass{margin-top:16px;text-align:center}.login-main .login-inner .left-login-content{height:auto}[dir] .login-main .login-inner .left-login-content{background:rgba(var(--vs-success),1);border-radius:1.5em 1.5em 0 0}.login-main .login-inner .left-login-content svg{display:none}.login-main .login-inner .left-login-content .overly-text{height:auto;position:static}.login-main .login-inner .left-login-content .overly-text img{max-width:180px}[dir] .login-main .login-inner .left-login-content .overly-text img{margin-top:0}.login-main .login-inner .left-login-content .overly-text p{width:100%}[dir] .login-main .login-inner .left-login-content .overly-text p{margin-top:24px;text-align:center}[dir=ltr] .login-main .login-inner .left-login-content .overly-text p{float:left}[dir=rtl] .login-main .login-inner .left-login-content .overly-text p{float:right}}@media (max-width:575px){.login-main .login-inner .left-login-content .overly-text img{max-width:120px}.login-main .login-inner .left-login-content .overly-text h2{font-size:26px;top:76px}[dir=ltr] .login-main .login-inner .left-login-content .overly-text h2{left:-40px}[dir=rtl] .login-main .login-inner .left-login-content .overly-text h2{right:-40px}.login-main .login-inner .login-form h2{font-size:24px}[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 #fff 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}