.infos-site {
    padding: 0.5% 0 !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.inactif {
    background-color: #ffdbde !important;
}

.inactif-transfert {
    background-color: #fff3cd !important;
}

.inactif td {
    background: initial !important;
}

.inactif-transfert td {
    background: initial !important;
}

.inactif:hover, .inactif-transfert:hover {
    background: #c4e2ff !important;
    border-color: #c4e2ff !important;
    cursor: pointer;
}

.monthYearOnly .ui-datepicker-calendar {
    display: none;
}

/* Texte -------------------------------------------------- */

h1.titre-page {
    color: #095797;
    font-size: 1.5em;
    padding: 1% 0;
    text-align: center;
}

h5.titre-section {
    color: #095797;
    font-size: 1.5em;
}

.texte-etiquette {
    font-size: 0.9em;
    opacity: 0.8;
}

.texte-contenu {
    font-size: 1.1em;
}

.texte-icone {
    font-size: 0.9em;
    opacity: 0.8;
    padding-right: 5px;
}

.texte-en-evidence {
    color: #095797;
    font-size: 1.1em;
}

.texte-decompte {
    font-size: 0.8em;
}

/* Indicateurs d'étapes ----------------------------------- */

.etape {
    font-size: 1.1em;
    margin-right: 15px;
}

.no-etape {
    font-size: 1.1em;
}

/* Contrôles ---------------------------------------------- */

.liste-pleine-largeur {
    padding-right: 100px;
    width: 100% !important;
}

.liste-largeur-contenu {
    padding-right: 100px;
    width: auto !important;
}

.liste-compacte {
    margin: 0;
}

.btn-compact {
    margin: 0;
    padding: 0;
}

.champ-petit {
    width: 150px;
}

.champ-date {
    width: 180px !important;
}

.champ-matricule {
    width: 150px !important;
}

.form-switch-md {
    transform: scale(1.5);
}

/* Affichage ---------------------------------------------- */

.hr-vertical {
    border-left: 1px solid #e5e5e5;
    height: 100%;
}

.carte-largeur-contenu {
    width: fit-content;
    margin: auto;
}

/* Affichage des messages --------------------------------- */

.element-reduit {
    text-align: left;
    display: block;
    line-height: 0;
    height: 0;
    width: 0;
    max-width: 0;
    overflow: hidden;
}

.afficher-et-cacher {
    animation: fadeIn 2s, fadeOut 2s 5s forwards;
}

@keyframes fadeIn {
    0% {
        visibility: visible !important;
        display: unset !important;
        line-height: unset !important;
        height: unset !important;
        overflow: unset !important;
    }

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }

    100% {
        visibility: hidden !important;
        display: block;
        line-height: 0;
        height: 0;
        overflow: hidden;
    }
}

/* Info-bulles --------------------------------- */
.w-popover-lg {
    --bs-popover-max-width: 500px;
}

.w-popover-xl {
    --bs-popover-max-width: 800px;
}

/* Tables --------------------------------- */
.table-cssdm {
    border: 1px solid #dee2e6;
    border-collapse: separate !important;
    border-spacing: 0;
}

    .table-cssdm thead,
    .table-cssdm tbody {
        border: none;
    }

        .table-cssdm thead > tr > th {
            border-right: 1px solid #e9e9e9;
            border-bottom: 1px solid #e9e9e9;
        }

            .table-cssdm thead > tr > th:last-child {
                border-right: none;
            }

        .table-cssdm tbody > tr > td {
            border: 1px solid #f3f3f3;
        }

        .table-cssdm tbody > tr:last-child > td {
            border-bottom: none;
        }

.table-accueil tbody > tr:hover td {
    background-color: #c4e2ff !important;
    cursor: pointer;
}

/* pour fitter une colonne d'une table à son contenu ------------------------------ */
.table td.fit-auto,
.table th.fit-auto {
    white-space: nowrap;
    width: 1%;
}

/* Overwrite certains styles Bootstrap --------------------------------- */
.form-check-input {
    border-color: #6c757d; /* Couleur équivalente à secondary de Bootstrap */
}

/* Indicateurs carousel questions */
button.carousel-control-custom {
    width: 8%;
}

/* Tuiles --------------------------------- */
.tuile-conteneur {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    place-items: center;
    gap: 25px;
    margin: 5%;
}

.tuile {
    display: flex;
    aspect-ratio: 1 / 1;
    font-size: 1.3em;
    justify-content: center;
    align-items: center;
    color: #095797;
    background-color: #F1F8FE;
    border-radius: 15px;
    padding: 25px;
    min-width: 275px;
    max-width: 275px;
}

    .tuile a {
        text-decoration: none;
        text-align: center;
        color: inherit;
        outline: 0;
    }

    .tuile:hover {
        color: white;
        background-color: #095797;
    }

.tuile-icone {
    font-size: 3.5em;
    margin-bottom: 10px;
}

/* Select2 - Ajustement pour le placeholder qui n'apparait pas complètement --------------------------------- */
.select2-search__field {
    width: 100% !important;
}

/* Mesures adaptatives (secondaire) --------------------------------- */
.liste-mesures .mesure-item:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Foire aux questions / Aide  ---------------------------------  */
.img-erreur {
    height: 150px;
    width: 800px;
    border: 1px solid black;
    border-radius: 0.75rem;
}

.qnr {
    color: #0d6efd;
    font-weight: bold;
}
/* qnr est un acronyme de question et réponse */