html,
body {
    height: 100%;
    color: #036;
    font-family: Josefins;
}
html {
    display: table;
    margin: auto;
}
body {
    display: table-cell;
    vertical-align: middle;
    background-image: url("../img/bg-inicio01.jpg"); background-repeat: no-repeat; background-size: cover; background-attachment: fixed;
}
@font-face {
    font-family: Josefins;
    src: url(../fonts/JosefinSans.ttf);
}

#login-page {
   width: 500px;
}
form {padding: 20px;}
.logo {
    text-align: center;
}
.logo img {margin: 0;}

.input-field {margin: 0 20px; width: 100%;}

input:focus, i:focus {
    border-bottom: 1px solid #036 !important;
    box-shadow: 0 1px 0 0 #036 !important;
}  
label.active, i.active {
    color: #036 !important;
}
.input-field>label, span {
    color: #036;
}
[type="checkbox"]:checked+span:not(.lever):before
{
    border-right: 2px solid #036;
    border-bottom: 2px solid #069;
}
.btn {background-color: #036;}
.btn:hover {background-color: #069;}