body{height:100vh;margin:0;padding:0;background-color:#000;font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif}.login-container{display:flex;overflow-y:auto;height:100%;gap:10px;background-color:#fff;padding:10px;box-sizing:border-box}.login-container .login{height:100%;width:50%;background-color: #25343F;color:#fff;border-radius:10px}.login-container .login .bg-image-left-top{height:80%;position:absolute;left:10px;right:0;background:url("../Images/LoginPageLeftTopFlower.svg") top left no-repeat;border-radius:10px}.login-container .login .logo{background:url("../Images/heder-logo-white.svg") center/contain no-repeat;height:64px;width:216px;position:relative;top:20%;left:calc(50% - 108px)}.login-container .login .login-statictext{font-size:.8em;color:#a2bacb;margin-bottom:30px;padding:0}.login-container .login .login-box{border-radius:8px;padding:32px;margin:auto;width:100%;max-width:475px;position:relative;top:50%;transform:translateY(-50%)}@media screen and (max-width:600px){.login-container .login .login-box{width:auto}}.login-container .login .login-box label{display:inline-block;padding-bottom:8px}.login-container .login .login-box .textbox{position:relative;margin-bottom:8px}.login-container .login .login-box .textbox .error{color:#ff2727;position:absolute;right:12px;top:10px;font-size:1.2rem}.login-container .login .login-box .textbox .error+input{padding-right:32px;width:calc(100% - 44px)}.login-container .login .login-box .textbox .label+.error+input,.login-container .login .login-box .textbox .label+input{padding-top:12px}.login-container .login .login-box .textbox .label+.error{top:16px}.login-container .login .login-box .textbox label.label{position:absolute;top:8px;left:8px;font-size:.7rem}.login-container .login .login-box .textbox input{border:1px solid #b8b8b8;padding:0 20px;margin-bottom:16px;height:38px;background-color:#fff;width:calc(100% - 40px);color:#000;border-radius:8px}.login-container .login .login-box .textbox input:autofill{background:#fff}.login-container .login .login-box .textbox input:focus{outline:0;border-color:#fff}.login-container .login .login-box .login-bt{background-color:#e7e3da;color:#25343F;width:calc(100%);padding:0 32px;border-radius:8px;border:none;font-size:1.2rem;height:48px;position:relative}.login-container .login .login-box .login-bt i{position:absolute;right:20px;top:8px;font-size:32px;color:#25343F}.login-container .cover{height:100%;width:50%;background-color:#fff;position:relative;overflow:hidden;border-radius:10px}@media screen and (max-width:1024px){.login-container{flex-direction:column-reverse}.login-container .login{width:100%}.login-container .cover{width:100%;height:30%}}.login-container .cover .overlay{height:100%;position:absolute;bottom:0;left:0;right:0;background-image:linear-gradient(to top,rgba(0,0,0,0),#25343F);z-index:10}.login-container .cover .bg-image{height:100%;position:absolute;bottom:0;top:0;left:0;right:0;background:url("../Images/flowers.svg") center/cover;z-index:9}.login-container .cover .pattern{height:50%;position:absolute;bottom:0;left:0;right:0;background-image:url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm0-2c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zm33.414-6l5.95-5.95L45.95.636 40 6.586 34.05.636 32.636 2.05 38.586 8l-5.95 5.95 1.414 1.414L40 9.414l5.95 5.95 1.414-1.414L41.414 8zM40 48c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm0-2c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zM9.414 40l5.95-5.95-1.414-1.414L8 38.586l-5.95-5.95L.636 34.05 6.586 40l-5.95 5.95 1.414 1.414L8 41.414l5.95 5.95 1.414-1.414L9.414 40z' fill='%238ec8c1' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E")}