.login{background:var(--darkened-bg);height:auto}.login #header{height:auto;padding:15px 16px;justify-content:center}.login #header h1{font-size:1.125rem;margin:0}.login #header h1 a{color:var(--header-link-color)}.login #content{padding:20px 20px 0}.login #container{background:var(--body-bg);border:1px solid var(--hairline-color);border-radius:4px;overflow:hidden;width:28em;min-width:300px;margin:100px auto;height:auto}.login .form-row{padding:4px 0}.login .form-row label{display:block;line-height:2em}.login .form-row #id_username,.login .form-row #id_password{padding:8px;width:100%;box-sizing:border-box}.login .submit-row{padding:1em 0 0 0;margin:0;text-align:center}.login .password-reset-link{text-align:center}.login button[type="submit"]{background:var(--button-bg);padding:10px 15px;border:none;border-radius:4px;color:var(--button-fg);cursor:pointer;transition:background 0.15s;margin:2px 0;vertical-align:middle;font-family:"Roboto","Lucida Grande",Verdana,Arial,sans-serif;font-weight:normal;font-size:13px}.login button[type="submit"]:hover{background:var(--button-hover-bg)}.login p label:not([for="id_token-remember"]){display:block;line-height:2em}.login p input:not(#id_token-remember){padding:8px;width:100%;box-sizing:border-box;border:1px solid var(--border-color);border-radius:4px;margin-top:0;color:var(--body-fg);background-color:var(--body-bg);margin:2px 0;margin-top:2px;vertical-align:middle;font-family:"Roboto","Lucida Grande",Verdana,Arial,sans-serif;font-weight:normal;font-size:13px}#id_token-remember{transform:translateY(-1px)}.login a.btn.btn-primary{float:right}.login button.btn.btn-secondary{margin-right:20px}.login i.smile{color:#45A26D;margin-left:4px}