.login-body {

    min-height: 290px;

}

#header {
    
    cursor: default;
    
}

#login-body h4 {

    text-align: center;
    text-transform: uppercase;

}

#dashboard .button-wrapper {

    display: flex;
    flex-direction: row;
    justify-content: center;

}

.button-outer {

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 240px;
    height: 140px;
    padding: 1em;
    box-sizing: border-box;
    background: var(--ny-navy-a45)

}

.button-outer:hover {
    
    background: var(--ny-navy-a20);
    cursor: pointer;
    
}

.button-inner {
    font-size: 14pt;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2pt;
    text-decoration: none;
    box-sizing: border-box;
    color: var(--ny-light-0);
    width: auto;
}

.button-inner:hover {

    color: var(--ny-light-0);
    text-decoration: none;

}


@media (max-width: 980px) {

    #login-body h4 {

        font-size: 18pt;
        letter-spacing: 2pt;

    }

}


@media (min-width: 981px) {

    #login-body h4 {

        font-size: 20pt;
        letter-spacing: 8pt;

    }

}

.login-footer {

    color: var(--ny-navy);

}

#sign-in-spinner {
    
    margin: 0 auto 0 auto;
    
}

/* Modern "Sign in with Google" button (current Google identity branding:
   white pill-less button, inline SVG "G" — no hosted image assets). */
.gsi-button {

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0 auto;
    height: 40px;
    padding: 0 16px;
    background-color: #ffffff;
    border: 1px solid #747775;
    border-radius: 4px;
    color: #1f1f1f;
    font-family: 'Roboto', 'Montserrat', arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.25px;
    cursor: pointer;
    transition: background-color 0.2s, box-shadow 0.2s;

}

.gsi-button-logo {

    display: block;
    width: 20px;
    height: 20px;

}

.gsi-button:hover {

    background-color: #f8faff;
    box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);

}

.gsi-button:focus-visible {

    outline: none;
    box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.35);

}

.gsi-button:active {

    background-color: #eef3fc;

}

.gsi-button:disabled {

    background-color: #ffffff;
    box-shadow: none;
    opacity: 0.38;
    cursor: default;

}
