.front-login{background-color:#4169e1;padding-top:90px;padding-bottom:200px;.return-arrow { position: fixed; top: 20px; left: 20px; padding-right: 80px; cursor: pointer; z-index: 0; .fa { font-size: 30px; color: #fff; &:hover { opacity: 0.7; } } } @media (max-width: 768px) { padding-top: 140px; } .form-container { text-align: left; padding: 35px; background-color: #fff; border-radius: 6px; position: relative; border: 1px solid #eee; -webkit-transition: all 0.5 cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s; transition: all 0.5 cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s; width: 360px; margin: auto; .keep-logged-in { .label { color: #222; } .chk-keep-logged-in { width: 26px; height: 26px; } } .other-ctas { .cta-link { color: royalblue; padding: 6px 15px; font-size: 16px; } .btn-signup { min-width: 90px; } } .input-container { margin-bottom: 10px; .input-label { color: #222; } .input-text { border: 1px solid #ccc; width: 100%; } .btn-toggle-password { padding: 4px 8px; position: absolute; right: 8px; top: 50%; margin-top: -14px; cursor: pointer; .fa { color: #444; font-size: 20px; } } } .btn-login { border-radius: 0; width: 100%; } .form-errors { padding: 8px; color: orangered; text-align: center; font-weight: bold; } }}.is_app{background-color:#4169e1;padding-top:20px;padding-bottom:20px;.scroll-top { display: none; } .front-login { position: absolute; width: 100%; height: 100%; align-items: center; display: flex; padding: 20px; top: 0; .form-container { @media(max-width: 768px) { width: 360px; .signup-title { margin-bottom: 20px; padding: 0; } .other-ctas { text-align: center; } } @media (max-width: 380px) { width: 320px; padding: 16px; } } .return-arrow { display: none; } }}