@media (min-width: 1600px) {
  .container {
    max-width: 100%;
  }
}

.pc-container {
    top: 0 !important;
}

.container-login-Niv1 {
    display:flex;
    flex-direction:row;
    justify-content: center;
    align-items: center;
    width: 700px;
    height:100%;
    margin:0 auto;
    border:1px solid red;
}

.container-login-Niv2 {
    display: flex;
    flex-direction: row;
    width: 700px;
    margin: 0 auto;
    border: 1px solid red;
}

#categoryTable {
    width: 80%;
    margin: 0 auto;
    border:1px solid green;
}

form section {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}

form section label {
    font-weight: bold;
}

.container-img-adduser img {
    width: 580px;
    height: auto;
}

.titre_update_training {
    font-size: 1.3em;
    font-weight: bold;
    color:#333;
    font-style: italic !important;
}

/* LIBRARY */
.treeview ul {
    list-style-type: none;
}

.treeview ul ul {
    margin-left: 5px;  /* Décale les sous-dossiers */
}

.treeview i {
    margin-right: 5px;
}



#addSignContainer, 
#addSchoolContainer,
#addClassContainer {
    display: none;
}

#bloc__addSignForm,
#bloc__addSchoolForm {
    display: flex; 
    flex-flow: row nowrap;
}

#bloc__addSignForm div input,
#bloc__addSchoolForm div input,
#bloc__addSchoolForm select {
    padding:8px 10px;
}

#bloc__addSignForm div:nth-child(1),
#bloc__addSchoolForm div:nth-child(1),
#bloc__addSchoolForm div:nth-child(2),
#bloc__addSchoolForm div:nth-child(3) {
    margin-right:20px;
}

#bloc__addSignForm div:nth-child(1) input,
#bloc__addSchoolForm div:nth-child(1) input {
    width:300px;
}


/* Cibler uniquement la section des documents */
.listeDocs .list-group-item {
    padding: 10px;
    border: none;
}

.listeDocs .list-group-item strong {
    font-size: 1.2rem;
}

.listeDocs .list-group-item i {
    margin-right: 8px;
}

.listeDocs ul {
    list-style-type: none;
}

.listeDocs .fa-folder {
    color: #e2065d;
}

/* Faire en sorte que les éléments dans .d-flex soient alignés correctement */
.listeDocs .d-flex {
    flex-direction: row;       /* Aligner les éléments horizontalement */
    justify-content: space-between;  /* Aligner le texte à gauche et les icônes à droite */
    align-items: center;       /* S'assurer que tout est centré verticalement */
    margin-bottom: 10px;       /* Espacer les éléments verticalement */
}

.listeDocs .d-flex span {
    margin-bottom: 0;          /* Supprimer tout espace sous les éléments */
}

.listeDocs .d-flex a {
    margin-left: 10px;         /* Espacer un peu les icônes */
}

table.dataTable td {
    white-space: normal;
    word-wrap: break-word;
}

.deleteButton {
    border:0;
    padding:0;
    margin:0;
}

.inline-form {
    display: inline; /* Garde le formulaire sur une seule ligne */
    margin: 0; /* Enlève les marges du formulaire */
    padding: 0; /* Enlève les espacements internes du formulaire */
}

.inline-form button {
    background: none; /* Enlève le style du bouton */
    border: none; /* Enlève la bordure */
    color: red; /* Change la couleur du texte du bouton */
    cursor: pointer; /* Ajoute un pointeur au passage de la souris */
    padding: 0; /* Enlève le padding pour que le bouton soit en ligne */
}

#tasksTable {
    table-layout: auto; /* Laisse le tableau décider de la taille de chaque colonne */
    width: 100%; /* S'assure que la table occupe toute la largeur du conteneur */
}

#addTaskForm div label {
    font-size:16px;
}

#addTaskForm div div label {
    font-size:14px;
}

.task-overdue > td {
    background-color: #f8d7da; /* Couleur rouge pâle */
    color: #721c24; /* Texte rouge foncé */
}

.taskCompleted, .taskNotCompleted {
    font-size: 11px;
    padding: 8px 15px;
    border-radius:10px;
}

.message_notifications {
    font-size: 12px;
}

.containerTaskDetails {
    max-width: 40%;
}

.containerTaskDetails div {
    margin-bottom: 20px;
}

.taskDetail-title {
    font-size: 1.2em;
    font-weight: bold;
}

.edoc-cible-container {
    display: flex;
    width:100%;
}

