/* EFC COULEURS PRINCIPALES */

.bg-navbar-principal {
    background-color: #596ebd;
}

.bg-body-principal {
    background-color: #f7f7f7;
}

.efc-color-primary {
    color : #596ebd;
}

.efc-color-warning {
    color : #E4AD3C;
}

/* BODY */

html {
    height: 100%;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    position: relative;
    margin: 0;
    padding-bottom: 6rem;
    min-height: 100%;

    font-family: "Open Sans", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 400;
}

table {
    font-size: 14px;
}

p, span, a, ul, li, button {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

strong {
    font-weight: 600;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    line-height: 1em;
    font-weight: 300;
    margin-bottom: 0.8em;
}
h1, h2{
    font-size: 2em;
}
h3 {
    font-size: 1.7em;
}
h4{
    font-size: 1.4em;
}
h5 {
    font-size: 1.2em;
}
h6 {
    font-size: 1em;
}

.fa-08x {
    font-size: 0.8em;
    width: 0.8em;
}
.fa-09x {
    font-size: 0.9em;
    width: 0.9em;
}
.fa-12x {
    font-size: 1.2em;
    width: 1.2em;
}
.fa-14x {
    font-size: 1.4em;
    width: 1.4em;
}

.w-50p{
    width: 50px;
}
.w-30p{
    width: 30px;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

/* GESTION DU MENU DU HAUT */

.navbar .navbar-brand img {
    height: 35px;
}
@media (min-width: 768px) {
    .navbar .navbar-brand img {
        height: 65px;
    }
}
.navbar-brand{
    display: flex;
    align-items: center;
}

/* FOOTER */

.footer{
    background: #ccc;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

/* optimisation occupation largeur sur mobile */
@media (max-width: 768px) {
    .card-body {
        padding: 0.5rem;
    }
}

button.retour {
    white-space: normal; /* pour le retour à la ligne si le libelle du bouton retour est trop long */
}

/* TODO : à simplifier */
/* gestion du bloc collapsable identité dans le cas où il est affiché dans la fiche assamat */
#synthese_am h4 .fa.fa-chevron-right, 
#synthese_am h4 .fa.fa-chevron-down {
    display: none;
}

#synthese_am .coordonnees.collapse {
    display: block;
}

#synthese_am .coordonnees {
    white-space: no-wrap;
}
#synthese_am dd.h15em, #synthese_am .fa-stack {
    line-height: 1.5em;
    height: 1.5em;
}
#synthese_am .fa-stack {
    width: 1.5em;
}

/* suppression de l'effet de transition sur le un/collapse bootstrap */
/* utile pour les navigateurs mobiles (puissance limitée) */
.no-transition {
    -webkit-transition: height 0.01s;
    -moz-transition: height 0.01s;
    -ms-transition: height 0.01s;
    -o-transition: height 0.01s;
    transition: height 0.01s;
}

.table-striped .row-header{
    height: 2.5em;
    font-size: 1.1em;
    background-color: #eee;;
}

.table-striped>div:nth-of-type(odd):not(.bg-danger):not(.row-header) {
    background-color: #f9f9f9;
}

#assmats .row {
    vertical-align: middle;
    padding: 5px 5px;
    margin:0;
}

#tableau-resultats.table>tbody>tr>td {
    vertical-align: middle;
}
.table>tbody>tr>td {
    vertical-align: middle;
    padding: 5px 5px; /* TODO : vérifier si l'ajout de padding vertical 10px pour la liste des accueils d'un enfant n'a pas cassé ailleurs - utilisé dans le planning d'accuile */
    margin:0;
}

#assmats h4,
table h4{
    font-size:1em;
    font-weight: bold;
}
#assmats div[data-toggle="collapse"]:hover {
    cursor:pointer;
}
#assmats div[data-toggle="collapse"] > .identity,
td[data-toggle="collapse"] > .identity{
    margin-right: 20px;
}

div[aria-expanded=true] .fa-chevron-right,
td[aria-expanded=true] .fa-chevron-right {
    display: none;
}
div[aria-expanded=false] .fa-chevron-down,
td[aria-expanded=false] .fa-chevron-down{
    display: none;
}
div[aria-expanded=false] .fa-chevron-right,
td[aria-expanded=false] .fa-chevron-right {
    display: contents;
}
div[aria-expanded=true] .fa-chevron-down,
td[aria-expanded=true] .fa-chevron-down{
    display: contents;
}

