@import url(../lib/angular-material/angular-material.css);
html {
  background: red; }

body {
  width: 100vw;
  height: 100vh;
  background: #000; }
  body > .background {
    background-image: url(/resource/img/bokeh-dark-lights.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: inherit;
    height: inherit;
    position: fixed;
    z-index: 0;
    opacity: 0.2; }
  body > main {
    width: 100vw;
    height: 100vh;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    overflow: auto; }

* {
  box-sizing: border-box; }

.login-content > md-content {
  border-radius: 3px;
  margin: 10px 10px 10px 10px; }
  .login-content > md-content > p {
    padding: 0px 15px 0px 15px; }

.login-box {
  min-width: 300px;
  position: relative;
  padding: 20px 20px; }

.login-logo {
  margin: auto auto 50px auto; }
  .login-logo > img {
    width: 300px;
    max-width: 100%;
    border-radius: 3px; }

.white-input.md-input-focused label {
  color: #fff !important; }

.white-input.md-input-focused .md-input {
  border-color: #fff !important; }

.white-input label {
  color: rgba(255, 255, 255, 0.5) !important; }

.white-input .md-input {
  border-color: rgba(255, 255, 255, 0.5) !important;
  color: #fff !important; }

.login-buttons {
  width: 100%;
  position: relative; }

.login-buttons button {
  width: 100%;
  margin: 0 0 15px 0; }

.login_buttons a:link, a:visited, a:active {
  color: #00e5ff; }

.login_buttons a:hover {
  color: #00A000; }

.login-footer {
  color: #fff;
  text-align: center;
  margin-top: 75px; }

.error {
  color: orange;
  font-weight: bold;
  text-align: center;
  margin: 30px auto auto auto; }