.edoc-cible-container .select1,
.edoc-cible-container .select2,
.edoc-cible-container .select3 {
    width:30%;
    
}

.edoc-cible-container .ouselect1,
.edoc-cible-container .ouselect2 {
    width:5%;
    text-align:center;
    padding-top:20px;
    font-size: 20px;
    font-weight: bold;
}

.choices {
    width: 100% !important;
}

#classesList li {
    margin-bottom: 20px; 
}

.classInfo__schoolLabel {
    font-weight: bold;
}

.classInfo__classLabel {
    font-size: 1.2em;
    font-weight: bold;
}

#tasksTable td {
    font-size: 0.7rem;
}

#tasksTable th {
    font-size: 0.8rem;
}


/* Style pour la sidebar */
.sidebar {
    position: fixed;
    top: 0;
    right: -400px; /* Cachée initialement */
    width: 400px;
    height: 100%;
    background-color: #f8f9fa;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
    padding: 20px;
    overflow-y: auto;
    transition: right 0.3s ease-in-out;
    z-index: 9999;
}

/* Bouton de fermeture */
.close-sidebar {
    background: none;
    border: none;
    font-size: 24px;
    color: #000;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.close-sidebar:hover {
    color: #ff0000;
}

/* Sidebar ouverte */
.sidebar.open {
    right: 0; /* Visible lorsqu'ouverte */
}


#blockList {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#blockList li {
    padding: 10px;
    margin-bottom: 5px;
    /* background-color: #f5f5f5; */
    /* border: 1px solid #ddd; */
    cursor: move; /* Indique que l'élément est draggable */
    margin: 0 !important;
}

.label_title_detail {
    font-size: 1.2em;
    font-weight: bold;
}

.notification {
    width: 300px;
    font-size: 14px;
    font-family: Arial, sans-serif;
    transition: opacity 0.3s ease;
}

.notification.success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.notification.error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.list-group-item h6 {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.list-group-item p {
    font-size: 0.9rem;
    color: #333;
    margin-bottom: 1rem;
    white-space: pre-wrap; /* Pour respecter les sauts de ligne dans le texte */
}

#training_objectifs,
#training_debouches,
#training_prerequis,
#training_duree,
#training_modalites_acces,
#training_modalites_evaluation,
#training_competences,
#training_poursuite,
.p_blocks_competence {
    white-space: pre-wrap; /* Pour respecter les sauts de ligne dans le texte */
    font-size: 1em;
}

.typeLog {
    font-size: 1.1em;
    font-weight: bold;
    color: #3ccbd1;
}

#newBlockList > li > div {
    width: 70%;
}

#newBlockList > li > div > textarea {
    height: 200px;
}


/*  Liste a puces CKEditor */
/* Pour l’éditeur classique (block) */
.ck-editor .ck-content .ck-list__item,
.ck-editor .ck-content .ck-list__item__content {
  background: transparent !important;
}

/* Pour les éditeurs inline (ceux créés dynamiquement) */
.ck-editor__editable_inline .ck-list__item,
.ck-editor__editable_inline .ck-list__item__content {
  background: transparent !important;
}

/* Au besoin, pour forcer sur tous les li éditables */
.ck-editor__editable li {
  background: transparent !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important
}


tr.log-taken td {
    text-decoration: line-through;
    opacity: 0.5;
}

/* DASHBOARD */
/* Strike-through et opacité pour les lignes prises en charge */
tr.log-taken td {
    text-decoration: line-through;
    opacity: 0.5;
}

/* Amélioration du dashboard */
/* Card des filières */
.dashboard-filieres-card .card-body {
    padding: 1rem !important;
}

.dashboard-filieres-card h6 {
    font-size: 1rem;
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.75rem;
}

