/* Pas d'infos pour les DataTables 
.dataTables_info {
}*/

/**********************************************************************

            CHECKBOX custom

**********************************************************************/

  /* Masquer la case à cocher par défaut */
   /* input[type="checkbox"] {
    display: none;
  } */

  /* Style de l'étiquette de la case à cocher */
   /* .custom-checkbox {
    display: inline-block;
    width: 24px;  
    height: 24px; 
    background-color: #f0f0f0;
    border: 2px solid #ccc;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
  } */
 
  /* Style pour l'état coché */
  /* input[type="checkbox"]:checked + .custom-checkbox::after {
    content: '';
    position: absolute;
    left: 6px;
    top: 2px;
    width: 6px;
    height: 12px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }  */
 
    .bg-achat
    {
        background-color: rgb(225, 240, 192);
    }
    .bg-univers
    {
        /* background-color: rgb(27, 4, 48); */
        background-color: rgb(243, 241, 241); /* Met un fond noir pour tester */
        background-image: url('/images/univers.webp');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover; /* Remplit toute la page */
        background-attachment: fixed; /* Fixe l’image pour qu’elle ne bouge pas au scroll */
    }
    .bg-serie
    {
        background-color: rgb(173, 173, 228);
    }

  input[type=checkbox]:checked + label:before {
    background-color: #2d8a44;
  }
  
  input[type=checkbox]:checked + label:before, input[type=checkbox]:not(:checked) + label:before {
    border-radius: 5px;
    border-color: #D6D6D6;
  }

    .check-green {
        accent-color: rgb(4, 95, 23);
    }

    .check-brown {
        accent-color:  rgb(131, 79, 20);
    }

    .check-gold {
        accent-color: gold;
    }

    .check-red {
        accent-color: rgb(220, 53, 69);
        border-radius: 50%;
        border: 1px solid #ccc;
    }

    .mycheckbox {
        display: inline-block;
        width: 26px;
        height: 26px;
    }

    .mycheckbox-label {
        display: inline-block;
        width: 26px;
        height: 26px;
        font-size: larger;
    }

/**********************************************************************

            La DataTable serie

**********************************************************************/

.custom-table-serie {
    border-collapse: collapse;
    width: 100%;
    margin: 0px;
}

.custom-table-serie th,
.custom-table-serie td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
    font-size: 16px;
}

.custom-table-serie th {
    background-color: #f2f2f2; 
    color: #333;
}

.custom-table-serie tbody tr:nth-child(even) {
    background-color: #f2f2f2; 
}

.custom-table-serie tbody tr:hover {
    background-color: #df7676;
}

/**********************************************************************

            La DataTable serie

**********************************************************************/

.custom-table-achat {
    border-collapse: collapse;
    width: 100%;
    margin: 0px;
}

.custom-table-achat th,
.custom-table-achat td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
    font-size: 16px;
}

.custom-table-achat th {
    background-color: #f2f2f2; 
    color: #333;
}

.custom-table-achat tbody tr:nth-child(even) {
    background-color: #f2f2f2; 
}

.custom-table-achat tbody tr:hover {
    background-color: #df7676;
}

/* Styles spécifiques pour les petits écrans */
/*
@media screen and (max-width: 1200px) {
    .custom-table-serie th:nth-child(3), 
    .custom-table-serie td:nth-child(3) {
        display: none;
    }
}*/
/* Styles spécifiques pour les petits écrans */
@media screen and (max-width: 768px) {
}