/* range picker */
input[type='range'] {
    -webkit-appearance: none;
}

input[type='range']::-webkit-slider-runnable-track {
    width: 100%;
    height: 8px;
    background: #dee2e6;
    border: none;
    border-radius: 3px;
}

input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #4361ee;
    margin-top: -4px;
}

input[type="range"] {
    background-color: transparent;
}

.dark input[type='range']::-webkit-slider-runnable-track {
    background: #1b2e4b;
}

.dark input[type='range'] {
    background-color: transparent;
}

input[type='range']:focus {
    outline: none;
}

input[type='range']:active::-webkit-slider-thumb {
    background: #4361eec2;
    cursor: pointer;
}

#swal2-html-container {
    padding-right: 0px !important;
    padding-top: 20px;
    text-align: center;
}

.swal2-input{
    color: white !important;
}

.swal2-checkbox {
    background-color: transparent !important;
    color: white !important;
}

.contenu-explications ul li {
    list-style-type: disc; /* Supprime le style de la liste par défaut */
    list-style-position: inside; /* Positionne le point à l'intérieur du conteneur */
}

.contenu-explications p {
    text-align: justify;
    margin-bottom: 10px;
}

input.bg-red-400::placeholder {
    color: white; /* Changer la couleur du texte du placeholder en blanc */
}

.full .clr-field button {
    border-radius: 0px !important; /* Ajuster en fonction du style voulu */
}

.input-container-duree_pret1 {
    position: relative;
    display: inline-block;
    width: 100%; /* Ajuster selon la largeur souhaitée */
}

.input-container-duree_pret1 input {
    text-align: center; /* Centrer la valeur dans l'input */
    padding-right: 40px; /* Laisser de l'espace pour 'ans' à droite */
    width: 100%; /* S'assurer que l'input occupe toute la largeur du conteneur */
}

.input-container-duree_pret1::after {
    content: " ans"; /* Texte 'ans' ajouté */
    position: absolute;
    right: 10px; /* Ajuster pour placer 'ans' à droite */
    top: 50%;
    transform: translateY(-50%);
    font-weight: normal;
    color: #000; /* Couleur du texte 'ans' */
    pointer-events: none; /* Désactiver les interactions avec 'ans' */
}

.sortable-ghost {
    opacity: 0.5;
    background: #c8ebfb;
}

.panel-explications {
    cursor: move;
}

.mandatory {
    border-color: #E2A03F !important;
}