.dashboard-filieres-card .dashboard-filiere-btn {
    border-radius: 20px;
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

.dashboard-filieres-card .dashboard-filiere-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Tableau des formations actives */
.dashboard-trainings-table thead th {
    background-color: #f8f9fa;
    font-weight: 600;
    font-size: 0.875rem;
    color: #495057;
    border-bottom: 2px solid #dee2e6;
}

.dashboard-trainings-table tbody tr {
    transition: background-color 0.2s ease;
}

.dashboard-trainings-table tbody tr:hover {
    background-color: #f8f9fa;
}

.dashboard-trainings-table tbody td {
    vertical-align: middle;
    padding: 0.75rem;
}

/* Responsive pour mobile */
@media (max-width: 768px) {
    .dashboard-filieres-card .d-flex {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .dashboard-filieres-card .btn-group {
        margin-bottom: 0.5rem;
    }
}

/* ===========================================
   SIDEBAR PERSONNALISÉE - BLEU
   =========================================== */

/* Couleur de fond de la sidebar en bleu #1c2743 */
.pc-sidebar {
    background-color: #1c2743 !important;
    background: linear-gradient(180deg, #1c2743 0%, #0f1829 100%) !important;
}

.pc-sidebar .navbar-wrapper {
    background-color: transparent !important;
}

/* Logo en blanc */
.pc-sidebar .m-header .b-brand {
    background-color: transparent !important;
}

/* Appliquer un filtre pour rendre le logo blanc et réduire la taille */
.pc-sidebar .m-header .b-brand img {
    filter: brightness(0) invert(1);
    max-height: 52px !important;
    width: auto !important;
}

/* Card user en gris clair avec coins arrondis */
.pc-sidebar .pc-user-card {
    background-color: #f3f4f6 !important;
    border: none !important;
    border-radius: 12px !important;
    margin: 0 15px 15px !important;
    overflow: hidden !important;
}

.pc-sidebar .pc-user-card .card-body {
    background-color: #f3f4f6 !important;
    border-radius: 12px !important;
}

/* Nom de l'utilisateur - plus petit et sur 2 lignes */
.pc-sidebar .pc-user-card h6.user-name {
    color: #1f2937 !important;
    font-size: 0.875rem !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

/* Rôle de l'utilisateur - encore plus petit */
.pc-sidebar .pc-user-card .user-role {
    color: #6b7280 !important;
    font-size: 0.7rem !important;
    display: block !important;
    margin-top: 2px !important;
    text-transform: capitalize !important;
}

.pc-sidebar .pc-user-card span {
    color: #1f2937 !important;
}

/* Items du menu avec coins arrondis */
.pc-sidebar .pc-navbar > .pc-item {
    margin: 0 10px !important;
}

.pc-sidebar .pc-navbar > .pc-item > .pc-link {
    border-radius: 8px !important;
}

/* Liens du menu en blanc */
.pc-sidebar .pc-navbar .pc-item .pc-link {
    color: #ffffff !important;
}

.pc-sidebar .pc-navbar .pc-item .pc-link:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

.pc-sidebar .pc-navbar .pc-item.active > .pc-link,
.pc-sidebar .pc-navbar .pc-item .pc-link.active {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}

/* Icônes du menu en blanc */
.pc-sidebar .pc-navbar .pc-item .pc-link .pc-micon i {
    color: #ffffff !important;
}

/* Flèches de sous-menu en blanc */
.pc-sidebar .pc-navbar .pc-item .pc-link .pc-arrow i {
    color: #ffffff !important;
}

/* Sous-menus */
.pc-sidebar .pc-navbar .pc-submenu {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.pc-sidebar .pc-navbar .pc-submenu .pc-item .pc-link {
    color: rgba(255, 255, 255, 0.8) !important;
    border-radius: 8px !important;
    background-color: transparent !important;
}

.pc-sidebar .pc-navbar .pc-submenu .pc-item .pc-link:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

/* Supprimer le fond actif du sous-menu */
.pc-sidebar .pc-navbar .pc-submenu .pc-item .pc-link.active {
    background-color: transparent !important;
}

/* Liens de la card user */
.pc-sidebar .pc-user-links a {
    color: #1f2937 !important;
}

.pc-sidebar .pc-user-links a:hover {
    color: #1c2743 !important;
}

.pc-sidebar .pc-user-links a i {
    color: #1f2937 !important;
}

/* Bouton collapse de la card user */
.pc-sidebar .pc-user-card .btn-link-secondary {
    color: #1f2937 !important;
}

.pc-sidebar .pc-user-card .btn-link-secondary:hover {
    color: #1c2743 !important;
}

/* LISTE DES FORMATIONS */
/* Réduire la taille du switch de statut */
.form-check-input.status-switch {
    width: 2rem !important;
    height: 1rem !important;
    cursor: pointer;
}

/* Réduire la hauteur des inputs de recherche dans l'en-tête du tableau */
#trainingTable thead .form-control-sm {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.8rem !important;
    height: auto !important;
    line-height: 1.2 !important;
}

/* Styliser le select de la colonne Enseigne */
#trainingTable thead .form-select-sm {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.8rem !important;
    height: auto !important;
    line-height: 1.2 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: none !important;
    padding-right: 0.5rem !important;
}