.form-group-checkbox {
    display: flex;
    align-items: center;
    gap: 15px;
}

.form-group-checkbox label {
    margin: 0;
}

a.delete_link {
    color: #dc3545;
}

.rapprochement-data-card  {
    display: flex;
    width: fit-content;
    min-width: 100%;
    gap: 15px;
    align-items: center;
    padding: 0 30px;
    margin: 15px 0;
    box-sizing: border-box;
    border: 1px solid #c5d5ed;
    border-radius: 5px;
    min-height: 70px;
}

.rapprochement_card  {
    nbeCol: 4;
    display: grid;
    width: fit-content;
    min-width: 100%;
    grid-template-columns: repeat(var(--nbeCol), 150px) auto;
    gap: 15px;
    align-items: center;
    padding: 0 30px;
    margin: 15px 0;
    box-sizing: border-box;
    border: 1px solid #c5d5ed;
    border-radius: 5px;
    min-height: 70px;
}

.rapprochement_card > *:not(.actions) {
    width: 220px;
}

.liste_data .rim_rapprochement_list_label {
    --nbeCol: 4;
    display: flex;
    width: fit-content;
    min-width: 100%;
    gap: 15px;
    align-items: center;
    padding: 0 30px;
    margin: 15px 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

.cde_rim_rapprochement_liste .rim_rapprochement_list_label {
    nbeCol: 4;
    display: grid;
    width: fit-content;
    min-width: 100%;
    grid-template-columns: repeat(var(--nbeCol), 150px) auto;
    gap: 15px;
    align-items: center;
    padding: 0 30px;
    margin: 15px 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

.rapprochement_champ_label {
    display: none;
}

.rapprochement_data_file .rim_rapprochement_list_label {
    grid-template-columns: repeat(var(--nbeCol), auto) auto;
}

.cde_rim_rapprochement_data [name=rapprochement_search] {
    margin-bottom: 25px;
}

.rapprochement_data_file .no-content {
    text-align: center;
}

.file_name {
    margin: 50px 0 20px 0;
    font-size: 1.8rem;
}

.liste_data {
    overflow: auto;
}

.rapprochement-data-card, .cde_rim_rapprochement_data .rim_rapprochement_list_label {
    grid-template-columns: repeat(var(--nbeCol), auto);
    align-items: flex-start;
    padding-top: 5px;
}

.cde_rim_rapprochement_data .rapprochement_champ.SD____Num_Demande {
    width: 70px;
}

.cde_rim_rapprochement_data .rapprochement_champ.SD___Type_Demande {
    width: 180px;
}

.cde_rim_rapprochement_data .rapprochement_champ.SD___Date_Recevabilite_Demande, .cde_rim_rapprochement_data .rapprochement_champ.SD___Date_Depot_Demande {
    width: 105px;
}

.cde_rim_rapprochement_data .rapprochement_champ.SD___Statut_Demande {
    width: 380px;
}

.rapprochement_card .actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    gap: 15px;
}

div:has(h2:has( + div:empty)) {
    display: none !important;
}

div.rapprochement_form_section:has(.cde_rim_rapprochement_form:empty) {
    display: none;
}

h2:has( + div:empty) {
    display: none !important;
}

h2:has(+ p:empty + p:empty) {
    display: none !important;
}

/* CDE Theme 1 */
.cde_rim_rapprochement_data input:not([type=image]):not([type=radio]):not([type=checkbox]):not([type=file]),
.cde_rim_rapprochement_data select,
.cde_rim_rapprochement_data textarea,
.cde_rim_rapprochement_data .input-search {
    max-width: none;
}

.areoi-tabs {
    margin: 15px 0;
}

nav.nav-tabs a {
    text-align: center;
}

nav.nav-tabs a > span {
    text-align: center;
    font-size: 1rem;
    display: inline-block;
    vertical-align: text-top;
    color: white;
    background-color: var(--capdemat-color-blue);
    line-height: 20px;
    border-radius: 1.25em;
    margin-left: 8px;
    height: 1.25em;
    padding: 0 0.313em;
}

nav.nav-tabs a.active::after {
    height: 10px;
    width: 10px;
    background-color: var(--capdemat-color-blue);
}

nav.nav-tabs {
    display: flex;
    justify-content: center !important;
    gap: 10px !important;
    border-bottom: none;
    flex-wrap: nowrap !important;
}

.nav .nav-link {
    background-color: white;
    border-radius: 10px 10px 0 0 !important;
    padding: 1em 1.5em;
    border: 1px solid #c5d5ed !important;
    border-bottom: none !important;
}

.nav .nav-link.active {
    z-index: 10;
    background-color: white;
    box-shadow: none;
    border: none;
}

.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #c5d5ed;
    border-color: #dee2e6 #dee2e6 #fff
}

