h1{
    font-size:22px;
    color:white;
    text-align:center;
}
h2{
    font-size:20px;
    color:black;
    text-align:left;
}
h3{
    font-size:14px;
    color:black;
    text-align:center;
}

body{
    background-image: url("../img/cub.jpg");
    overflow-x: auto;
    width: 100%;
}

.dodiv{
    padding:20px;
}

.nav-tabs .unactive{
    background-color: #c1c1c1;
    color: #495057;
}
.custom-button {
    width: 40px;
    height: 40px;
    font-size: 18px;
}
.bg_lundi{
    background-color: #ADD8E6 !important;
}
.bg_mardi{
    background-color: #87CEFA !important;
}
.bg_mercredi{
    background-color: #5CACEE !important;
}
.bg_jeudi{
    background-color: #1E90FF !important;
}
.bg_vendredi{
    background-color: #007FFF !important;
}
.table-green{
    background-color:#9AFF9A !important;
}
.table-orange{
    background-color:#F7A71B !important;
}
.table-red{
    background-color:#E84F47 !important;
}
.table-red2{
    background-color:#FF6666 !important;
}
.table-color{
    background-color:pink !important;
}

.laquage-color{
    background-color:#F7AFCD !important;
}

.plaxage-color{
    background-color:#F3EB0A !important;
}

.form_error{
    border: solid 4px #CF0002;
}

.vertical{
    writing-mode: tb-rl;
    transform: rotate(-180deg);
    max-width:54px!important;
    height:200px;
}

@media print {
    table {
        font-size: 0.6rem!important;
        border: solid 1px black !important;
    }
    body {
        background-color:white!important;
        background-image:none;
    }
    .not-printed{
        display:none;
    }
}


.status-row {
    background-color: #00ff00; /* couleur de fond générique pour les lignes de statut */
}

.status-cell {
    text-align: center;
}

.en-attente-de-reception{
    background-color: #00ff00; /* couleur pour le statut "En attente de saisie" */

}
.en-attente-de-reception {
    background-color: yellow;
}
.draggable td {
    user-select: none;
}
/* Styles pour les cases à cocher */
.form-check-input {
    width: 20px; /* Largeur de la case à cocher */
    height: 20px; /* Hauteur de la case à cocher */
    margin-right: 5px; /* Marge à droite pour l'espacement avec le label */
}

/* Styles pour les labels associés aux cases à cocher */
.form-check-label {
    font-size: 16px; /* Taille de la police du label */
    vertical-align: top; /* Alignement vertical par le haut */
    line-height: 20px; /* Hauteur de ligne pour aligner le texte avec la case à cocher */
}

/* Style lorsque la case à cocher est cochée */
.form-check-input:checked + .form-check-label {
    font-weight: bold; /* Texte en gras lorsque la case est cochée */
    color: #008000; /* Couleur du texte lorsque la case est cochée (vert ici) */
}

.dgo_table {
    border-collapse: collapse;
    width: 100%;
}
.dgo_table th, td {
    white-space: nowrap; /* Empêche le passage à la ligne dans les cellules */
    /*padding: 5px;*/
}
.dgo_table tr, th, td {
    padding: 2px 5px 0px 5px !important;
}

#projetsEnCours_filter {
    display: flex;
    align-items: center;
}

#projetsEnCours_filter label {
    margin-bottom: 0;
    margin-right: 8px; /* Ajustez la marge droite selon vos besoins */
}

.disabled-link {
    pointer-events: none;
    opacity: 0.6;
    cursor: not-allowed;
}

.toggle-detail .material-icons {
    transition: transform 0.3s ease;
}
.toggle-detail[aria-expanded="true"] .material-icons {
    transform: rotate(180deg);
}