@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

body {
    background-color: #f8f8f8f8;
    font-family: 'Roboto', sans-serif;
}

.cas-footer {
    display: none!important;
}

#peg-logo {
    height: 45px;
    max-width: 100%;
}

.btn-social > :first-child, .btn-social-icon > :first-child {
    border-right: none;
}

.icon {
    padding-right: 5px;
}

.icon-building::before {
    content: url('../icons/build.svg');
    width: 15px;
    height: 15px;
}

.icon-person::before {
    content: url('../icons/person.svg');
    width: 15px;
    height: 15px;
}

#main-content {
    max-width: 1140px;
    padding: 0 15px;
}

/* Surcharge div produite par loginForm.html (fichier d'overlay non surchargé) et de ses classes bootstrap */
#content > div {
    flex: auto;
    flex-grow: 0 !important;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 20%), 0px 0px 0px 0px rgb(0 0 0 / 14%), 0px 0px 0px 0px rgb(0 0 0 / 12%);
    border-width: 1px;
    border-style: solid;
    border-color: #e0e0e0;
}

@media (min-width: 576px) {
    /* .col-sm-12 */
    #content > div {
        width: 100%;
    }
}
@media (min-width: 768px) {
    /* .col-md-7 */
    #content > div {
        width: 58.33333333%;
    }
}
@media (min-width: 992px) {
    /* .col-lg-5 */
    #content > div {
        width: 41.66666667%;
    }
}
/* END Surcharge div */

#loginProviders {
    padding: 0;
}

.main-card {
    box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),
                0 1px 1px 0 rgba(0,0,0,.14),
                0 1px 3px 0 rgba(0,0,0,.12);
    border-radius: 0.15rem;
}

/* override local style */
#list-providers ul li a.btn, #list-providers ul li a.btn:visited {
    color: unset;
}

#list-providers ul {
    padding-left: 0;
    padding-top: 1em;
    width: 90%;
    margin: auto;
}

#list-providers ul li {
    list-style: none;
    margin-bottom: .5em;
}

#list-providers a.mdc-button {
    width: 100%;
    justify-content: flex-start;
    text-transform: unset;
}

.message-container {
    padding: 1rem 1rem;
    position: relative;
}

.message {
    padding: 1rem 2rem;
    font-size: 15px;
    background-color: #8e5f9e;
    color: white;
    border-radius: 0.15rem;
}