/***********************/
/* animation de bouton */
.btn-expandable {
    overflow: hidden;
    white-space:nowrap;
    margin-right: 10px;
    border-radius: 25px;
    display: inline-block;
    background: #007bff;
    color:white;
}
.btn-expandable span {
    opacity: 0;
    background: #007bff;
    color:white;
    max-width: 0;
    display: inline-block;
    transition: padding .1s ease-out .1s,max-width .5s ease-out .1s, opacity .8s ease-out .1s, color;
    font-size: .7em;
    padding: 2px 0;
    font-weight: bold;
}
.btn-expandable i {
    display: inline-block;
    color:white;
    padding:.25em .275em;
    font-size: .7em;
    width: 25px;
}
.btn-expandable:hover {
}
.btn-expandable:hover span {
    opacity: 1;
    max-width: 180px;
    transition: padding .1s ease-out .1s, max-width .8s ease-out .1s, opacity .1s ease-out .1s, color .2s;
    padding: 2px 5px;
    font-size: .7em;
    font-weight: bold;
}
.btn-expandable:hover i {
}

/***************/
/* Formulaires */

/* général */
.required:after{
    content: '*';
    color:red;
}

.question {
    font-weight: bold;
}

.form-check-m-0 .form-check.form-check-inline {
    margin-top: 0;
}
.form-check-label {
    margin-right: 10px;
}

.datainfo{
    font-size: 0.9em;
}

/* pour formulaire saisie accueil : maximiser la largeur utilisée */
form #resp0 .form-group,
form #resp1 .form-group {
    margin-bottom: 0.6rem;
}
form #resp0 .form-group > .col-md-8,
form #resp1 .form-group > .col-md-8 {
    padding-right: 0;
    padding-left: 0;
}
form #resp0 .form-group > .col-md-8.form-control,
form #resp1 .form-group > .col-md-8.form-control {
    max-height: 2.5rem;
}
@media (min-width: 576px) {
    form #resp0 .form-group > .col-md-8.form-control,
    form #resp1 .form-group > .col-md-8.form-control {
        max-height: 2.5rem;
        margin-bottom:1rem;
    }
}

.spinner-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    text-align: center;
    opacity: 0.9;
    background-color: rgba(255,255,255,0.9);
    vertical-align: middle;
    padding: 3em 0 0 0;
}

/****************************/
/* FORMULAIRES INPUT SELECT */

/* si pas homogène pour tous les formulaires du site alors spécialiser en prefixant avec l'id du formulaire (#idDuForm input) */

input.form-control, select.form-control:not([size]):not([multiple]) {
    font-size: 14px;
    height: 30px;
    padding: 0 2px 0 5px;
}

form[name="recherche_accueil"] .form-group.row {
    padding-bottom: 0;
}

.form-group {
    padding-bottom: 0.5rem;
}

/****************/
/* FICHE ASSMAT */

/* ajustement de la card maitre pour enlever la bordure */
.card-master {
    border: none;
    margin-top: 0.75em;
}

.card-master .card-header{
    border-bottom-width: 1px;
}

.card-master > .card-body{
    border: 1px solid rgba(0,0,0,.125);
    border-top-width: 0px;
}
.card-master dl {
    margin-bottom: 0;
    list-style: none;
    padding: 0;
}

@media (min-width: 576px) {
    .card-master .card-columns, .card-master .card-deck {
        column-count: 1;
    }
}
@media (min-width: 768px) {
    .card-master .card-columns, .card-master .card-deck {
        column-count: 3;
    }
}
@media (min-width: 580px) {
    .container, .modal-dialog.modal-full {
        max-width: 95%;
    }
}
@media (min-width: 1200px) {
    .container, .modal-dialog.modal-full {
        max-width: 1140px;
    }
}
.container {
    padding: 0 .25rem .25rem ;
}

@media (min-width: 580px) {
    .container {
        padding: 0 .5rem .5rem ;
    }
}
/* adapation des largeurs d'onglets sur mobile */
@media (max-width: 580px) {
    .nav-tabs .nav-link {
        padding: .5rem .5rem;
    }
}

