section .section-content {
    max-width: 720px;
}

.form-button {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.form-clear-cart {
    display: none;
}

.form-cart hr.line_separator {
    display: none;
}

.book_promo {
    display: none;
}

.book_total {
    margin-top: 2rem;
}

#main-content {
    width: 100%;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;

}

.checkin-container {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    /*align-items: center;*/
    justify-content: center;
}

.checkin-container.ModulePaymentPlan {
    flex-direction: column;
    align-items: flex-start;
}

#modalities {
    flex-grow: 1;
    display: flex;
    width: 100%;
}

.moduleInvoiceModalitiesWrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.moduleInvoiceModalitiesWrapper .modalitiesForm {
    display: grid;
    /*grid-template-columns: 20px auto 20px auto;*/
    grid-template-columns: auto;
    grid-template-rows: auto;
    width: 100%;
}


label.company-title, label.indiv-title {
    text-transform: uppercase;
    font-size: 10px;
    display: none;
}

#terms_and_conditions_of_sale_div {
    margin-bottom: 24px;
    margin-top: 24px;
    font-size: 14px;
    color: #757575;
}
#consent_div {
    margin-bottom: 24px;
    font-size: 14px;
    color: #757575;
}

.lbl-link-sales-terms {
    color: var(--main-color);
    text-decoration: underline;
    cursor: pointer;
}

#cart_shortcut {
    display: none !important;
}

.form-validate-cart {
    display: none;
}

.obs-container {
    flex-direction: column;
}

#obs, #infoBook, .info_book_comments {
    width: 100%;
}

.info_book_title {
    align-self: flex-start;
}

.form-pay-remainder {
    display: none;
}

.after-promo.before-total {
    display: none;
}

.sqs div.other_stays_of_books {
    font-family: Roboto-Medium;
    margin-bottom: 1rem;
}

.cart-resume .extra_prod_price {
    margin-right: 0 !important;
}


.sqs .other_payor, .sqs .other_payor input,.external_paid {
    font-style: italic;
}

.ModuleCartDetails .stay_total {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.ModuleCartDetails .stay_total .stay_total_price{
    margin-right: 0!important;
}

.ModuleCartDetails .stay_price{
    float: none;
    position: absolute;
    right: 0;
    width: auto;
}

.ModuleCartDetails .extra_prod_price {
    margin-right: 0px!important;
}

.ModuleCartDetails .pax_items{
    margin-top: 0!important;
}

.ModuleCartDetails .pax_items{
    margin-top: 0!important;
}

.ModuleCartDetails .single_stay_total_price_value,
.ModuleCartDetails .single_stay_line-separator,
.ModuleCartDetails .single_stay_total_label{
    display: block;
}
.ModuleCartDetails .single_stay_total_label{
    font-family: Roboto-Medium;
}
.ModuleCartDetails .single_stay_total_price_value{
    margin-bottom: 20px;
}
.ModuleCartDetails .stay_item .single_stay_total_label,.ModuleCartDetails .stay_item .single_stay_total_price_value{
    text-align: right;
}

.ModuleCartDetails .other_stays_read_only div,.ModuleCartDetails .other_stays_read_only label{
    color:#757575!important;
    font-size: 14px;
}

.ModuleCartDetails .cart_item_dates,.ModuleCartDetails .stay_payor{
    width: auto!important;
}

.ModuleCartDetails .stay_payor {
    margin-left: 4px;
    flex-grow: 1;
}
.ModuleCartDetails .stay_payor > .external_paid{
    width: 100%;
    text-align: right;
}

.ModuleCartDetails .extra_prod_payor_name{
    font-size: 14px;
}

.ModuleCartDetails .stay_item .extra_prod.stay_prod_other_payor{
    margin-top: 0!important;
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto;
}

.ModuleCartDetails .stay_item .extra_prod.stay_prod_other_payor > .extra_prod_price{
    grid-row: 1/2;
    grid-column: 2/3;
}

.ModuleCartDetails .stay_item .extra_prod.stay_prod_other_payor > .extra_prod_label{
    grid-row: 1/2;
    grid-column: 1/2;
}

.info-card {
    padding-left: 1rem;
}

#checkinAccordion{
    margin-right: 8px;
}


/*customisation fil d'arianne*/
#main-content .form-wizard-step .icon {
    /*padding: 6px;*/
    font-size: 1rem;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border: solid;
    border-radius: 100%;

    border-color: rgba(85, 85, 85, 0.87);
    border-width: 1px;
    color: rgba(85, 85, 85, 0.87);
}

#main-content .form-wizard-step .icon:before {
    margin-bottom: 0.1px;
}

#main-content .form-wizard--icon .form-wizard-step {
    flex-direction: row;
}

#main-content .form-wizard--line hr {
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

#main-content .form-wizard-step .icon-booking-engine-edited {
    background-color: #00adb3 !important;
    color: #ffffff !important;
    border-color: #00adb3 !important;
}

