/* Login page styling */
/* The body rule has been removed to prevent overriding global site styles */

#account {
    position: relative;
    display: inline-block;
    /* Login background image dictates width/height */
}

/* NEW: Center the entire login form (#theForm) with Flexbox */
#theForm {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc(100vh - 120px); /* subtract approx header/navbar height */
    width: 100%;
}

#account img { 
    display: block; 
}

.overlay { 
    position: absolute; 
    border: 0; 
    background: transparent; 
    color: #000; 
    font: 12px verdana,arial,sans-serif; 
}

.btn-overlay { 
    border: none; 
    cursor: pointer; 
    text-indent: -9999px; 
}

.link-overlay { 
    text-indent: -9999px; 
}

.error { 
    color: red; 
    text-align: center; 
    margin-bottom: 10px; 
}