/* intitulé en gras sur une ligne */
dl.inline-dl dt, dl.inline-dl dd { float: left }
dl.inline-dl dt { clear:both }
dl.inline-dl dt:after not(.fa) { content: ' :' }
dl.inline-dl dd { margin:0 0 0 0.4em }

/* Bootstrap Toggle v2.2.2 corrections for Bootsrtap 4*/
.toggle-off {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.toggle.off {
    border-color: rgba(0, 0, 0, .25);
}

.toggle-handle {
    background-color: white;
    border: thin rgba(0, 0, 0, .25) solid;
}

/* barre de progression */
.progress {
    height: 10px;
    margin: 10px 0;
}

/* jumbotron : entete de fiche assmat */
.jumbotron{
    background-color: rgba(0,0,0,.03);
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;padding:1em;
}

/****************/
/* FICHE ENFANT */
/* on enleve la bordure du haut pour coller au card-head */
#synthese_enf .table tr:first-child td {
    border-top:none;
}

/* peut être combiné avec background-color */
.fond-rayures{
    background: repeating-linear-gradient(
        45deg,
        rgba(255,255,255,0.5),
        rgba(255,255,255,0.5) 10px,
        rgba(255,255,255,0) 10px,
        rgba(255,255,255,0) 20px
        );
}

/*************/
/* agrements */
/*sert pour masquer les types d'agrément'*/
.bg-none {
    display: none;
}
.bg-peri {
    background-color: #F35786;
    color: #fff;
}
.bg-jour {
    background-color: #17A2B8;
    color: #fff;
    display: none !important;
}
.bg-dom {
    background-color: #FF9900;
    color: #fff;
}
.bg-mam {
    background-color: #BB5CF3;
    color: #fff;
}
.bg-past {
    background-color: #acb7c0;
}
/*
.bg-0a18a ,.bg-15m18a,. bg-18m18a ,.bg-3a18a {
    background-color: #8a8a8a;
    color: #fff;
}
*/
.bg-0a18a {
    background-color: #42A5F5;
    color: #fff;
}

.bg-15m18a, .bg-18m18a, .bg-16m18a {
    background-color: #1E88E5;
    color: #fff;
}

.bg-2a18a {
    background-color: #1565C0;
    color: #fff;
}

.bg-3a18a {
    background-color: #0d47a1;
    color: #fff;
}

/************/
/* planning */
.bg-libre {
    background-color: #ffffff;
}

#legende .bg-libre {
    border-style: solid;
    border-width: 1px;
    border-color: #CAD4DF
}

.bg-actif {
    background-color: #6993EA;
    color: #fff;
}

.bg-complet {
    background-color: #0d47a1;
    color: #fff;
}
.bg-depasse {
    background-color: #dc3545;
    color: #fff;
}
.bg-probleme {
    background-color: #666666;
    color: #fff;
}

.bg-indispo {
    background-color: #cccccc;
    color: #fff;
}

.bg-dispo {
    background-color: #068024;
    color: #fff;
}

.bd-libre {
    /* border-left: solid 1px #ffffff;*/
}
.bd-actif {
    /* border-left: solid 1px #6993EA;*/
}

.bd-complet {
    /* border-left: solid 1px #0d47a1;*/
}
.bd-depasse {
    border-left: solid 2px #dc3545;
}
.bd-indispo {
    /*border-left: solid 1px #cccccc;*/
}

.text-intermitent{
    font-style: italic;
    font-weight: 600;
}

/* TODO voir si utile */
.bg-intermittent {
    background-color: #0d47a1;
}
.bg-urgence {
    background-color: #c03b44;
}

/* accueils */
.bg-encours {
    background-color: #6993ea;
    color: #fff;
}

.bg-termine {
    background-color: #acb7c0;
    color: #fff;
}

.bg-nuit {
    background-color: #00116f;
    color: #fcda94;
}

.bg-atypique {
    background-color: #f35cE2;
    color: #fff;
}

.bg-derogation {
    background-color: #f35cE2;
    color: #fff;
}

.bg-absent {
    background-color: #acb7c0;
    color: #fff;
}

/* depassements */
.bg-dep-depasse-age, .bg-dep-depasse-nb, .bg-dep-3-ans, .bg-dep-11-ans {
    background-color: #dc3545;
    color: #fff;
}