#main-content .form-wizard-step.active .icon{
    border-color: #00ADB3;
    border-width: 2px;
    color:#212121;
}

#main-content .form-wizard-step.active {
    font-family: Roboto-Medium;
    color: #212121;
}

#main-content .form-wizard-step.active {
    font-family: Roboto-Medium;
    color: #212121;
}

#main-content hr.active{
    border-top-width: 2px;
    border-color: #00ADB3;
}

#title-content{
    margin-bottom: 1rem;
    margin-top: 1rem;
    align-self: flex-start;
}

#main-content .step-button {
    margin-bottom: 8px;
    display: flex;
    margin-top: 8px;
    flex-direction: row;
    gap: 8px;
}


/*890 et plus : tablette paysage et PC*/
/*- Entre 700 et 889  : tablette portrait*/
/*- Entre 396 et 699 : smartphone XL*/
/*- Moins de 396 : smartphone*/
@media (min-width: 890px) {
    #main-content {
        padding-left: 50px;
    }

    section.main-section {
        padding-left: 250px;
        padding-right: 250px;
    }
}

@media (min-width: 700px) and (max-width: 889px) {

}

@media screen and (min-width: 551px) and (max-width: 699px) {
    div.moduleInvoiceModalitiesWrapper{
        padding-left: 8px;
        padding-right: 8px;
    }

    .moduleInvoiceModalitiesWrapper .modalitiesForm {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: 20px auto auto;
        width: 100%;
    }

    label.company-title, label.indiv-title {
        display: inline;
    }

    .indiv-header {
        grid-row: 1/2;
        grid-column: 1/2;
    }

    .company-header {
        grid-row: 1/2;
        grid-column: 2/3;
    }

    .individual-invoice-modality {
        grid-row: 2/3;
        grid-column: 1/3;
    }

    .company-invoice-modality {
        grid-row: 3/4;
        grid-column: 1/3;
    }

    .company-invoice-modality, .individual-invoice-modality {
        display: none;
    }


    .indiv-checked .individual-invoice-modality, .company-checked .company-invoice-modality {
        display: block;
    }

    .invoice-modality {
        margin-top: 12px;
    }

    .ModuleCartDetails .stay_payor {
        margin-left: 0px;
    }

    .ModuleCartDetails .stay_payor > .external_paid{
        text-align: initial;
    }
}

@media (max-width: 550px) {
    div.moduleInvoiceModalitiesWrapper{
        padding-left: 8px;
        padding-right: 8px;
    }
    .moduleInvoiceModalitiesWrapper .modalitiesForm {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto auto auto auto;
        width: 100%;
    }

    label.company-title, label.indiv-title {
        display: inline;
    }

    .indiv-header {
        grid-row: 1/2;
        grid-column: 1/2;
    }

    .company-header {
        grid-row: 1/2;
        grid-column: 2/3;
    }

    .individual-invoice-modality {
        grid-row: 2/3;
        grid-column: 1/3;
    }

    .company-invoice-modality {
        grid-row: 3/4;
        grid-column: 1/3;
    }

    .company-invoice-modality, .individual-invoice-modality {
        display: none;
    }


    .indiv-checked .individual-invoice-modality, .company-checked .company-invoice-modality {
        display: block;
    }

    .invoice-modality {
        margin-top: 12px;
    }

    .ModuleCartDetails .stay_payor {
        margin-left: 0px;
    }

    .ModuleCartDetails .stay_payor > .external_paid{
        text-align: initial;
    }
}

/* pour l'instant on ne propose pas de choisir l'échéancier de paiement */
.payment_plan_title,
.payment_plan_choice {
    display: none;
}

.payment_deadline {
    display: flex;
    align-items: center;
}

.cc_deadline {
    order: 1;
    min-width: 12px;
}

.payment_deadline_details_date {
    order: 2;
    margin-left: 16px;
}

.payment_deadline_details_price {
    order: 3;
    margin-left: 16px;
}

.form-pay-remainder {
    float: right;
    clear: right;
}

.payment_desc_title {
    font-family: "Roboto-Medium";
    margin-top: 24px;
}

.extra_prod_quantity {
    display: inline-block;
}

.stay_extra_prod {
    margin-top: 8px;
}


.means-of-payment {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
}


#checkinAccordion {
    width: 100%;
}



/*890 et plus : tablette paysage et PC*/
/*- Entre 700 et 889  : tablette portrait*/
/*- Entre 396 et 699 : smartphone XL*/
/*- Moins de 396 : smartphone*/

@media (min-width: 700px) {

    .remainder_content {
        margin-left: calc(100% / 2 - 350px); /* permet de centrer l'affichage des propositions */
        width: 700px;
    }

    #auth .tab-btn {
        margin-right: 16px;
    }

}

@media (max-width: 699px) {
    .remainder_content {
        width: calc(100vw - 16px);
        margin-left: 8px;
        margin-right: 8px;
    }

}