.payment_plan_title, .payment_desc_title, .info_book_title {
    font-family: Roboto-Medium;
    color: #212121;
}

.payment_deadline {
    font-family: Roboto;
    color: #757575;
}

.info_book_comments {
    width: 100%;
}

.payment_deadline {
    display: inline-table;
    width: 100%;
    margin-bottom: 8px;
}

.cc_deadline {
    order: 1;
    width: 100px;
}

.payment_deadline_details_date {
    order: 2;
    width: calc(100% - 201px)
}

.payment_deadline_details_price {
    order: 3;
    width: 100px;
    text-align: right;
}

.payment_table {
    width: 100%;
}

#additional_comments {
    margin-top: 16px;
    margin-bottom: 16px;
    background-color: white;
}

#payment_plan {
    background-color: white;
}

#cart {
    background-color: white;
}

.price_without_reduction{
    text-decoration: line-through;
    color : grey !important;
}

.cart_buttons > .btn {
    margin-top: 24px;
}

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

.form-validate-cart {
    float: right;
    clear: right;
}

.cart_buttons {
    min-height: 60px;
    margin-bottom: 12px;
}

.payment_content {
    padding-top: 12px;
}

#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;
}

/*on cache le bouton valider par defaut du panier*/
.cart_buttons {
    display: none;
}

/*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) {

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

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

}

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

    #navigate_forward,
    #navigate_forward div,
    #navigate_forward button,
    #navigate_back,
    #navigate_back div,
    #navigate_back button {
        display: block;
        width: 100%;
    }

}