BODY {
    background: #F8F8F4;
    /* background: #1D1C3C; */
    /* background: url(../../default/images/histoire.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;     */
}
#content {
    padding: 3px 0px;
}
.logo {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 600px;
    max-width: 100%;
}

.LoginBoxUsername,
.LoginBoxPassword {
    position: relative;
}
/* .LoginBoxUsername INPUT, */
.LoginBoxPassword INPUT { 
    padding-right: 30px;
}

.LoginBoxPassword .padlock {
    position: absolute;
    bottom: 11px;
    right: 15px;
    color: #DDDDDD;
}

DIV.card {
    /* background-color: rgba(255,255,255,0.8); */
}

/** Translucent login background (when using a background image... **/

/* @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    DIV.card {
        -webkit-backdrop-filter: blur(20px);
        -moz-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        background-color: rgba(255,255,255,0.6);
        border-bottom-color: transparent;
    }
    
} */