* {outline: none;}

html,
body {width: 100vw; height: 100vh;}

  a, label, p {color: var(--white) !important}
  body {margin: 0; padding: 0; background: #fff url(/ui/carbon_x/dna/images/default/login-back.jpg) 50% 50% no-repeat; background-size: cover;}

  p.message {background-color: #222; padding: 10px; text-align: center;}
  

#login {position: absolute; top: 20px; left: 20px; border-radius: 6px; background-color: #000; padding: 24px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5)}
#login label {display: block;}
#login input:not([type="submit"]):not([type="checkbox"]) {display: block; background: transparent; border: none; border-bottom: 1px solid var(--trim); color: var(--trim); line-height: 30px; margin-bottom: 20px; width: 100%}

#login .hide-if-no-js {display: none}

#login h1 {margin: 0 0 20px 0; padding: 0}
#login h1 a {background: transparent url(/carbon/assets/0007e6/00000a/logo-aus-footer@2x.png) 0 0 / 100% no-repeat; text-decoration: underline; width: 300px; display: block; text-indent: 100%; line-height: 200%; overflow: hidden; color: transparent;}

#login .forgetmenot input,
#login .forgetmenot label {display: inline-block; height: 25px; line-height: 25px; vertical-align: middle;}

#login .forgetmenot input {width: 25px; height: 25px; margin: 0 10px 0 0; padding: 0}

.language-switcher {display: none}
#login p.submit input {width: 100%; background-color: var(--trim); color: var(--white); margin: 0 0 40px 0; font-weight: bold}
#login p#nav {margin-bottom: 0}