.input-span-placeholder{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}input::-webkit-input-placeholder{color:rgba(var(--vs-primary),1);opacity:1}input:-ms-input-placeholder{color:rgba(var(--vs-primary),1);opacity:1}input::-moz-placeholder{color:rgba(var(--vs-primary),1);opacity:1}input::-ms-input-placeholder{color:rgba(var(--vs-primary),1);opacity:1}input::placeholder{color:rgba(var(--vs-primary),1);opacity:1}.login-form{width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:100vh;z-index:1}[dir] .login-form{background:#fff;padding:32px 0}.login-form .login-content{width:90%;-webkit-box-shadow:0 0 12px -1px rgba(0,0,0,.15);position:relative}[dir] .login-form .login-content{background:#fff;box-shadow:0 0 12px -1px rgba(0,0,0,.15);border-radius:1em;padding:32px 48px}[dir=ltr] .login-form .login-content{float:left;margin-left:10%}[dir=rtl] .login-form .login-content{float:right;margin-right:10%}.login-form .login-content:after{position:absolute;top:32px;height:212px;width:212px;content:"";z-index:-1}[dir] .login-form .login-content:after{border-radius:100%;background:hsla(0,0%,80.4%,.15)}[dir=ltr] .login-form .login-content:after{left:-100px}[dir=rtl] .login-form .login-content:after{right:-100px}.login-form .login-content h1{width:100%;font-size:20px;font-weight:600}[dir] .login-form .login-content h1{margin-bottom:30px}[dir=ltr] .login-form .login-content h1{float:left}[dir=rtl] .login-form .login-content h1{float:right}.login-form .login-content .vs-input--label{font-weight:500;color:#666;width:100%}[dir] .login-form .login-content .vs-input--label{margin-bottom:8px}[dir=ltr] .login-form .login-content .vs-input--label{padding-left:0;float:left}[dir=rtl] .login-form .login-content .vs-input--label{padding-right:0;float:right}.login-form .login-content .vs-con-input{width:100%}[dir=ltr] .login-form .login-content .vs-con-input{float:left}[dir=rtl] .login-form .login-content .vs-con-input{float:right}.login-form .login-content .vs-con-input .vs-input--input{color:rgba(var(--vs-primary),1);font-weight:500}[dir] .login-form .login-content .vs-con-input .vs-input--input{border:0!important;border-radius:8px!important;background:rgba(var(--vs-primary),.1)}.login-form .login-content .vs-con-input .vs-input--input:focus{-webkit-box-shadow:none}[dir] .login-form .login-content .vs-con-input .vs-input--input:focus{box-shadow:none}.login-form .login-content .vs-input--icon.icon-after{font-weight:600;color:rgba(var(--vs-primary),1)}[dir] .login-form .login-content .vs-input--icon.icon-after{border:0}.login-form .login-content .con-slot-label{font-size:12px;color:#333;font-weight:500}[dir=ltr] .login-form .login-content .con-slot-label{margin-left:4px}[dir=rtl] .login-form .login-content .con-slot-label{margin-right:4px}[dir] .login-form .login-content .vs-button{border-radius:8px;padding:6px 30px}.login-form .login-content .login-icon{width:56px;height:56px;position:absolute;top:60px;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;-ms-flex-line-pack:center;align-content:center;-webkit-box-shadow:0 0 10px 2px rgba(var(--vs-primary),.2)}[dir] .login-form .login-content .login-icon{background:rgba(var(--vs-primary),1);border-radius:100%;text-align:center;box-shadow:0 0 10px 2px rgba(var(--vs-primary),.2)}[dir=ltr] .login-form .login-content .login-icon{float:left;left:-30px}[dir=rtl] .login-form .login-content .login-icon{float:right;right:-30px}.login-form .login-content .login-icon img{max-width:22px;display:inline-block;vertical-align:middle}.login-form .logo-login{width:100%;position:relative;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir=ltr] .login-form .logo-login{float:left}[dir=rtl] .login-form .logo-login{float:right}.login-form .logo-login .dashboard-img{width:86%}[dir] .login-form .logo-login .dashboard-img{background:#fff;border-radius:.4em}[dir=ltr] .login-form .logo-login .dashboard-img{float:right;margin-left:14%}[dir=rtl] .login-form .logo-login .dashboard-img{float:left;margin-right:14%}.login-form .logo-login .top-circles{position:absolute;top:-60px;width:70px;height:70px;content:""}[dir] .login-form .logo-login .top-circles{background:rgba(var(--vs-primary),.1);border-radius:100%}[dir=ltr] .login-form .logo-login .top-circles{left:35%}[dir=rtl] .login-form .logo-login .top-circles{right:35%}.login-form .logo-login .top-circles:after{position:absolute;bottom:-1px;width:40px;height:40px;content:""}[dir] .login-form .logo-login .top-circles:after{background:hsla(0,0%,80.4%,.3);border-radius:100%}[dir=ltr] .login-form .logo-login .top-circles:after{left:-13px}[dir=rtl] .login-form .logo-login .top-circles:after{right:-13px}.login-form .logo-login h5{position:absolute;bottom:-90px;font-size:140px;text-transform:capitalize;font-weight:700;color:hsla(0,0%,80.4%,.2)}[dir=ltr] .login-form .logo-login h5{right:-25%}[dir=rtl] .login-form .logo-login h5{left:-25%}.login-form .logo-login h5:after{position:absolute;top:76px;width:38px;height:40px;content:"";-webkit-box-shadow:0 15px 32px 8px rgba(var(--vs-primary),.3)}[dir] .login-form .logo-login h5:after{background:rgba(var(--vs-primary),1);border-radius:100%;box-shadow:0 15px 32px 8px rgba(var(--vs-primary),.3)}[dir=ltr] .login-form .logo-login h5:after{left:111px}[dir=rtl] .login-form .logo-login h5:after{right:111px}.login-form-info{width:100%}[dir=ltr] .login-form-info{float:left}[dir=rtl] .login-form-info{float:right}@media (max-width:1199px){.login-form .logo-login{display:none}.login-form .login-content{width:calc(100% - 100px)}[dir=ltr] .login-form .login-content{margin-left:100px}[dir=rtl] .login-form .login-content{margin-right:100px}}@media (max-width:575px){[dir] .login-form .login-content{padding:32px}}@media (max-width:480px){.login-form .login-content{width:100%}[dir] .login-form .login-content{margin-top:32px;padding-top:56px}[dir=ltr] .login-form .login-content{margin-left:0}[dir=rtl] .login-form .login-content{margin-right:0}.login-form .login-content .login-icon{top:-30px}[dir] .login-form .login-content .login-icon{margin:auto}[dir=ltr] .login-form .login-content .login-icon,[dir=rtl] .login-form .login-content .login-icon{right:0;left:0}}