/* ========================================================================
 FORM
======================================================================== */
button[data-kt-indicator=off] .indicator-progress, a[data-kt-indicator=off] .indicator-progress {
    display: none;
}
button[data-kt-indicator=off] .indicator-label, a[data-kt-indicator=off] .indicator-label {
    display: block;
}
button[data-kt-indicator=on] .indicator-progress, a[data-kt-indicator=on] .indicator-progress {
    display: block;
}
button[data-kt-indicator=on] .indicator-label, a[data-kt-indicator=on] .indicator-label {
    display: none;
}

.form-check label {
    text-align: left;
}

.form-check-input {
    border: solid 2px var(--dark);
    width:20px;
    height: 20px;
}

.form-check-input:checked {
    background-color: var(--orange);
    border-color: var(--dark);
}

.input-hidden{
    height:0;
    width:0;
    visibility: hidden;
    padding:0;
    margin:0;
    float:right;
    position: absolute;
}

.input-group.inputTaillePoids {
    width: 214px !important;
}


/*
BUTTON
 */
.btn-little {
/*    font-size: .65rem;
    padding: 5px 15px 5px 15px;
    border:2px solid var(--dark);
    margin:20px 0 0;
    border-radius: 10px;
*/

    border-radius: 10px;
    border:2px solid var(--dark);
    padding: 8px 20px;
    font-size: 1rem;
    line-height: 1.2;
    margin: 0 5px 0 0;
}


p.bmiMessage, p.continueMessage, p.stopMessage {
    font-size: 18px !important;
}

button.disabled, button.not-allowed, .nav-link.disabled, .nav-link:disabled {
    cursor: not-allowed !important;
    pointer-events: auto !important;
}

/* ========================================================================
 ETAPES D'ACHAT
======================================================================== */
.prices-section .step.active .step-icon { background-color: var(--orange) !important; }
.prices-section .step.active .step-icon { color: var(--white) !important; }



/* ========================================================================
 AUTRE
======================================================================== */
.centered {
    margin: 0 auto !important;
}

#forget-password-link {
    position: relative;
    top: -19px;
    right: 0;
    text-align: right;
}

.security-form {
    padding: 2rem 2rem 0 2rem;
}


.select2-selection {
    /*border: var(--bs-border-width) solid var(--bs-border-color) !important;*/
    /*border-radius: var(--bs-border-radius);*/
    /*transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;*/
    /*text-align: left;*/

    text-align: left;
    background-color: var(--white);
    border-color: var(--dark) !important;
    border-width: 2px !important;
    border-radius: 10px 10px 10px 10px !important;
    padding: 4px 12px;
    min-height: 33px;
    font-size: 1.25rem;
    margin: 0 0 10px;
}

.select2-selection__placeholder {
    color: var(--bs-secondary-color) !important;
    opacity: 1;
    position: absolute;
    left: 10px;
    top: 7px;
}
.select2-selection__rendered {
    padding-top: 0px;
}
/*.select2-dropdown.select2-dropdown--below {*/
/*    width: calc(auto - 100px) !important;*/
/*}*/


/* Gestion des step: On en utilise que 3 */
.progress-steps::before {
    top: 40px; left: calc(50% / 3) !important;
    right: calc(50% / 3) !important; /* Divise par nombre d'items */
}



/* Gestion des bouton suivant / précédent pour les questionnaires */
.justify-content-between {
    justify-content: space-between !important;
}

/*button.btn-next-prev {*/
/*    background: var(--beige);*/
/*    border: 3px solid var(--dark);*/
/*    border-radius: 20px;*/
/*}*/

/*
console-data
 */

/* ========================================================================
Questionnaire
======================================================================== */
#espace-client .questionnaire form label {
    font-size: 25px;
}

#espace-client .questionnaire form .choice-box { margin: 0 auto;}


/* Composant bootstrap max length */
#espace-client .bootstrap-maxlength {
    background-color: red !important;
    display: none !important;
}

#espace-client .slider-global-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
}



/*
STRIPE
 */
.stripe-alert-message {
    color: #D8000C;
    background-color: #FFBABA;
    border-radius: 5px;
    margin: 10px;
}

#accordionPayment .accordion-header {
    padding: 0 !important;
}



#espace-client .section-newsletters .paiement-not-active h3 {
    font-size: 1.8rem;
    text-align: center;
}

.inner-panel .price-title { margin-bottom: 0px !important; }


.select2-container--open .select2-dropdown--below {
    width: 640px !important;
    margin: 0 0 0 10px;
}

.kcal-summary span {
    padding-top: 2px;
    padding-bottom: 2px;
}

.kcal-summary span img {
    width: 40px;
}