.LoginContainer {
    height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
}    
.LoginDiv {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    padding: 16px;
    background-color: #f8f8f8;
    border: solid 1px #dadada;
    border-radius: 10px;
    box-shadow: 0px 2px 12px 0px rgba(45, 45, 45, 0.50);
    background-image: linear-gradient(-180deg, #FFFFFF 0%, #dbf8e3 100%);
}

.LoginButton, .LoginReset {
    background-color: transparent;
    color: #000000;
    border: none;
    font-size: 24px;
    display: inline-flex;
    line-height: 40px;
}

    .LoginButton i {
        color: #61B801;
        font-size: 40px;
        padding-right: 10px;
    }

    .LoginButton:hover i {
        color: #519A02;
    }

    .LoginReset i {
        color: #FF0000;
        font-size: 40px;
        padding-right: 10px;
    }

    .LoginReset:hover i {
        color: #c92828;
    }

    .LoginButton:focus, .LoginReset:focus {
        box-shadow: none;
    }

#LoginLogo {
    background-image: url('/images/pbxm-logo.png');
    width: 164px;
    height: 70px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto; /* Centers horizontally */
}
.greencolor {
    color: #22b24c;
}