.bg-dep-irregulier {
    background: repeating-linear-gradient(
        45deg,
        rgba(255,255,255,0.4),
        rgba(255,255,255,0.4) 10px,
        rgba(255,255,255,0) 10px,
        rgba(255,255,255,0) 20px
        );
    background-color: #dc3545;
    color: #fff;
    text-shadow: 0 0 2px darkred;/* décalage x, décalage y, rayon, couleur */
    /* ou 0 0 1px black; */
}

.bg-dep-agrem-echu {
    background-color: #ffc107;
    color: #fff;
}

.bg-dep-archive {
    background-color: #acb7c0;
    color: #fff;
}

.bg-prev{
    background-color: #2e75b3;
    color: #fff;
}

/* BADGE */
/* pour la gestion des badges sur 2 lignes dans la recherche (+collapse) */
.badge {
    max-height: 18px;
}
.row.mh-badges {
    max-height: 40px;
}

/************/
/* CHECKBOX */
/* cf https://codepen.io/zFunx/pen/dWbevd */

input[type=checkbox] + label {
    display: block;
    margin: 0.2em;
    cursor: pointer;
    padding: 0.2em;
}

input[type=checkbox] {
    position: absolute; /* pour que la checkbox masquée ne prenne pas de place dans le flux html */
    opacity: 0; /* pour que la validation de formulaire puisse fonctionner, ne PAS mettre display: none; cf. https://stackoverflow.com/questions/42417556/inputfile-is-not-focusable-when-wrapped-inside-label*/
}

input[type=checkbox] + label::before {
    content: "\2714 \FE0E";
    border: 0.1em solid #28a745;
    border-radius: 0.2em;
    display: inline-block;
    width: 1em;
    height: 1em;
    padding-left: 0.3em;
    padding-right: 0.2em;
    padding-bottom: 0.5em;
    margin-right: 1em;
    vertical-align: bottom;
    color: transparent;
    background-color: #fff;
    box-sizing: content-box;
}

input[type=checkbox]:checked + label::before {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff;
}

input[type=checkbox]:disabled + label::before {
    border-color: #aaa;
}

input[type=checkbox]:checked:disabled + label::before {
    background-color: #bfb;
    border-color: #bfb;
}

/* actif-past : concerne les acceuils en cours / teminés */
.actif input[type=checkbox] + label::before {
    border-color: #6993EA;
}
.actif input[type=checkbox]:checked + label::before {
    background-color: #6993EA;
    border-color: #6993EA;
}
.past input[type=checkbox] + label::before {
    border-color: #acb7c0;
}
.past input[type=checkbox]:checked + label::before {
    background-color: #acb7c0;
    border-color: #acb7c0;
}

.cb-info input[type=checkbox] + label::before {
    border-color: #6993EA;
}
.cb-info input[type=checkbox]:checked + label::before {
    background-color: #6993EA;
    border-color: #6993EA;
}
.cb-danger input[type=checkbox] + label::before {
    border-color: #dc3545;
}
.cb-danger input[type=checkbox]:checked + label::before {
    background-color: #dc3545;
    border-color: #dc3545;
}

.cb-info .form-check,
.cb-danger .form-check {
    margin:0;
    padding:0;
}



.form-check{
    margin-top: 1rem;
}



/******************************/
/* BOUTONS POUSSOIR RECHERCHE */

.btn-light {
    color: #404040;
    background-color: #fff;
    border-color: #dbdbdb;
}

.btn-light.focus, .btn-light:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-light:hover{
    background-color: #f7f7f7;
}

.dataTables_filter input {
    border-width: 3px;
}

/******************************/
/*          MODALES           */

.modal-header{
    background-color: #f7f7f7;
}

.modal-title {
    font-weight: 500;
}

/******************************/
/*  Icone chargement spinner  */

.loading-container {
    color: #3c73e4;
    text-align: center;
    margin: 20px auto;
}
.loading-text{
    color:grey;
}
.spinner-overlay .loading-text {
    color: #3c3c3c;
}

/*********************/
/*    DATE PICKER    */

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover{
    font-style: italic;
}

/* ajoute l'icone calendar en fin d'input de datepicker (utilise le wrap)'*/
.date-wrapper:after, .date-time-wrapper:after {
    position: absolute;
    right: 20px;
    top: 3px;
    color: #555;
    font-family: "Font Awesome\ 5 Free";
    pointer-events: none; /*pour que le click le traverse*/
}
.date-wrapper:after {
    content: '\f133';
}

