.div-table-head{
    font-weight: 700;    
}

.entete-fiche-etat-civil{
    padding: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-weight: 700;
}

.fiche-etat-civil{
    border: 1px solid var(--we-bgc);
    border-radius: 8px;
}

.fiche-etat-civil select, .sel-section-cmd-act{
    border: none;
    border-bottom: 1px solid #ced4da;
    width: 70%;
    background-color: transparent;
}

@media screen and (max-width: 992px)  {
    .fiche-etat-civil select{
        width: 100%;
    }
}

.fiche-etat_civil-bottom{
    margin-bottom: 75px;
}

.conteneur-anciennete{
    border: 1px solid black;
    border-bottom: none;
    padding-top: 2px;
    padding-bottom: 2px;
}

#nbEnAttenteValidation{
    position: absolute;
    font-size: 0.7em;
    font-weight: 700;
    line-height: 1;
    color: var(--we-bgc)
}

.table td, .table th {
    padding: 0px;
}

.div-table-conteneur{
    border: 1px solid black;        
}

.div-table-head{
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: lightgray;
    border-bottom: 1px solid black;
}

.div-table-row {
    border-bottom: 1px solid lightgray;
}

@media screen and (max-width: 767px)  {
    .div-table-head { display: none; }
    .div-table-cell::before {
        content: attr(data-title);
        width: 7em;
        font-weight: bold;
        position: absolute;   
        left: 0;
    }
    .div-table-cell{
        padding: 0 0 0.3em 30% !important;
    }
}

.conteneur-justif-enf{
    border: 1px solid lightgray;
    border-radius: 8px;
}
#conteneurPieceJustifEnf, #conteneurPieceJustifPrelevement, .conteneur-attention-conjoint, #conteneurPieceJustifConjoint, #btnJustificatifConjoint, #conteneurPieceJustifIban, .conteneur-attention-iban, #btnJustificatifIban{
    display: none;
}

.conteneur-attention-iban, .conteneur-attention-conjoint{
    border: 1px solid lightgray;
}

.conteneur-sexe-enf{
    border: 1px solid lightgray;
    border-radius: 8px;
}
input:disabled { cursor: not-allowed !important; }
.nav.nav-pills{
    border-bottom: 1px solid black;
}
.nav-pills .nav-link{
    font-size: 1.5em;
    background-color: transparent !important;
    border-radius: 0;
    color: black !important;
}

.nav-link.active{
    border-bottom: 3px solid var(--we-bgc);
    font-weight: 600;
}

.sel-type-act {
    width: 100%;
    margin: 5px;
    font-weight: 700;
}

.conteneur-grp, .conteneur-act{
    height: 100%; overflow: auto; border: 1px solid lightgray;
}

.sel-grp-act{
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;    
}

.sel-act{
    cursor: pointer;
    font-weight: 700;  
}

#dlgEditSectionAct{
    line-height: 2.5em;
}

#intituleDlgCdeAct{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;  
}

@media screen and (max-width: 992px)  {
    #intituleDlgCdeActStd{
        width: 50%;
    }
}

.dlg-edit-section-opt{
    height: 100%
}

#messageDlgCdeAct{
    border: 1px solid lightgray;
    border-radius: 8px;
}

.dlg-edit-section-opt .form-group label {
    top: -16px;
}

#conteneurJustifAct{
    border: 1px solid lightgray;
    border-radius: 8px;
}
#conteneurPieceJustifAct{
    display:none;
}

