.tt-capitalize {text-transform: capitalize;}
.breadcrumb a, .form-check, .dt-orderable-none, .form-check-input {cursor: pointer !important}
.grabable {
  cursor: grab;
}
.drawer {z-index: 550}
.grabbed {
  box-shadow: 0 0 5px #056ee9;
}

.grabCursor,
.grabCursor * {
  cursor: grabbing !important;
}
.fadeOut {
      transition: opacity 0.2s linear !important;
}
@media (min-width: 992px) {
    .wrapper {
        padding-left: 0;
    }
}
.alerte .fc-header-toolbar .fc-myCustomButton-button {background-color:var(--bs-primary) !important;color:white}
.alerte .fc-header-toolbar .fc-myCustomButton-button:hover {background-color:var(--bs-primary-active) !important;color:white !important}
.planningNav li a {border-bottom-width: 3px !important;padding-bottom:3px !important;}
.planningNav li a.active {border-bottom-width: 6px !important;padding-bottom:0px !important;}

.card.table-info {background:#ded3f6}
.searchRes span {color:black;background: yellow;}
.infoTechnique input::placeholder {color:#ccc}
html[data-bs-theme="dark"] .cWhite {color: #15171c !important;}
.logBox {padding-top:20rem !important;padding-bottom:20rem !important;}

.note-editor.note-frame {
    border: 1px solid #ececec;
}
 #note .note-editor .note-editable {
            font-size: 16px; /* Taille de police par d¨¦faut */
        }


.ovh.redirection li[data-dt-column="2"] {
    display:none !important;
}
.ovh.redirection .groupHead li[data-dt-column="2"] {
    display:table-row !important;
}

.ovh.emails ul[data-dt-column="2"],.ovh.emails ul[data-dt-column="3"],.ovh.emails ul[data-dt-column="4"],.ovh.emails ul[data-dt-column="5"] {
    display:none !important;
}
.ovh.emails ul.groupHead[data-dt-column="2"],.ovh.emails ul.groupHead[data-dt-column="3"],.ovh.emails ul.groupHead[data-dt-column="4"],.ovh.emails ul.groupHead[data-dt-column="5"] {
    display:table-row !important;
}

.note-editor{
             display: inline-block;
            }
.planning .card .hideshow2 img {max-width: 100%;height: auto}
.forceHide {display: none}
.note-editor.note-frame.card {width: 100%;}

    .demande.create .note-editor img,
    .demande.edit .note-editor img {
      max-width: calc(50vw - 254px);
    }

.demandeline .resumepopup {display:none;position:fixed;right:15px;bottom:10%;z-index:1000;background:#FFFFFF;-webkit-box-shadow: 5px 5px 15px 5px #000000; 
box-shadow: 5px 5px 15px 5px #000000;max-width:360px;padding:15px;min-width:200px;max-height:calc(100vw - 200px);overflow: hidden}
.demandeline:hover .resumepopup {display:block}

.demandeline .resumepopup img {max-width:90% !important;height:auto  !important;}

    
    #realPlanning ul.connectedSortable {margin:0 3px 15px 3px;padding: 1rem;background: #f8fbff;border-left: 5px solid #0d5cd5;margin-left:1rem;}
    #realPlanning ul.connectedSortable li {padding:3px 6px;border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
    }
    #realPlanning ul#nonProgrammee.connectedSortable {border-left: 5px solid #7e8896;}
    h3.ordrepriorite {background:#0d5cd5;color:#FFFFFF;font-size: 12px;
    padding: 0.5rem 1rem;
    display: inline-block;
    margin-bottom: -25px;transform: translateY(12px);}
    h3.nonprogramme {background:#7e8896;color:#FFFFFF;font-size: 12px;
    padding: 0.5rem 1rem;
    display: inline-block;
    margin-bottom: -25px;transform: translateY(12px);}

.draggingElement ul.connectedSortable { background:#f9f8e0 !important;border:1px dotted black  }
.ui-sortable-placeholder {height:6px; background:black;padding:0 !important}
.planing_du_jour li:active {
            background-color: yellow; /* Couleur de surlignage */
-webkit-box-shadow: 1px 1px 15px -3px rgba(0,0,0,0.3); 
box-shadow: 1px 1px 15px -3px rgba(0,0,0,0.3);
 }
     .tableaureduit .limited-text {
            width: 140px; /* Largeur maximale du conteneur */
            max-height: 3.6em; /* Limite la hauteur du texte en fonction du nombre de lignes (3 lignes ici) */
            overflow: hidden; /* Cache le texte qui dépasse */
            display: -webkit-box; /* Utilise le modèle de boîte flexible de WebKit pour le conteneur */
            -webkit-box-orient: vertical; /* Définit l'orientation de la boîte en vertical */
            -webkit-line-clamp: 3; /* Limite le texte à 3 lignes */
            line-height: 1.2em; /* Hauteur de ligne */
            text-overflow: ellipsis; /* Ajoute les "..." pour indiquer que le texte est tronqué */
            transition: max-height 0.5s ease; /* Animation lors de l'affichage complet */
         font-size:12px !important;
        }
    .hideshow {display:block !important;}
    .ihideshow {display:inline-flex !important;}
    .hideshow2 {display:none !important;}
    .ihideshow2 {display:none !important;}
    .tableaureduit .ihideshow {display:none !important;}
    .tableaureduit .hideshow {display:none !important;}
    .tableaureduit .ihideshow2 {display:inline-flex !important;}
    .tableaureduit .hideshow2 {display:block !important;}
         .tableaureduit .expanded {
            max-height: none; /* Enlève la limitation de hauteur */
            -webkit-line-clamp: unset; /* Enlève la limitation de lignes */
        }
    #kt_profile_overview_table .demandeline:hover {
        background:yellow;
    }


.dossierToday { 
    width: 100%;
    border-left: 1px solid navy;
    padding: 1.5%;
    display: inline-block;
    background: rgba(0, 255, 0, 0.05);
    margin-bottom: 2%;
    margin: 1.5% -0.5% 6%;
    transform: scale(1.05);
    -webkit-box-shadow: 5px 5px 15px 5px #c8e6ff;
    box-shadow: 5px 5px 15px 5px #D6D6D6;
}

.dossierToday.done { 
    width: 100%;
    border-left: 1px solid green;
    padding: 1.5%;
    display: inline-block;
    background: rgba(0, 255, 0, 0.05);
    margin-bottom: 2%;
    margin: 1.5% -0.5% 6%;
    transform: scale(1.05);
    -webkit-box-shadow: 5px 5px 15px 5px #D6D6D6;
    box-shadow: 5px 5px 15px 5px #D6D6D6;
}

.dossier3Jours { 
    width: 100%;
   
    border-left: 1px solid orange;
    padding: 1.5%;
    display: inline-block;
    background: rgba(255, 50, 0, 0.05);
    margin-bottom:2%;

}

.dossierProchainement { 
    width: 100%;
    border-left: 1px solid grey;
    padding: 1.5%;
    display: inline-block;
    border-bottom: 1px solid #CECECE;
    background: rgba(0, 0, 0, 0.05);
}

.dossierToday span, .dossier3Jours span, .dossierProchainement span {display: block;margin-bottom: 1.5%;padding: 1.5% 1%;}
.dossierToday .titreDossier {color:#FFF;font-weight: bold;display:inline-block;padding:1.5%;margin:-3% -3% 1.5%;background:navy;}
.dossier3Jours  .titreDossier {color:#FFF;font-weight: bold;display:inline-block;padding:1.5%;margin:-3% -3% 1.5%;background:orange;}
.dossierProchainement  .titreDossier{color:#FFF;font-weight: bold;display:inline-block;padding:1.5%;margin:-3% -3% 1.5%;background:grey;}

.dossierProchainement span {border-bottom: 1px dotted;border-color:rgba(0,0,0,0.15);}


    .lanote {padding: 1rem 1rem 0;    background: rgba(255, 250, 209, 0.6);border-left: 5px solid yellow;margin-bottom:30px;margin: 0.5rem 0;} 

    .lanote p {margin-bottom:0; padding-bottom: 10px}

    .lesAlertes {padding: 1rem 1rem 0;background: rgba(255, 138, 0, 0.1);border-left: 5px solid orange;margin-bottom:30px;margin:0.5rem 0;margin-left:1rem;padding:2rem 1rem 0.5rem;} 
    .connectedSortable {
        min-height: 20px;
        list-style-type: none;
        margin: 0;
        padding: 0 0 0 0;
        margin-right: 0;
        margin-top:15px;
        background:#f9f9f9;
        margin-bottom:15px;
    }
    .connectedSortable li {
        cursor:all-scroll;
        margin:10px 0;
    }

        h5.alerteJour {background:orange;color:#FFFFFF;font-size: 12px;
    padding: 0.3rem 1rem;
    display: inline-block;
    margin-bottom: -25px;transform: translateY(12px);}
    h5.alerteJour::before {content:"";display:block;clear:both;}

    .limited-text {max-width: 360px !important;}
    #kt_project_targets_card_pane img {max-width:90%;height:auto;}
    .limited-text img {max-width:90%;height:auto;}
    #kt_profile_overview_table img {max-width:90% !important;height:auto  !important;}
    #kt_profile_overview_table .demandeline .resumepopup {display:none;position:fixed;right:15px;bottom:10%;z-index:1000;background:#FFFFFF;-webkit-box-shadow: 5px 5px 15px 5px #000000; 
box-shadow: 5px 5px 15px 5px #000000;max-width:360px;padding:15px;min-width:200px;}
    #kt_profile_overview_table .demandeline:hover .resumepopup {display:block}
    
.hideDesktop {display: none !important}
@media (max-width: 990px) {
    .hideDesktop {display: flex !important}
}
@media (max-width: 767.98px) {
    .demande.create .note-editor img, .demande.edit .note-editor img {
        max-width: calc(100vw - 150px);
    }

    .planningNav li a {border-bottom-width: 2px !important;padding-bottom:3px !important;}
    .planningNav li a.active {border-bottom-width: 4px !important;padding-bottom:0px !important;}

    .hideMobile {display: none !important}
  .cWhite {color: var(--bs-gray-700) !important;}
  html[data-bs-theme="dark"] .cWhite {color: var(--bs-gray-700) !important;}
  .auth-bg img {max-width: 25vw !important}
  .auth-bg .align-items-stretch {max-height:450px !important}
  .logBox {padding-top:1rem !important;padding-bottom:1rem !important;}
}

  .note-editable img {width:auto !important;height:auto !important;}