body
{
    background-color: #ebebeb;
    height:100%;
}

.form 
{
    padding-bottom:0;
}

.content-wrapper 
{
    padding-bottom:0;
}

.content 
{
    display: table;
    height: calc(100vh -3.13rem); /*3.13rem is the Header size */
}

.formLayout-verticalAlign
{
    /* Use flexbox so the form + logo stack and are centered on all screen sizes */
    display: flex;
    flex-direction: column;
    align-items: center;    /* center children horizontally */
    justify-content: center; /* center children vertically within available height */
    height:100%;
}

.formLayout-container
{
    background-color: whitesmoke;
    /* center via flex parent; keep max-width so it doesn't grow */
    max-width:362px;
    width:100%;
    box-shadow:0px 1px 4px 0 rgba(0,0,0,0.2) !important;
    border-radius:2px;
}

.formLayout-groupBox
{
    margin:0;
    padding:0 !important;
}

.formLayout-generalErrorText
{
    color: red;
    padding-top:1em;
}

.eye-button
{
    background: none;
}

.eye-button > div
{
    background: url('eye-button.svg') no-repeat center;
    width:18px;
    height:12px;
    vertical-align: baseline;
    pointer-events: none;
    user-select: none;
}
.eye-button.show-password > div
{
    background: url('eye-button-hide.svg') no-repeat center;
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear
{
    display: none;
}

.footer-wrapper
{
    position: static;
    display: table-row;
}

/* Logo spacing under the card */
.form-group.text-center {
    padding-top:20px;
}
.form-group.text-center img {
    display: inline-block;
    max-width:160px;
    height: auto;
}