/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 600px) {
    #login-div {
        width: 80% !important;
    }
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

body {
    background: #e0e8f5;
}

label {
    text-align: left !important;
}

.input-field {
    margin-top: 0px !important;
}

    .input-field input[type=date]:focus + label,
    .input-field input[type=text]:focus + label,
    .input-field input[type=email]:focus + label,
    .input-field input[type=password]:focus + label {
        color: #e91e63;
    }

    .input-field input[type=date]:focus,
    .input-field input[type=text]:focus,
    .input-field input[type=email]:focus,
    .input-field input[type=password]:focus {
        border-bottom: 1px solid #e91e63;
        box-shadow: none;
    }