.date-time-wrapper:after {
    content: '\f133\00a0\f017';
}

.date-wrapper input[readonly],
.date-time-wrapper input[readonly] {
    background-color: #fff;
}


/*********************/
/*  BOOTSTRAP CUSTOM */

.card-header {
    padding: .75rem 1em;
}

/******************************/
/* ICONES EDITION/SUPPRESSION */

.lien_edition_dynamique, .lien_suppression_dynamique{
    padding:3px;
}

/*******************************/
/*  PAGE GESTION UTILISATEURS  */

.iconeAction {
    cursor: pointer;
}

.icone-activer-utilisateur::before {
    content: "\f023"; /* cadenas fermé */
    font-family: "Font Awesome\ 5 Free";
    font-size: 1em;
    color: red;
}
.icone-activer-utilisateur:hover::before{
    content: "\f3c1"; /* cadenas ouvert */
    color: green;
}
.icone-desactiver-utilisateur::before {
    content: "\f3c1"; /* cadenas ouvert */
    font-family: "Font Awesome\ 5 Free";
    font-size: 1em;
}
.icone-desactiver-utilisateur:hover::before{
    content: "\f023"; /* cadenas fermé */
    color: red;
}

.icone-archiver-assmat::before {
    content: "\f04b"; /* lecture */
    font-family: "Font Awesome\ 5 Free";
    font-size: 1em;
}
.icone-archiver-assmat:hover::before{
    content: "\f04c"; /* pause */
    color: red;
}
.icone-desarchiver-assmat::before {
    content: "\f04c"; /* pause */
    font-family: "Font Awesome\ 5 Free";
    font-size: 1em;
}
.icone-desarchiver-assmat:hover::before{
    content: "\f04b"; /* lecture */
    color: green;
}
.icone-desarchiver-assmat:hover::before{
    content: "\f04b"; /* lecture */
    color: green;
}
.icone-supprimer::before {
    content: "\f2ed"; /* poubelle */
    font-family: "Font Awesome\ 5 Free";
    font-size: 1em;
}
.icone-supprimer:hover::before {
    color: red;
}

/**********************/
/*     PARAMETRES     */

#parametres td.col-6 {
    max-height: 150px;
    overflow-y: auto;
}

/**********************/
/* MODULE FORMULAIRES */

.formulaires .hidden {
    position: absolute; /* pas de place dans le flux html */
    opacity: 0; /* pour que la validation de formulaire puisse fonctionner, ne PAS mettre display: none */
}

.formulaires textarea {
    height: 160px;
    font-size: 1em;
}

.formulaires #fileList input[type=file] {
    display: none;
}
/* pour le bouton supprimer par fichier */
.formulaires #fileList  > div > label > span:last-child {
    color: red;
    display: inline-block;
    margin-left: 7px;
    cursor: pointer;
}
/* bouton ajouter un fichier*/
.formulaires #fileList > div:last-child > label {
    cursor: pointer;
    display: inline-block;
    text-align: center;
}
/* zone modifier un fichier*/
.formulaires #fileList .selected_file label{
    cursor: pointer;
}

:required:not(:valid) {
    border: solid 1px rgba(200, 0, 0, 0.35);
}

/*************************/
/* CADRE ACCUEIL & STATS */

form.form-compact > .row {
    /* Pour que les champs des formulaires sur 2 colonnes soient bien alignés */
    min-height: 37.5px;
}

form.form-compact select{
    display:inline-block;
}

form.form-compact .disabled {
    color: grey;
    font-style: italic;
}

form.form-compact .disabled input[type="checkbox"] + .form-check::before {
    font-style: initial;
    color: lightGrey;
}

form.form-compact input.denombrable{
    width:50px;
    display:inline-block;
}

form.form-compact input.tarif{
    width:70px;
    display:inline-block;
}

