body, html {
    height: 100%;
    color: white;
    font-family: 'Noto Sans', sans-serif;
    background-image: url('../../images/bg-login-staff.png');
    /*background: #F3F3F5;*/
    min-height: 100%;
    background-position: center;
    background-size: cover;
}

/* Input */
.input_login {
    box-shadow: 0 0 0;
    border-color: #ccc;
}

.input_login:focus {
    border: 1px solid #80bdff;
    box-shadow: 0 0 0;
}

/* Button */
.btn_login {
    color: white;
    background: rgba(55, 141, 204, 1);
    border-radius: 4px;
    font-size: 16px;
}

.btn_login:hover, .btn_login:focus, .btn_login:active, .btn_login.active{
    color: white;
    background: rgba(55, 141, 204, 1);
    border-radius: 4px;
}

/* Espacio de la Imagen */
#div_img {
    padding-top: 2px;
    padding-bottom: 80px;
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
}

.text-muted {
    color: #fff;
}

@media (min-width: 768px) {
    #div_img {
        padding-top: 40px;
        padding-bottom: 90px;
    }
}

@media (min-width: 992px) {
    #div_img {
        padding-top: 50px;
        padding-bottom: 100px;
    }
}

@media (min-width: 1200px) {
    #div_img {
        padding-top: 60px;
        padding-bottom: 110px;
    }
}