#loader-wait {
    position: relative;
    width: 85px;
    height: 40px;
    display: none;
    background-repeat: no-repeat;
    background-image: linear-gradient(#000 50px, transparent 0),
                      linear-gradient(#000 50px, transparent 0),
                      linear-gradient(#000 50px, transparent 0),
                      linear-gradient(#000 50px, transparent 0),
                      linear-gradient(#000 50px, transparent 0),
                      linear-gradient(#000 50px, transparent 0);
    background-position: 0px center, 15px center, 30px center, 45px center, 60px center, 75px center, 90px center;
    animation: rikSpikeRoll 0.65s linear infinite alternate;
  }
@keyframes rikSpikeRoll {
  0% { background-size: 10px 3px;}
  16% { background-size: 10px 50px, 10px 3px, 10px 3px, 10px 3px, 10px 3px, 10px 3px}
  33% { background-size: 10px 30px, 10px 50px, 10px 3px, 10px 3px, 10px 3px, 10px 3px}
  50% { background-size: 10px 10px, 10px 30px, 10px 50px, 10px 3px, 10px 3px, 10px 3px}
  66% { background-size: 10px 3px, 10px 10px, 10px 30px, 10px 50px, 10px 3px, 10px 3px}
  83% { background-size: 10px 3px, 10px 3px,  10px 10px, 10px 30px, 10px 50px, 10px 3px}
  100% { background-size: 10px 3px, 10px 3px, 10px 3px,  10px 10px, 10px 30px, 10px 50px}
}

.cp-plus-dlg-cde-act{
    height: 25px;
    width: 30px;
    display: inline-block;
    background-color: cadetblue;
    margin-right: 2px;
    border: 1px solid lightgray;
    border-radius: 5px;
    cursor: pointer;
    color: white;
    margin-top: 2px;
    font-size: 1.5em;
    line-height: 0.7;
    font-weight: 800;    
}

.cp-txt-dlg-cde-act{
    height: 25px;
    width: 30px;
    display: inline-block;
    margin-right: 2px;
    color: cadetblue;
    font-size: 10px;
    line-height: 3;    
}

.cp-dlg-cde-act{
    height: 25px;
    width: 30px;
    display: inline-block;
    margin-right: 2px;    
    border: 1px solid lightgray;
}

.unselectable {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*Calendrier*/
.table-calendrier {
    border-collapse: separate;
    border-spacing: 2px;
}
#suivantCalDlgCdeAct, #precedentCalDlgCdeAct{
    cursor: pointer;
}
.encadre_calendrier {}
.calendrier { padding: 1px; border: 1px solid #969999; }
.entete_calendrier { margin: 2px; background-color:#E7EBEB; text-align : center; border-bottom: 1px solid #969999;}
.titre_calendrier { color:#A5B3A8; }
.corps_calendrier table { border-collapse: separate; border-spacing: 2px; }
.corps_calendrier table td { padding: 6px 4px; text-align: center; }
.jour_non_reserve { width:25px; background-color:#89DA9C; }
.jour_reserve { width:25px; background-color:#FF0000; }
.jour_calendrier,
.jour_calendrier_invisible,
.jour_calendrier_invalide,
.jour_calendrier_reserve,
.jour_calendrier_valide { text-align : right; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; font-size:0.7em; padding: 6px; font-weight: bold; }
.jour_calendrier_valide:hover { border: 1px solid blue; }
.jour_calendrier { background-color:#E7EBEB; border: 1px solid #969999; color: #53A99D; }
.jour_calendrier_invisible { border: 1px solid #D1D5D4; }
/*.jour_calendrier_invalide { background-color:#F49F81; border: 1px solid #969999; color: #53A99D; }*/
.jour_calendrier_invalide { background-color: #cdcece; border-color: transparent; color: #b1b1b1; }
.jour_calendrier_reserve { background-color:/*#FF0000*/rgba(255,0,0,0.5); border: 1px solid #969999; color: #53A99D; }
.jour_calendrier_valide { background-color:#89DA9C; border: 1px solid #969999; color: #53A99D; }
.daySelected { background-color:  rgba(255,255,0,0.75); }
.daySelected-first { background: linear-gradient(135deg, #89DA9C 50%, rgba(255,255,0,0.75) 50%) ; }
.daySelected-last { background: linear-gradient(135deg, rgba(255,255,0,0.75) 50%, #89DA9C 50%); }
.dayReserved-first { background: linear-gradient(135deg, #89DA9C 50%, rgba(255,0,0,0.5) 50%) ; }
.dayReserved-last { background: linear-gradient(135deg, rgba(255,0,0,0.5) 50%, #89DA9C 50%); }
.dayInvalide-first { background: linear-gradient(135deg, #89DA9C 50%, rgba(205,205,206,0.5) 50%) ; }
.dayInvalide-last { background: linear-gradient(135deg, rgba(205,205,206,0.5) 50%, #89DA9C 50%); }
.daySelected-first:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    /*border-right: 11px solid rgba(255,255,0,0.75);
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid transparent;*/
    background: linear-gradient(135deg, transparent 50%, rgba(255,255,0,0.75) 50%);
    width: 100%;
    height: 100%;
}
.daySelected-last:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    /*border-left: 11px solid rgba(255,255,0,0.75);
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 11px solid transparent;*/
    background: linear-gradient(315deg, transparent 50%, rgba(255,255,0,0.75) 50%);
    width: 100%;
    height: 100%;
}
.dayMixte-first:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    /*border-right: 11px solid transparent;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid rgba(255,255,0,0.75);*/
    background: linear-gradient(315deg, transparent 50%, rgba(255,255,0,0.75) 50%);
    width: 100%;
    height: 100%;
}
.dayMixte-last:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    /*border-left: 11px solid transparent;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 11px solid rgba(255,255,0,0.75);*/
    background: linear-gradient(135deg, transparent 50%, rgba(255,255,0,0.75) 50%);
    width: 100%;
    height: 100%;
}

.jour_calendrier_valide { cursor: pointer; }
.jour_calendrier_valide.selected { outline: 2px solid yellow; }
.jour_calendrier,
.jour_calendrier_invisible { position: relative; }
.jour_calendrier_depasse { background-color: #cdcece; border-color: transparent; color: #b1b1b1; }