.bg-danger {
    background-color:#a60306 !important;
}

.bg-color1 {
    background-color:#284ae0 ;
}

.bg-dark {
    background-color:#000000 !important;
}


.bg-color2 {
    background-color:#e9ef21 ;
}

.color1 {
    color: #FF914D;
}


.sidebar-dark {
    background: linear-gradient(135deg, #3a1c71, #d76d77, #ffaf7b); /* Exemple de dégradé allant du rouge foncé au rouge vif */
}


 /* Onglet actif */
.nav-tabs-custom .nav-item .nav-link.active {
    color: #FF914D !important; /* Orange vif */
    border-bottom: 2px solid #FF914D !important; /* Ligne inférieure orange */
    background-color: transparent !important; /* Fond transparent */
}

/* Onglet inactif */
.nav-tabs-custom .nav-item .nav-link {
    color: #4C5C68; /* Gris bleuté doux */
    border-bottom: 2px solid transparent; /* Supprime la bordure pour les inactifs */
}

/* Effets survol et focus des onglets */
.nav-tabs-custom .nav-link:focus,
.nav-tabs-custom .nav-link:hover {
    color: #FF914D; /* Couleur au survol */
    border-bottom: 2px solid #FF914D !important; /* Ligne inférieure orange */
    box-shadow: none !important; /* Supprime les ombres */
    background-color: transparent; /* Fond transparent */
}


/* Boutons */
.btn-primary {
    background-color: #FF914D; /* Orange vif */
    border-color: #FF914D;
    color: #FFFFFF; /* Texte blanc */
}

.btn-primary:hover {
    background-color: #E87E3A; /* Légère variation de l'orange */
    border-color: #E87E3A;
}

.alert-text-orange {
    color: #FF914D;
}

/* Pour cibler l'offcanvas spécifique par son ID */
#offcanvasRight {
    background-color: #252a30 !important;
  }
  
  /* Ou pour cibler tous les offcanvases (si vous voulez le même style pour tous) */
  .offcanvas {
    background-color: #252a30 !important;
  }

  
  .mdi.spin {
    animation: mdi-spin 1s infinite linear;
  }



>>>>>>> origin/master
 

  @keyframes mdi-spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
  }