body{user-select: none;}
.login-page{
    background-image: url("/static/assets/img/miba-login-bg-2.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.login-card{
    /* From https://css.glass */
    background: rgba(255, 255, 255, 0.17);
    border-radius: 1.3rem;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(3.8px);
    -webkit-backdrop-filter: blur(3.8px);
    border: 0.03rem solid rgba(255, 255, 255, 1);
}

#StandardLoginButton, #SSOLoginButton{
    color: var(--ms-blue-pale);
    border: 0.1rem solid var(--ms-blue-pale);
    border-radius: 0.5rem;
    transition: background-color 0.3s, background-color 0.3s;
}

#StandardLoginButton:hover, #SSOLoginButton:hover{
    color: var(--ms-white);
    background-color: var(--ms-blue-pale);
    border: 0.1rem solid var(--ms-blue-pale);
    
}

.custom-input-group-text{
    color: var(--ms-blue-pale);
    background: rgba(255, 255, 255, 0.17);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(3.8px);
    -webkit-backdrop-filter: blur(3.8px);
}

.custom-alert-danger{
    color: var(--ms-blue-pale);
    background: rgba(255, 255, 255, 0.17);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(3.8px);
    -webkit-backdrop-filter: blur(3.8px);
}