.login-content{background-repeat:repeat;background-size:100% auto;border-radius:0 0 20px 20px;height:100%;margin-bottom:15px;width:100%}.login-content-header{align-items:center;background-color:var(--brand-black);display:flex;height:115px;justify-content:center}.login-content-header .title{color:var(--brand-0);font-family:var(--main);margin-bottom:0;padding-top:25px;text-align:center}.login-container{background-color:var(--brand-1);padding:15px}.login-content .title{border:1px solid var(--brand-0);border-bottom-color:var(--brand-11);color:var(--brand-white);font-family:var(--main);font-size:16px;font-weight:700;padding:12px;text-align:center;text-transform:uppercase}.login-content .content-login{border-bottom:1px solid var(--brand-0);border-left:1px solid var(--brand-0);border-right:1px solid var(--brand-0);display:block;padding:24px 10px 30px;width:100%}.login-content .secure-login{color:var(--brand-0);margin:10px 0;padding:10px}@media (min-width:768px){.login-content .content-login{display:flex}.login-content .secure-login{margin:0 5px}}.login-content .secure-login .secure-title{color:var(--brand-white);font-family:var(--body);font-size:16px;font-weight:300;line-height:1;margin-bottom:20px;text-align:left;word-break:break-word}@media (min-width:1280px){.login-content .secure-login .secure-title{font-size:18px}}.login-content .secure-login .secure-detail{color:var(--brand-white);font-family:var(--body);font-size:14px;font-weight:300;line-height:1;word-break:break-word}.login-content .secure-login .secure-detail p{margin-bottom:10px}.login-content .help-login{color:var(--brand-0);margin:10px 0 0;padding:10px}@media (min-width:768px){.login-content .help-login{margin:0 5px}}.login-content .help-login .help-title{color:var(--brand-white);font-family:var(--body);font-size:14px;line-height:1;margin-bottom:20px;text-align:left;text-transform:uppercase;word-break:break-word}@media (min-width:1024px){.login-container{padding:30px}.login-content .title{font-size:18px}.login-content .secure-login{height:auto}.login-content .help-login .help-title{font-size:16px}}@media (min-width:1536px){.login-container{padding:35px}.login-content .title{font-size:20px}.login-content .help-login .help-title{font-size:18px}}.login-content .help-login .help-detail{color:var(--brand-white);font-family:var(--body);font-size:14px;font-weight:400;line-height:1;word-break:break-word}.login-content .help-login .help-detail p{margin-bottom:10px}.login-content .form-login{color:var(--brand-white);margin:0 0 10px;padding:5px 10px 10px}@media (min-width:768px){.login-content .form-login{margin:0 5px}}.login-content .error-transaction{color:var(--brand-16);font-family:var(--main);font-size:14px;font-weight:500;text-align:center;text-transform:uppercase}.login-content .form-login-box{border-radius:.5em;padding:0 15px 15px}.login-content .form-login-box .logo{display:flex;justify-content:center;margin-bottom:10px}.login-content .form-login-box .logo img{height:40px}.login-content .form-login-box .button{display:flex;justify-content:center;margin-bottom:5px;margin-top:20px}.login-content .logo-content{margin-top:40px}@media (min-width:1280px){.login-content .logo-content{margin-top:80px}}.login-content .logo-content img{width:40%}@media (min-width:768px){.login-content .logo-content img{width:50%}}.login-input-success{background-color:var(--brand-white)!important;border:none;border-radius:5px;color:var(--brand-black)!important;font-size:16px;font-weight:500;height:38px;padding:0 5px;width:100%}.login-input-success:focus{outline:0}.login-input-success:hover{color:var(--brand-1.95)}.bg-login-content{border-radius:20px}.bg-login-content .mascot{height:100%;width:100%}