body {
    background: rgba(243, 243, 245, 1);
}

header {
    padding: 10px;
    border: 0px solid gray;
    height: auto;
    background: white;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1.5px 5px 0 rgba(0, 0, 0, 0.19);
}

footer {
    color: rgba(159, 159, 151, 1);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
    bottom: 0;
    position: absolute;
    width: 100%;
    border-bottom: 12px solid transparent;
    border-top: 12px solid transparent;
}


/**/
.btn-login {
    color: white;
    background: rgba(26, 179, 149, 0.8);
    border-radius: 5px;
    padding: 8px 0 8px 0;
}

.btn-login:hover, .btn-login:focus, .btn-login:active, .btn-login.active {
    color: white;
    background: rgba(26, 179, 149, 1);
    border-radius: 5px;
}

#Usuario {
    box-sizing: border-box;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
}

#Usuario:focus {
   border: 1.3px solid rgba(26, 179, 149, 1);
}

#Password {
    box-sizing: border-box;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
}

#Password:focus {
    border: 1.3px solid rgba(26, 179, 149, 1);
}

#label-welcome {
    padding-bottom: 12px;
    padding-top: 12px;
}


@media (min-width: 992px) {

    #label-welcome {
        padding-bottom: 20px;
        padding-top: 20px;
    }

}

/* Change autocomplete styles in WebKit */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid rgba(26, 179, 149, 1);
  /*-webkit-text-fill-color: blue;*/
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}