body{
    padding:0;
  }
  .login{
    margin: 0;
  }
  .login-container{
    position:relative;
    height:100vh;
    overflow:hidden;
    background: url("/images/tunnel.jpg");
    background-size: cover;
  }

  .inner {
    position: absolute;
  }
  .inner-container{
    width:400px;
    height:400px;
    position:absolute;
    top:calc(50vh - 200px);
    left:calc(50vw - 200px);
    overflow:hidden;
  }
  
  .box{
    position:absolute;
    height:100%;
    width:100%;
    font-family:Helvetica;
    background:rgba(0,0,0,0.3);
    padding:15px 0px;
  }

  .box h1{
    text-align:center;
    margin:30px 0;
    font-size:30px;
  }
  .box input{
    display:block;
    width:300px;
    margin:20px auto;
    padding:15px;
    background:rgba(0,0,0,0.4);
    color:black;
    border:0;
  }
  .box input:focus,.box input:active,.box button:focus,.box button:active{
    outline:none;
  }
  .box button{
    background:green;
    border:0;
    color:#fff;
    padding:10px;
    font-size:20px;
    width:330px;
    margin:20px auto;
    display:block;
    cursor:pointer;
  }
  .box button:active{
    background: lightgreen;
  }
  .form-group #password{
    font-weight: bold;
    color: #fff;
  }
  .form-group #username{
    font-weight: bold;
    color: #fff;
  }

  input.ng-invalid.ng-touched{
    border: 1px solid red;
  }
  .footer {
    position: fixed;
    font-size: 11px;
    left: 0;
    bottom: 0;
    width: 100%;
    background:rgba(0,0,0,0.3);
    color: white;
    text-align: center;
  }