form.form-compact .form-check{
    padding-left:0;
    margin-top:0;
    /* centrer verticalement lorsque label sur plusieurs lignes */
    /* position relative sinon les marges sont différentes */
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

form.form-compact input[type="number"]{
    /* centrer verticalement lorsque label sur plusieurs lignes */
    /* position absolute sinon ca ne marche pas sur IE11*/
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

form.form-compact input[type="checkbox"] + .form-check::before {
    color: #0069d9;
    /* Carré */
    font-family: "Font Awesome\ 5 Free";
    content: "\f0c8";
    /* Taille de la checkbox */
    font-size:25px;
}

form.form-compact input[type="checkbox"]:checked + .form-check::before {
    /* background-color: #fff; */
    /* Carré coché */
    content: "\f14a";
}

form.form-compact .form-group {
    margin:0;
    padding: 0;
}

form.form-compact .form-group:hover {
    background-color: rgba(0, 0, 0, 0.025);
}

@media (max-width: 768px) {
    form.form-compact ul {
        padding:0px
    }
}

form.form-compact .checkbox-label {
    /* centrer verticalement */
    padding-top:8px;
}

#dispo_prev_container input.denombrable {
    width:50px;
    display: inline-block;
}

#dispo_prev_container input.date,
#dispo_prev_container select.tranche {
    width:140px;
    display: inline-block;
}

#dispo_prev_container .date-wrapper {
    display: inline-block;
    position: relative;
}

#dispo_prev_container .date-wrapper:after {
    right: 5px;
    top: 3px;
}

.editing .card:not(.edited),
.editing .jumbotron:not(.edited) {
    filter: grayscale(1) blur(1px);
    background-color: #fafafa;
    color: #adadad;
}

.editing .card.edited,
.editing .jumbotron.edited  {
    border: 2px solid #007bff;
}
.editing .nav-link.active:after {
    content: " *";
    color: red;
}

/* Planning vacances, planning dispos */

.planning-nbplaces:before {
    /* Définir nombre de places dans content */
    font-size: 1.5em;
    margin: 0;
    /* Alignement horizontal */
    text-align: center;
    display: block;
    /* Alignement vertical */
    vertical-align: middle;
    padding: 5px 0;
}
.nbplaces-1:before{
    content:"1";
}
.nbplaces-2:before{
    content:"2";
}
.nbplaces-3:before{
    content:"3";
}
.nbplaces-4:before{
    content:"4";
}
.oa-item-wrapper{
    min-height:25px;
}

/*******************************************/
/*                Photos                   */
/*******************************************/

/* Apparition en fondu des bootstrap alert */
.fade.in {
    opacity: 1;
}

#carouselPhotos{
    height: 430px;
    background: black;
}

/* Pour que les boutons au dessus du carousel soient cliquables */
#carouselPhotos .carousel-control-next, #carouselPhotos .carousel-control-prev{
    top: 20%;
}
#carouselPhotos .carousel-indicators{
    bottom:0;
}

#carouselPhotos .carousel-item {
    /* Nécessaire pour le positionnement (centrer verticalement) des enfants */
    height: 400px;
    top: 30px;
}

#carouselPhotos .carousel-item img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 400px;
    /* Ccentrer verticalement */
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


/* ------------------------------------------------------- */
/* -------        Tableau recherche assmat           ----- */
/* ------------------------------------------------------- */

/* Important :
    - appliquer la classe border-left sur le tr marche mal avec Datatables sur Firefox (bug))
    - appliquer le style sur :before ne permet pas d'afficher le liseré sur une hauteur de 100%
    - méthode ci-dessous avec background sur td:first-child testé OK sur les 4 navigateurs
*/
.marqueur-assmat-archive td:first-child {
    /* Liseré rouge : assistant maternel archivé */
    background: linear-gradient(to right, #dc3545 0px, #dc3545 1px, rgba(0,0,0,0) 2px);
    /* fix spécifique Edge*/
    background-repeat: no-repeat;
}
.marqueur-assmat-puer td:first-child {
    /* Liseré bleu : assistant maternel qui vous est affecté directement */
    background: linear-gradient(to right, #007bff 0px, #007bff 1px, rgba(0,0,0,0) 2px);
    /* fix spécifique Edge*/
    background-repeat: no-repeat;
}
.marqueur-assmat-secteur td:first-child {
    /* Liseré jaune : assistant maternel du secteur */
    background: linear-gradient(to right, #fd7e14 0px, #fd7e14 1px, rgba(0,0,0,0) 2px);
    /* fix spécifique Edge*/
    background-repeat: no-repeat;
}

/*********************/
/* Admin utilisateur */
.form_multicommunes .reduit {
    height: 0;
    border: none;
    overflow: hidden;
    color: white;
}