body:before {
    display: block;
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-image: url("/hub/static/images/vub-bg.png");
    opacity: 0.5;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }


#login-main .btn-jupyter {
    color:#fff;
    background-color:#06389A;
    border-color:#06389A
}  

#login-main .btn-jupyter:focus,
#login-main .btn-jupyter:hover,
#login-main .btn-jupyter.active,
#login-main .btn-jupyter:active,
#login-main .btn-jupyter.active.focus,
#login-main .btn-jupyter.active:focus,
#login-main .btn-jupyter.active:hover,
#login-main .btn-jupyter:active.focus,
#login-main .btn-jupyter:active:focus,
#login-main .btn-jupyter:active:hover,
#login-main .open>.dropdown-toggle.btn-jupyter.focus,
#login-main .open>.dropdown-toggle.btn-jupyter:focus,
#login-main .open>.dropdown-toggle.btn-jupyter:hover
#login-main .open>.dropdown-toggle.btn-jupyter {
 color:#fff;
 background-color:#1b4599;
 border-color:#1b4599
}

#login-main .auth-form-header {
    padding:10px 20px;
    color:#fff;
    background:#06389A;
    border-radius:3px 3px 0 0;
    text-align: center;
}

#login-main .service-login {
    text-align:center;
    display:table-cell;
    vertical-align:middle;
    margin:auto auto 20% auto;
    width: 350px;
}   

#login-main .auth-form-body {
    padding:20px;
    font-size:14px;
    border:thin silver solid;
    border-top:none;
    border-radius:0 0 3px 3px;
    background: rgba(255, 255, 255, 0.5);
   }

#login-main .feedback-container {
    margin-top:16px;
    text-align: center;
   } 

#jupyterhub-logo .jpy-logo {
    height:30px;
    margin-top:5px;
    margin-right: 30px;
    margin-bottom:5px
}   

.footer{
	position:fixed;
	right:0;
	bottom:0;
	left:0;
	z-index:1030;
    background: rgba(255, 255, 255, 0.5);	
	text-align: center;
}