/**
 * NOTICE OF LICENSE
 *
 * This source file is subject to a commercial license from SARL 202 ecommerce
 * Use, copy, modification or distribution of this source file without written
 * license agreement from the SARL 202 ecommerce is strictly forbidden.
 * In order to obtain a license, please contact us: tech@202-ecommerce.com
 * ...........................................................................
 * INFORMATION SUR LA LICENCE D'UTILISATION
 *
 * L'utilisation de ce fichier source est soumise a une licence commerciale
 * concedee par la societe 202 ecommerce
 * Toute utilisation, reproduction, modification ou distribution du present
 * fichier source sans contrat de licence ecrit de la part de la SARL 202 ecommerce est
 * expressement interdite.
 * Pour obtenir une licence, veuillez contacter 202-ecommerce <tech@202-ecommerce.com>
 * ...........................................................................
 *
 * @author    202-ecommerce <tech@202-ecommerce.com>
 * @copyright Copyright (c) 202-ecommerce
 * @license   Commercial license
 */

#ouibounce-modal {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

#ouibounce-modal .underlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    cursor: pointer;
    -webkit-animation: fadein 0.5s;
    animation: fadein 0.5s;
}

#ouibounce-modal .modal {
    width: 800px;
    height: 365px;
    background-color: #fff;
    z-index: 1;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    border-radius: 0;
    -webkit-animation: popin 0.3s;
    animation: popin 0.3s;
}

.btn_modal {
    cursor: pointer;
    color: white;
    line-height: 25px;
    font-size: 15px;
    display: inline-block;
    border-radius: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    float: right;
    margin-left: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.btn_continue {
    background-color: #bdbdbd;
}

.btn_checkout {
    background-color: #e03288;
    font-weight: 600;
}

.modal_inner {
    height: 100%;
    position: relative;
    border: 1px solid #df3589;
}

.corner {
    position: absolute;
}

.corner_t_l {
    left: -1px;
    top: -1px;
}

.corner_t_r {
    right: -1px;
    top: -1px;
}

.corner_b_l {
    left: -1px;
    bottom: -1px;
}

.corner_b_r {
    right: -1px;
    bottom: -1px;
}

.modal_content {
    display: flex;
    flex-direction: row;
}

.modal_content .modal_content_left {
    width: 220px;
}

.modal_content_left, .modal_content_right {
    padding: 15px;
    position: relative;
}

.modal_content_right > p:nth-child(1) {
    font-size: 20px;
    font-weight: bold;
    color: black;
}

.modal_content_right > p:nth-child(2) {
    font-size: 14px;
    font-weight: bold;
    color: black;
    line-height: 45px;
}

.free_text {
    text-transform: uppercase;
    font-weight: bold;
    color: black;
    font-size: 18px;
    text-align: center;
    position: absolute;
    bottom: 20px;
}

.cart_listing {
    height: 180px;
    overflow-y: scroll;
    margin-top: 10px;
}

.cart_listing::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.cart_listing::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */
.cart_listing::-webkit-scrollbar-thumb {
    background: #e03288;
}

/* Handle on hover */
.cart_listing::-webkit-scrollbar-thumb:hover {
    background: #e00d61;
}

.cart-images img {
    width: 50px;
}

.cart_listing dt {
    position: relative;
}

.cart_listing .infos {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 600;
    color: #000;
}

.cart_listing .infos .quantity-formated{
    margin-left: 15px;
}

.cart_listing .price {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    font-weight: 600;
    color: #e03288;
}

.cart_listing .cart_block_product_name {
    margin-left: 20px;
}

#close_popup {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 25px;
    cursor: pointer;
}