@font-face {
    font-family: Ubuntu;
    font-weight: normal;
    src: url(/font/Ubuntu-Regular.ttf) format('truetype');
}

@font-face {
    font-family: Ubuntu;
    font-weight: bold;
    src: url(/font/Ubuntu-Bold.ttf) format('truetype');
}

@font-face {
    font-family: Nunito;
    src: url(/font/NunitoSans-Regular.ttf) format('truetype');
}

* {
    font-family: Nunito, sans-serif !important;
}

h1,
h2,
h3 {
    font-family: Ubuntu, serif !important;
}

.pf-c-page__header {
    min-height: 50px !important;
}

.pf-c-page__header-tools {
    flex-direction: row-reverse;
    grid-gap: 1rem;
}

.pf-c-page__sidebar {
    width: 0 !important;
}

.pf-c-page__header-brand-toggle {
    display: none;
}

#signOutButton,
.pf-m-primary {
    background-color: #3586C3 !important;
    color: white !important;
}

#page-heading {
    background-color: transparent;
}

#page-heading .pf-m-12-col {
    display: none;
}

#page-heading .pf-c-title strong {
    visibility: hidden;
    font-size: 0;
}

#page-heading .pf-c-title strong:after {
    visibility: visible;
    font-size: 28px;
    content: "Configuration des méthodes d'authentification";
}

li[aria-labelledby='type-datalistitem-otp']  .pf-c-data-list__item-row {
    padding-left: 5rem;
}

li[aria-labelledby='type-datalistitem-otp']  .pf-c-data-list__item-row::before {
    display: block;
    content: ' ';
    background-image: url('code-unique.svg');
    background-size: 75px 75px;
    height: 75px;
    width: 75px;
    margin: auto;
    margin-left: 0.5rem;
}

li[aria-labelledby='type-datalistitem-webauthn']  .pf-c-data-list__item-row {
    padding-left: 5rem;
}

li[aria-labelledby='type-datalistitem-webauthn']  .pf-c-data-list__item-row::before {
    display: block;
    content: ' ';
    background-image: url('cle-secure.svg');
    background-size: 75px 75px;
    height: 75px;
    width: 75px;
    margin: auto;
    margin-left: 0.5rem;
}

.brand {
    height: 24px!important;
}