/* Gestion CSS du booststrap de basse 
Changement des couleurs primaires
*/


/* Paramettrage par defaut des CTA  */
.btn-outline-primary, .bg-primary, .text-primary, .border-primary {
  background-color: #ffffff !important; /* Pour les backgrounds */
  border-color: #000000 !important; /* Pour les bordures */
  color: #000000 !important; /* Pour le texte sur fond primaire */
}


/* Styles spécifiques pour les boutons désactivés */
.btn:disabled, .btn-outline-primary:disabled, .bg-primary:disabled, .text-primary:disabled, .border-primary:disabled {
  background-color: #ededed !important; /* Gris clair pour le fond */
  border-color: #bdbdbd !important; /* Gris pour les bordures */
  color: #8c8b8b !important; /* Gris foncé pour le texte */
  font-size: 16px !important;
  font-weight: 500 !important; 
}



/* Paramettrage par defaut des CTA  */
.btn-outline-info, .bg-info, .text-info, .border-info {
  background-color: #ffffff !important; /* Pour les backgrounds */
  border-color: #000000 !important; /* Pour les bordures */
  color: #d70951 !important; /* Pour le texte sur fond primaire */
}


/* Style pour les cta Radio selectionné */
.btn-check:checked + .btn-outline-primary {
  background-color: #000000 !important; 
  border-color: #000000 !important; 
  color: #ffffff !important; 
}


/* Style pour les hover des boutons radio */
.btn-outline-primary:hover {
  background-color: #000000 !important; 
  border-color: #000000 !important; 
  color: #ffffff !important; 
}


label.btn-outline-primary {
  font-size: 16px !important;
  line-height: 1.7 !important;  /* Une hauteur de ligne confortable pour la lecture */
  font-weight: 600 !important; 
}



/* SWITCH */
/* Couleur lorsque le switch est activé */
.form-check-input:checked {
  background-color: #4CAF50 !important; /* Vert */
  border-color: #4CAF50 !important;
}

/* Couleur de la poignée du switch lorsque activé */
.form-check-input:checked + .form-check-label::before {
  background-color: #fff !important; /* Blanc */
}

/* Couleur de fond du switch lorsqu'il est désactivé */
.form-check-input {
  background-color: #ccc !important; /* Gris */
  border-color: #ccc !important;
}

/* Couleur de la poignée du switch lorsqu'il est désactivé */
.form-check-input + .form-check-label::before {
  background-color: #fff !important; /* Blanc */
}

/* Style optionnel pour changer la couleur lors du focus */
.form-check-input:focus {
  border-color: #80bdff !important;
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.25) !important;
}


.custom-red {
  background-color: #B91B4C !important; /* Un rouge plus vif */
  border-color: #B91B4C !important; /* Bordure d'une couleur rouge plus profonde */
}


.custom-yello {
  background-color: #FF8851 !important; /* Un rouge plus vif */
  border-color: #FF8851 !important; /* Bordure d'une couleur rouge plus profonde */
}


.custom-green {
  background-color: #86D71F !important; /* Un rouge plus vif */
  border-color: #86D71F !important; /* Bordure d'une couleur rouge plus profonde */
}


.custom-blue {
  background-color: #400E80 !important; /* Un rouge plus vif */
  border-color: #400E80 !important; /* Bordure d'une couleur rouge plus profonde */
}

.custom-blue-texte {
  color: #400E80 !important; /* Un rouge plus vif */
}

.custom-red-texte {
  color: #b8054d !important; /* Un rouge plus vif */
}

.custom-green-texte {
  color: #00b75b !important; /* Un rouge plus vif */
}


.custom-grey-texte {
  color: #b9b9b9 !important; /* Un rouge plus vif */
}


.custom-white {
  background-color: #ffffff !important; /* Un rouge plus vif */
  border-color: #dee2e6 !important; /* Bordure d'une couleur rouge plus profonde */
}


/* custom.css */
/*
#fullscreenModal .modal-dialog {
  max-width: none;
  width: 100%;
}

#fullscreenThisModal .modal-dialog {
  max-width: 100%;
  width: 100%; 
}

#fullscreenModal .modal-content {
  width: 100%;
  height: 100%; 
}

.modal-dialog {
  width: 100% !important; 
  max-width: 100% !important; 
  height: 100% !important;
}


.modal-fullscreen-custom .modal-dialog {
  max-width: 100%;
  width: 100%;
  margin: 0;
  height: 100%;
}

.modal-fullscreen-custom .modal-content {
  height: 100%;
  border-radius: 0;  
}

*/


.input-group-text { /* Ajuste la valeur des span avec icone dans les group-texte */
  display: inline-block;
  min-width: 50px; 
  text-align: center;
}

/*
.ph {
  font-size: 20px;
}
*/
.add_audience {
  cursor: pointer;  /* Définit le curseur comme pointer sur l'élément */
}

.add_glossaire {
  cursor: pointer;  /* Définit le curseur comme pointer sur l'élément */
}


.add_seo {
  cursor: pointer;  /* Définit le curseur comme pointer sur l'élément */
}


.add_marque {
  cursor: pointer;  /* Définit le curseur comme pointer sur l'élément */
}


.clickable-div {
  cursor: pointer;
}