.wrapper{
  min-height: calc(100vh - 70px);
}

footer {
  height: 50px;
  color: grey;
}

/* NAVBAR */

.nav-form-wrapper {
    display: flex;
    align-items: center;
    height: 100%;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    background-color: transparent;
    border: var(--bs-border-width) solid transparent;
}

.nav-logout-button {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: inherit;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-align: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/* Select2 : aligner la hauteur du composant sur les `form-control-sm` du site,
   sinon les lignes de formulaire ne sont plus alignées. */
.select2-container--default .select2-selection--single {
    height: calc(1.5em + .5rem + 2px);
    border-color: #ced4da;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: calc(1.5em + .5rem);
    padding-left: .5rem;
    font-size: .875rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(1.5em + .5rem);
}

.select2-container--default .select2-results__option,
.select2-container--default .select2-search--dropdown .select2-search__field {
    font-size: .875rem;
}

/* Valeur cliquable-pour-copier dans un message flash (ex. clé API affichée une
   seule fois à sa création, cf. copy-to-clipboard.js). */
.copy-on-click {
    cursor: pointer;
    border-bottom: 1px dashed currentColor;
}

.copy-on-click.copy-on-click-done {
    background-color: #d4edda;
    border-bottom-style: solid;
}