/* =========================================================
   COULEUR PRINCIPALE
========================================================= */

:root {
    --cas-theme-primary: #240085 !important;
}

.text-center {
    color: #240085;
    font-size: 1.2em;
}

.mdi-account-question {
    color: #240085;
}


/* =========================================================
   HEADER / LOGOS
========================================================= */

.mdc-top-app-bar {
    background-image: url(/cas/themes/escp/images/escp_logo_h65px_plus_15px_marge-ae02e7edd69461a0d806c3610efd83ae.png);
    background-repeat: no-repeat;
    background-position: left center;
    height: 95px;
}

[class="mdc-top-app-bar__section"] {
    background-image: url(/cas/themes/escp/images/escp_gate_h40px_sur_dimension_h95xL465px-2279e2ec41fcdf98991415810c14ab0e.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 95px;
    margin-top: 30px;
}


/* =========================================================
   BACKGROUND
========================================================= */

.bgimage {
    background-image: none !important;
}


/* =========================================================
   CONTENEUR PRINCIPAL
========================================================= */

#content {
    max-width: 900px;
    margin: 50px auto 0 auto;
    padding: 0 15px;
}


/* =========================================================
   FORMULAIRE RESPONSIVE
========================================================= */

.login-section {
    width: 100%;
    max-width: 500px;
    margin: auto;
}


/* =========================================================
   SUPPRESSION OMBRAGE / CARD MATERIAL DESIGN
========================================================= */

#content > div.mdc-card.mdc-card-content.card.flex-grow-1 {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: none !important;
    outline: none !important;
}

#content > div.mdc-card.mdc-card-content.card.flex-grow-1::before,
#content > div.mdc-card.mdc-card-content.card.flex-grow-1::after {
    box-shadow: none !important;
    border: none !important;
}

.card,
.mdc-card {
    box-shadow: none !important;
    border: none !important;
}


/* =========================================================
   ELEMENTS CACHÉS
========================================================= */

.cas-brand,
#sidebar,
#termsOfUse {
    display: none !important;
}

<<<<<<< HEAD
.reveal-password,
.cas-footer {
=======
.reveal-password {
>>>>>>> b75036aed66f40351da9e07a0d209849948d040b
    visibility: hidden;
}


/* =========================================================
   LABELS / CHAMPS
========================================================= */

.mdc-floating-label {
    padding-bottom: 25px;
}

#usernameSection .w-100 {
    padding-top: 15px;
}

#passwordSection .w-100 {
    padding-top: 5px;
}


/* =========================================================
   BOUTON CONNEXION
========================================================= */

#submitBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px auto 0 auto;
}


/* =========================================================
   TEXTE CHAMPS OBLIGATOIRES
========================================================= */

#fieldsLegend {
    text-align: center;
}


/* =========================================================
   MOT DE PASSE OUBLIÉ
========================================================= */

#pmlinks .mt-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}


/* =========================================================
   RESPONSIVE MOBILE
========================================================= */

@media screen and (max-width: 768px) {

    #content {
        margin-top: 20px;
        padding: 0 10px;
    }

    .login-section {
        max-width: 100%;
    }

    .mdc-top-app-bar {
        background-size: 180px auto;
    }

    [class="mdc-top-app-bar__section"] {
        background-size: 220px auto;
    }

    .text-center {
        font-size: 1em;
    }
}