html { overflow: hidden; }
.login .login-logo { height:100px; background:url(/App_Styles/images/logo.png) center center no-repeat; }
/*.login .login-logo.frontend { background-image:url(/App_Styles/images/logo-fe.png); }*/
.login .login-logo.tire-controller { background-image:url(/App_Styles/images/logo-tc.png); }
.login .login-region { width:500px; margin:0 auto; padding:15px; }
.login h1 { padding-left:10px; }
.login .login-area label { display:block;width:80px;padding-top:6px;float:left;font-weight:bold; }
.login .login-area .login-username-area, .login-area .login-password-area, .login-area .login-submit-area { clear:both;padding: 10px 0 10px 85px;}
.login-new-site-coming-soon { text-align: center; font-weight: bold; }
.login .login-area .login-username, .login-area .login-password { display:block;width:200px;float:left;margin:0;padding:4px; }
.login .login-area .login-submit-area {padding-left:165px;}
.login .login-area .login-submit-area input {padding-left:15px;padding-right:15px;}
.login .login-error-area {clear:both;text-align:center;padding:10px;}
.login .login-error-area p.login-error {color:#c30;font-weight:bold;margin:0;}
.login .login-help-area { padding-left:15px; }
.login .login-help-area p, .login-help-area ol, .login-help-area li {margin-top:0.3em;margin-bottom:0.3em;}
.login .help-area { width:500px; margin:0 auto; padding:15px; }

.login .login-spinner { display:none; font-weight:bold; padding-left:10px;}

.login .tirewire-dialog { display:none; }

.login .tirewire-dialog { min-height:300px; }
.login .tirewire-dialog #tabs-signin label { display:block; float:left; width:85px; font-weight:bold;}
.login .tirewire-dialog #tirewire-back-button { float:left; }
.login .tirewire-dialog #tabs-signin #tirewire-signin-button { float:right; }

.login .tirewire-dialog #tabs-register label { display:block; float:left; width:150px; font-weight:bold;}
.login .tirewire-dialog #tabs-register #tirewire-register-button { float:right; }

.login .login-contact-details-prespacer { height:5px; }
.login .login-contact-details { text-align:justify; font-size: 0.9em; overflow:auto; min-height: 90px; padding: 10px 10px;  width: 480px; display: block; border-radius: 5px; }

/* Responsive */
body.resp-size-640-or-less { overflow: hidden; }
body.resp-size-640-or-less.login h1 { padding:0; margin: 0 0 5px 0;}
body.resp-size-640-or-less.login .page .page-inner .region { padding:0 10px 10px 10px; }
body.resp-size-640-or-less.login .page .page-inner .region .login-region { width:0; width:auto; margin:0; }
body.resp-size-640-or-less.login .page .page-inner .region .login-region .login-area { padding:0; margin:0; }
body.resp-size-640-or-less.login .page .page-inner .region .login-region .login-area .login-username-area { padding: 0 0 5px 0; }
body.resp-size-640-or-less.login .page .page-inner .region .login-region .login-area .login-password-area { padding: 0 0 5px 0; }
body.resp-size-640-or-less.login .page .page-inner .region .login-region .login-area label { float:none; padding:10px 0; }
body.resp-size-640-or-less.login .page .page-inner .region .login-region .login-area input { float:none; width:100%; box-sizing: border-box; padding:8px 5px; }
body.resp-size-640-or-less.login .page .page-inner .region .login-region .login-area .login-submit-area {padding: 10px 0 0 0; }
body.resp-size-640-or-less.login .page .page-inner .region .login-region .login-area .login-submit-area #loginbutton { float:none; width:100%; }
body.resp-size-640-or-less.login .page .page-inner .region .login-region .login-area .login-contact-details { width:auto; }

#login-footer {
    position: fixed;
    bottom: 0;
    left: 0; 
    right: 0;
    height: 50px; 
    /*background-color: rgba(0, 0, 0, 0.1); this will do a background on the footer with an opacity, can uncomment if needed */
    color: grey;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

#login-footer a {
    color: grey;
}