#parameter-dialog {
    /* Positionnement fixe pour la boîte de dialogue */
    position: fixed;
    /* Couvre toute la surface de la fenêtre du navigateur */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Centre le contenu à l'écran */
    display: flex;
    align-items: center;
    justify-content: center;
    /* Ajoute un fond semi-transparent pour obscurcir le contenu en dessous */
    background: rgba(0, 0, 0, 0.5);
    /* Cache la boîte de dialogue par défaut */
    display: none;
    /* Assure que la boîte de dialogue est toujours au-dessus du reste */
    z-index: 9999;
}
#shortcut-dialog {
    /* Positionnement fixe pour la boîte de dialogue */
    position: fixed;
    /* Couvre toute la surface de la fenêtre du navigateur */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Centre le contenu à l'écran */
    display: flex;
    align-items: center;
    justify-content: center;
    /* Ajoute un fond semi-transparent pour obscurcir le contenu en dessous */
    background: rgba(0, 0, 0, 0.5);
    /* Cache la boîte de dialogue par défaut */
    display: none;
    /* Assure que la boîte de dialogue est toujours au-dessus du reste */
    z-index: 9999;
}

.custom-textarea {
    background-color: #F5F5F5;
    color: #000; /* Change this value to the color you want for the text */
}

.custom-textarea::placeholder {
    color: #999; /* Change this value to the color you want for the placeholder */
}


.turquoise-font-bold {
    color: #9de7b1; /* or the desired color */
    font-weight: bold;
}

.custom-select {
    background-color: #a8dadc;
    color: #000000;
    border: 2px solid #457b9d;
    border-radius: 8px;
    padding: 8px 16px;
    transition: all 0.3s ease;
}

.custom-select:hover {
    background-color: #1d3557;
    border-color: #a8dadc;
    color: #ffffff;
    box-shadow: 0 0 2px 2px #a8dadc;
    cursor: pointer;
}

.info-icon {
    padding: 8px;
    border-radius: 50%;
    background-color: #a8dadc;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
    transition: transform 0.15s ease-in-out;
    cursor: pointer;
}

.info-icon:hover {
    transform: scale(1.10);
    background-color: #1d3557;
    color: #ffffff;
}

.info-svg {
    height: 15px;
    width: 15px;
    fill: #000000;
}

/* Switch container */
/* Switch container */
.switch {
  position: relative;
  display: inline-block;
  width: 50px; /* Updated */
  height: 25px; /* Updated */
}

/* Hide default HTML checkbox */
.switch input {
  position: absolute; /* Added */
  width: 100%; /* Updated */
  height: 100%; /* Updated */
  opacity: 0;
  z-index: 1; /* Added */
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
  border-radius: 25px; /* Updated */
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px; /* Updated */
  width: 20px; /* Updated */
  left: 2.5px; /* Updated */
  bottom: 2.5px; /* Updated */
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #353d43;
}

input:focus + .slider {
  box-shadow: 0 0 1px #353d43;
}

input:checked + .slider:before {
  transform: translateX(25px); /* Updated */
}

/* Added hover effect */
.switch:hover .slider {
  box-shadow: 0 0 1px #353d43;
  cursor: pointer; /* Changes cursor to a hand on hover */
}

input:checked ~ .slider .sun-icon {
  display: none;
}

input:not(:checked) ~ .slider .moon-icon {
  display: none;
}

.modal {
  /* Positionnement au centre de l'écran */
  position: fixed;
  top: 50%;
  left: 50%;
  /* Utilisation de la transformation pour ajuster la position du modal en fonction de sa taille */
  transform: translate(-50%, -50%);

  /* Utilisation de flexbox pour centrer le contenu à l'intérieur du modal */
  display: flex;
  align-items: center;
  justify-content: center;

  /* Autres styles pour le modal (à adapter en fonction de vos besoins) */
  width: 80%;
  max-width: 500px;
  padding: 20px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

.modal-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}


.toggle-checkbox:checked {
  right: 0;
  border-color: #d6dbdc;
}

.toggle-label {
  background-color: #e94a5c;
}

.toggle-checkbox:checked + .toggle-label {
  background-color: #3da86d; /* Enlevez l'un des deux dièses */
}


/*.scrollable-div {
    overflow-x: auto;
    overflow-y: auto;
}*/
.ptitre {
        font-family: 'Roboto', sans-serif;
    }


/*body {
  overflow-x: hidden;
}
*/

/* Styles pour le conteneur Select2 */