/* Exemple de styles personnalisés pour la zone de dépôt Dropzone */
.dropzone {
    border: 2px dashed #ccc!important; /* Bordure en pointillés grise */
    background-color: #f9f9f9!important; /* Couleur de fond gris clair */
    padding: 20px!important; /* Espacement intérieur */
    text-align: center!important; /* Alignement du texte au centre */
    font-size: 16px!important; /* Taille de la police */
    
}

.dropzone:hover {
    border-color: #333!important; /* Bordure en pointillés sombre au survol */
    background-color: #eee!important; /* Couleur de fond gris plus clair au survol */
}

.fc-event {
    cursor: pointer;
}

.btn-var{

    background-color: #333!important;
    padding: 5px 25px;
    width: 150px;
    border-radius: 50px;
    color: white;
    border-width: 3px;
    border-color: #333;
    white-space: nowrap;
    overflow: hidden; 
    text-overflow: ellipsis;
  
   
}

.btn-var:hover{
    background-color: white !important;
    padding: 5px 25px;
    border-radius: 50px;
    color: #333!important;
    border-width: 3px;
    border-color: #333;
}
.titre-var{
    margin-top:50px;
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999; /* Assurez-vous que le loader est au-dessus du contenu */
  
    display: none; 
 
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7); /* Fond semi-transparent */
    z-index: 1000; /* Assurez-vous qu'il s'affiche au-dessus du contenu */
    text-align: center;
    padding-top: 20%;
}

.loader::after {
    content: "";
    border: 4px solid #f3f3f3; /* Couleur de la bordure */
    border-top: 4px solid #3498db; /* Couleur de la bordure supérieure */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 2s linear infinite; /* Animation de rotation */
    display: inline-block;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.custom-modal {
    max-height: 80vh; /* Définissez la hauteur maximale souhaitée, par exemple, 80% de la hauteur de la fenêtre */
    
   
}

.custom-modal .modal-content {
    max-height: 100%; /* La hauteur maximale du contenu du modal */
  /* Ajoutez une barre de défilement si le contenu dépasse la hauteur maximale */
}

.custom-modal #previewDocument {
    min-height: 300px; /* Définissez la hauteur minimale souhaitée pour la prévisualisation */
} 

.paper-style {
    background-color: #ffffff; /* Couleur de fond blanche */
    border: 1px solid #ccc; /* Bordure grise */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); /* Légère ombre */
    padding: 20px 200px 20px 0; /* Espacement intérieur avec une valeur différente pour le côté droit */
    max-width: 100%; /* Largeur maximale du contenu */
    width: auto; /* Largeur automatique pour s'adapter au contenu */
    margin: 0 auto; /* Espacement intérieur pour le contenu */
}
.pill {
    display: inline-block;
    margin: 5px;
    padding: 5px 10px;
    border: 1px solid #000;
    color:#000;
    border-radius: 15px;
    cursor: pointer;

    /* Autres styles selon vos préférences */
}
.pill.selected {
    background-color: #007bff;
    color: white;
    /* Autres styles pour les pills sélectionnés */
}
label{
    color: #000;
}

.navbar-logo{
    transition: 1s all;
}



.navbar-logo:hover{
    opacity: 0.8;
}

#menu-icon{
    transition: 0.3s all;
}

#menu-icon:hover{
    opacity: 0.8;
}
.header-container .navbar {
    padding: 4px 0;
    height: 100px;
    background-color: #1b3c8b;
    border-bottom: 2px solid #fecc17;
}

.header-title{
    text-transform: uppercase!important;
    font-family: 'Montserrat'!important;
    font-weight:800!important;
    color: #1b3c8b!important;
}

.see-all-txt{
    font-family: 'Montserrat'!important;
    font-weight:600!important;
    color: #1b3c8b!important;
}

.see-all-txt a{
    color: #1b3c8b!important;
    transition: 0.5s all!important;
    background-color: #5f5f5f19;
    border-radius: 5px;
    padding: 3px 6px;

}

.see-all-txt a:hover{
    color: #fecc17!important;
    letter-spacing: 0.5px!important;
}

.card-body{
    min-height: 225px!important;
}



.alert{
    min-height: 150px!important;
}
.alert-warning, .alert-danger{
    display: flex;
    align-items: end;
}

.widget h2{
    color:#1b3c8b!important;
    text-transform: uppercase!important;
    font-weight: 900!important;
    letter-spacing: 0px!important;
    font-family: 'Montserrat'!important;

}

.widget .text-primary{
    font-size: 1.575rem!important;
    color: #1b3c8b!important;
    
}

.widget .text-danger{
    font-size: 1.575rem!important;
    color: #fecc17!important;
    

}

th{
    color:#1b3c8b!important;
    text-transform: uppercase!important;
    font-weight: 700!important;
    letter-spacing: 0px!important;
    font-family: 'Montserrat'!important;
    background-color: #5f5f5f19;
    border-bottom: #5f5f5f19 solid 3px!important;


}

.widget10{
    min-height: 300px;
    border: none!important;
}