.login-layout-bg{background-image:url(/images/auth_pattern.png);background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;min-height:100vh}.login-card{box-sizing:border-box;background:#fff url(your-pattern.png);width:350px;max-width:95vw;padding:32px 28px 24px;border-radius:14px!important}.login-content{flex-direction:column;align-items:center;display:block}.img-box{justify-content:center;margin-bottom:16px;display:flex}.login-avatar{margin:0 auto;background:#4caf50!important;width:64px!important;height:64px!important;font-size:40px!important}.login-welcome{color:#67bc7a;text-align:center;font-weight:700}.forgot-pass{text-align:right;width:100%;margin-bottom:12px}.login-btn{border-radius:24px;font-size:1.1em;font-weight:700}.register-text{margin-top:16px;font-size:1em}.register-btn{border-radius:24px;font-size:1.1em;font-weight:700}.intro-container{background:#c3c3c3;justify-content:center;align-items:center;height:100vh;display:flex}.intro-content{background:#fff;border-radius:0;flex-direction:column;justify-content:center;align-items:center;width:320px;min-height:95vh;display:flex;box-shadow:0 0}.intro-icon{width:110px;margin-top:50px;margin-bottom:30px}.intro-spacer{height:10px}.intro-title{color:#6bbe7b;text-align:center;direction:rtl;margin-bottom:32px;font-family:inherit;font-size:2rem}.centerinput{width:70%;left:-15%}.loginpageP{text-align:center;color:#0094ff;margin-top:25px;margin-bottom:20px;padding-top:7px;padding-bottom:1px;font-size:17px}.loginbutton{background-color:#67bc7a!important;border-radius:26px!important}.registerbutton{background-color:#4e80cb!important;border-radius:4px!important}.login-content{max-width:505px!important}.mud-input-control-input-container{border-radius:15px;background-color:#e2e2e260!important}.my-rounded-textfield{background-color:#f9f9f9;border-radius:15px}.mud-input-helper-text.mud-input-error{justify-self:right}.registerbutton{margin-top:20px}.register-block{flex-direction:column;align-items:center;margin-top:12px;display:flex}@media (width<=400px){.intro-content{width:100vw}}@media (width<=767px){.position-absolute.top-50.start-50.translate-middle{width:90%}}