.areoi-element {
    position: relative;
}

.tab-pane, .capdemat_espace_saisine {
    border: 1px solid #c5d5ed;
    background-color: white;
    border-radius: 10px;
    padding: 1.5rem 2rem;
}

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}

h2 {
    border-bottom: none !important;
}
/* Fin */

/**/
.rapprochement_form_section h2 {
    border-bottom: 1px solid lightgray !important;
    padding: 1em;
}

.rapprochement_form_section p {
    margin-left: 2em;
}

.rapprochement_form_section .wp-block-spacer {
    height: 0 !important;
}

.form-group.action .btn-close {
    margin-left: 1rem;
    background-color: lightgrey;
    color: grey;
    border-color: aliceblue;
}

.cde_rim_rapprochement_form {
    padding: 2em;
}

.cde_rim_rapprochement_form form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 25px;
    row-gap: 10px;
}

.cde_rim_rapprochement_form form > * {
    width: 320px;
}

.cde_rim_rapprochement_form form :where(.form-group-checkbox, .action) {
    width: 100%;
}

#rim_ajouter_dossier_button {
    margin-bottom: 1em;
}
/**/

/* Liste domaine du Theme 2*/
.cde_rim_domaines_liste{
    display: grid;
    grid-auto-rows: max-content;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 25px;
}

.domaine_card {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: white;
    box-shadow: var(--box-shadow);
    padding: 2rem;
    border-radius: 20px;
    position: relative;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.domaine_card .domaine_libelle {
    font-weight: bold;
    text-transform: uppercase;
}

.domaine_card .actions {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

.cde_rim_domaines_liste .domaine_card.active::before {
    content: '\f00c';
    font-family: "Font Awesome 6 Duotone";
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -8px;
    right: -8px;
    color: white;
    background-color: #7ad18e;
    aspect-ratio: 1;
    height: 25px;
    width: 25px;
    border-radius: 50%;
}

.domaine_card a {
    cursor: pointer;
}

.domaine_card a.active {
    color: white !important;
    background-color: #0062cc !important;
    border-color: #005cbf !important;
    cursor: not-allowed;
}
/* Fin */

@media screen and (max-width: 768px) {
    .rim_rapprochement_list_label {
        display: none !important;
    }

    .rapprochement_card > *:not(.actions) {
        width: 100%;
    }

    .rapprochement_champ_label {
        display: block;
        color: #62738d;
        font-size: 0.8rem;
        font-weight: bold;
        text-transform: uppercase;
    }

    .rapprochement_card, .rapprochement-data-card, .domaine_card {
        padding: 1rem;
        grid-template-columns: 1fr;
        justify-content: center;
        align-items: center;
        text-align: center;
    }


    .rapprochement_champ {
        width: 100% !important;
    }

    .rapprochement_card .actions {
        justify-content: center;
        margin: 0;
    }

    .domaine_description {
        margin-bottom: 15px;
    }
}

@media screen and (min-width: 320px) and (max-width: 760px) {
	.liste_data .rapprochement-data-card {
		display: flex;
		flex-direction: column;
	}
}