#background{position:fixed;left:0;top:0;height:100%;width:100%;overflow:hidden;z-index:-1;margin:0;padding:0;opacity:0;-webkit-transition:opacity 2s ease-in-out;-moz-transition:opacity 2s ease-in-out;-o-transition:opacity 2s ease-in-out;transition:opacity 2s ease-in-out;background:url("../img/login-background-small.jpg") no-repeat;background-size:cover}.loaded #background{opacity:.9}body,.pure-g,.pure-g [class*=pure-u],#content table{font-family:"Segoe UI Light",Verdana,"sans-serif";font-size:11pt}.login-container{position:absolute;top:0;bottom:0;right:0;left:0;width:410px;height:330px;padding:20px;margin:auto;color:#3a3737;text-align:center;background-color:rgba(255,255,255,.6);border:1px solid #ccc;border-radius:10px}.login-container .flow{white-space:nowrap}.login-container .app-name{font-size:20px;font-weight:bold;margin-bottom:4px}.login-container .welcome{font-size:36px;font-weight:bold;margin-bottom:32px}.login-container .message{margin-bottom:16px;white-space:normal}.login-container .pure-form fieldset{margin:0 0 0 0px}.login-container .pure-control-group{padding-bottom:10px}.login-container .forgot-link-button{float:left;color:#1a6484;cursor:pointer}.pure-control-group label{width:5em}.pure-control-group input{width:70%;text-align:center}.login-button{margin-top:0;text-align:right;width:89%}.pure-form-aligned .pure-control-group.login-error-message{color:red;text-align:right;width:89%;white-space:normal}