/**
* 2007-2024 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2024 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/
.lusap {
    .get-bulle-type-1-sub{
        color: #222;
        font-size: 23px;
        font-weight: unset;
        background-color: #ddd;
        border-radius: 50%;
        padding: 0px 8px 0px 9px;
        margin-left: 15px;
        cursor: pointer;
        position: absolute;
        margin-top: -5px;
    }
    .standard-notice-step-1-sub{
        margin-top: 150px;
        color: rgb(0, 0, 0);
        font-size: 14px;
        width: 70%;
        background-color: #F6F6F6;
        padding: 15px;
        position: absolute;
        z-index: 2;
        line-height: 16px;
        margin-left: 50px;
        h3{
            text-transform: uppercase;
        }
        p{
            color: #222;
            font-size: 14px;
            font-family: 'Open sans';
        }
    }

.notice-step-1, .notice-step-2, .notice-step-3, .notice-step-4, .notice-step-5, .notice-step-6, .notice-step-7, .notice-step-8, .notice-step-9{
        margin-top: 14px;
        color: #000;
        font-size: 13px;
        width: 70%;
        background-color: #eee;
        padding: 15px;
        position: absolute;
        z-index: 2;
        line-height: 16px;
        margin-left: 50px;
        h3{
            text-transform: uppercase;
            font-weight: 700 !important;
        }
        p{
            color: #000;
            font-size: 13px;
            line-height: 16px;
        }
        u{
            color: #555;
        }
    }
    .get-bulle-type-1, .get-bulle-type-4, .get-bulle-type{
        color: #222;
        font-size: 23px;
        font-weight: unset;
        background-color: #ddd;
        border-radius: 50%;
        padding: 0px 7px 0px 6px;
        margin-left: 12px;
        cursor: pointer;
    }
    .notice-error-popup{
        display: none;
        position: fixed;
        right: 25%;
        left: 25%;
        text-align: center;
        z-index: 9999;
        background-color: rgba(255,200,200,1);
        padding: 14px 30px 0px 30px;
        border-radius: 5px;
        bottom: 16px;
        box-shadow: 0px 2px 9px #999;
    }
    .close-popup{
        position: absolute;
        right: 8px;
        top: 7px;
        border: 1px solid #283C79;
        padding: 1px 5px 2px 6px;
        border-radius: 50%;
        color: #283C79;
        cursor: pointer;
    }
    #notice-error{
        color: #283C79;
    }
    .sap-item{
        cursor: pointer;
    }
    .sap-item:hover{
        /*box-shadow: 0px 2px 6px 2px #00AA00;*/
    }
    .sap-item-active, .bordered-active{
        box-shadow: 0px 2px 6px 2px #00AA00;
    }

    .fixed{
        width: 330px;
        background-color: #fff;
        border: 1px solid #eee;
        border-radius: 2px;
        padding: 23px 10px 3px 9px;
        box-shadow: 0px 0px 4px 3px RGBA(240,240,240,0.5);
        position: fixed;
        z-index: 9;
        bottom: 70px;
        right: 100px;
    }
    .absolute{
        width: 359px;
        background-color: #fff;
        border: 1px solid #eee;
        border-radius: 2px;
        padding: 23px 10px 3px 9px;
        box-shadow: 0px 0px 4px 3px RGBA(240,240,240,0.5);
        position: absolute;
        z-index: 9;
        bottom: 0;
        right: 0;
    }
    .cart-block{
        .title{
            text-align: left;
            margin: 0px;
            h2{
                color: #283C79;
                font-size: 25px !important;
                font-weight: 800 !important;
            }
        }
        hr{
            background-color: #283C79;
        }
        .summary{
            margin: 25px 0px 20px 0px;
            .label{
                color: #283C79;
                font-size: 16px;
                font-weight: 600;
            }
            .value{
                color: #000000;
                /*color: #00aa00*/;
                font-size: 16px;
                font-weight: 700;
            }
            button{
                width: 100%;
                color: #283C79;
                font-weight: 700;
                font-size: 20px;
                background-color: #dfe2eb;
                border-radius: 2px;
            }
        }
    }
    .cart-block-mobile{
        width: 359px;
        background-color: #fff;
        border: 1px solid #aaa;
        border-radius: 5px;
        padding: 0px 6px 0px 7px;
        box-shadow: 0px 0px 4px 3px RGBA(150,150,150,0.7);
        position: fixed;
        z-index: 999;
        bottom: 15px;
        right: 17px;
        .title{
            text-align: left;
            margin: 0px;
            h2{
                color: #283C79;
                font-size: 25px;
                font-weight: 700;
            }
        }
        hr{
            background-color: #283C79;
        }
        .summary{
            margin: 7px 0px 8px 0px;
            .label{
                color: #283C79;
                font-size: 12px;
                font-weight: 600;
            }
            .value{
                color: #000000;
                font-size: 16px;
                font-weight: 700;
            }
            button{
                width: 100%;
                color: #283C79;
                font-weight: 700;
                font-size: 14px;
                background-color: #dfe2eb;
                border-radius: 2px;
            }
        }
        #notice-error{
            font-size: 10px;
        }
    }
    .title{
        text-align: center;
        margin: 6px 0px 45px 0px;
        h1 {
            color: #283C79;
            font-size: 35px;
            font-family: Roboto Condensed Bold;
            text-transform: uppercase;
        }
    }
    .short-description {
        p {
            color: #283C79;
            font-size: 20px;
        }
    }
    .ekomi-image{
        margin: 35px 0px 0px 0px;
        display: none;
        img{
            width: 300px;
        }
    }
    .extra-parent{
        position: relative;
        top: -110px;
        margin-bottom: -43px;
    }

.group {
    /*margin: 40px 0px 40px 0px;*/
    .group-title{
        /*margin: 0px 0px 40px 0px;*/
        .number{
            /*border: 0px solid #283C79;
            border-radius: 50%;
            background-color: #283C79;
            padding: 4px 16px;
            color: #fff;
            font-size: 26px;
            font-weight: 600;*/
            margin: 0px 8px 0px 0px;
        }
        .title{
            text-transform: uppercase;
            color: #555;
            font-size: 20px;
            font-weight: 700;
            text-decoration: underline;
            text-decoration-color: #999;
            line-height: 40px;
        }
    }
    .group-option-type-one{
        /*display : inline-flex*/;
        /*margin: 30px 0px;*/
        margin: 10px 0px;
        /*width: 100%;*/
        width: 80%;
        margin-left: 35px;
        .item{
            /*margin: 0px 20px 0px  20px;*/
            text-align: center;

            img{
                height: 119px;
                width: auto;
                margin-bottom: 15px;
                margin-top: 15px;
            }
            .img-carre{

            }
            .img-rectangle{
                height: 87px;
                margin: 30px 0px;
            }
            .title_item{
                color: #283C79;
                font-size: 18px;
                font-weight: 700;
                min-height: 44px;
                padding: 0px 10px;
            }
            .decoupe-imag{
                height: 100px;
                img{
                    height: auto;
                    width: auto;
                    margin-bottom: unset;
                    margin-top: unset;
                    position: absolute;
                    bottom: 43px;
                    text-align: center;
                    right: 20%;
                }
            }
        }
    }
    .group-option-type-two{
        /*display : inline-flex;*/
        margin: 30px 0px;
        width: 100%;
        margin-left: 35px;
        .item{
            margin: 0px 20px 0px  20px;
            text-align: center;
            padding: 15px;

            img{
                height: 100px;
                width: auto;
                margin-bottom: 15px;
            }
            span{
                color: #283C79;
                font-size: 18px;
                font-weight: 700;
            }
        }
    }
    .group-option-type-three{
        margin: 30px 0px;
        width: 100%;
        margin-left: 35px;
        .input-text{
            display : inline-flex;
        }
        .input-checkbox{
            margin: 40px 0px;
            label{
                color: #283C79;
            }
        }
        .item{
            margin: 0px 20px 0px  20px;

            label{
                font-size: 18px;
            }
            input[type=number]{
                padding: 10px 0px;
                text-align: center;
                font-size: 18px;
                color: #283C79;
                /*margin: 0px 30px 0px 40px;*/
                margin: 0px 30px 0px 30px;
                width: 170px;
            }
            input[type=checkbox]{

            }
        }
    }
    .group-option-type-four{
        /*margin: 30px 0px;*/
        margin: 0px 0px 0px 32px;
        width: 100%;
        .item{
            margin: 10px 20px 40px  20px;
            text-align: center;
            border: 1px solid #ccc;
            padding: 36px 18px;
            max-height: 80px;
            display: flex;
            align-items: center;
            justify-content: center;
            max-width: 211px;

            img{
                height: 150px;
                width: auto;
                margin-bottom: 15px;
            }
            span{
                color: #283C79;
                font-size: 18px;
                font-weight: 700;
            }
            .price-item{
                font-weight: 500;
            }
        }
        .subgroup-title h3{
            color: #283C79;
            text-decoration: underline;
            font-weight: 700;
            margin: 26px 0px 20px 6px;
        }
    }
    .group-option-type-five{
        margin-left: 35px;
        .notice{
            margin: 30px;
            p{
                color: #ff0000;
                font-size: 18px;
                display: none;
            }
        }

    }
    .group-option-type-six{
        margin-left: 35px;
        .quantity-block{
            input[type=number]{
                padding: 0px;
                text-align: center;
                font-size: 18px;
                color: #000;
                /*margin: 0px 30px 0px 40px;*/
                width: 341px;
                height: 91px;
                font-weight: 700;
                border-radius: 10px;
                border: 1px solid #333;
            }
        }
    }

    .group-option-type-seven{
        margin: 30px 0px;
        width: 100%;
        margin-left: 35px;
        .item{
            margin: 6px 12px 10px  0px;
            text-align: center;
            border: 1px solid #283C79;
            padding: 36px 18px;
            max-height: 94px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px;
            width : 210px !important;

            &.sap-item{
                 border: 1px solid #ccc;
             }

            img{
                height: 150px;
                width: auto;
                margin-bottom: 15px;
            }
            span{
                color: #283C79;
                font-size: 18px;
                font-weight: 700;
            }
            .price-item{
                font-weight: 500;
            }
            .price-item > span{
                font-weight: 500;
            }
        }
        .subgroup-title h3{
            color: #283C79;
            text-decoration: underline;
            font-weight: 700;
            margin: 26px 0px 20px 6px;
        }
    }
}
}

.file-block-show {
.image-show {
    background-color: #D8D8D8;
}
}

#file-custom-sticker {
    width: 350px;
    max-width: 100%;
    color: #222245;
    padding: 8px;
    background-color: #fff;
    //border: 1px solid #222245;
}

#file-custom-sticker:focus {
    outline: 2px dashed #222245;
    outline-offset: 2px;
}

#file-custom-sticker::file-selector-button {
    margin-right: 8px;
    border: none;
    background: #222245;
    padding: 8px 12px;
    color: #fff;
    cursor: pointer;
}

#file-custom-sticker::file-selector-button:hover {
    background: #4747b8;
}

@media (prefers-color-scheme: dark) {

    #file-custom-sticker:focus {
        outline: 2px dashed #7c7cc0;
        outline-offset: 2px;
    }

    #file-custom-sticker::file-selector-button {
        background: #35356e;
        color: #fff;
    }
}

.btn-default:hover{
    background-color: #bdc0c9 !important;
}

.infos-bulle{
    position: absolute;
    right: 2px;
    bottom: -1px;
}

.infos-bulle-rond{
    position: unset;
    color: #283C79;
    font-size: 19px;
    font-weight: 700;
    background-color: #ccc;
    padding: 4px 10px;
    border-radius: 50%;
    cursor: pointer;
}

.infos-bulle-content{
    background-color: #fff;
    border: 1px solid #aaa;
    padding: 40px 20px 0px 20px;
    box-shadow: 0px 0px 4px 3px RGBA(150,150,150,0.7);
    margin: 0px 20px;
}

.info-bulle-content-quit{
    position: absolute;
    right: 14px;
    top: 5px;
    color: #aaa;
    font-size: 22px;
    cursor: pointer;
}

.infos-bulle-triangle {
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 25px 25px 25px;
    border-color: transparent transparent #ddd transparent;
    transform: rotate(135deg);
    right: -16px;
    bottom: -4px;
}

.sap-desabled{
    background-color: #aaa;
    color:#888;
}

.sap-desabled-bloc{
    position: absolute;
    width: 100%;
    height: 98%;
    background: #fff;
    z-index: 2;
    opacity: 0.4;
}

@media only screen and (min-width: 576px) and (max-width: 992px) {
    #btn-delete-picture, #btn-upload-picture{
        width: auto !important;
    }
}
@media only screen and (max-width: 992px) {
    .lusap {
        .get-bulle-type-1 {
            display: none;
        }
    }
    .lusap {
        margin: 0px 20px;
    }
    .lusap
    .group
    .group-title
    .title {
        font-size: 19px;
        position: absolute;
        text-align: left;
        margin-top: -5px;
    }
    .lusap
    .group
    .group-title {
        margin: 0px 0px 70px 0px;
    }
    .lusap
    .group
    .group-option-type-three
    .input-text {
        display: block;
    }
    .lusap
    .group
    .group-option-type-three
    .item
    input[type=number] {
        padding: 18px;
        text-align: center;
        font-size: 18px;
        color: #283C79;
        margin: 18px 30px 20px 30px;
    }
    .lusap
    .group
    .group-option-type-six
    .quantity-block
    input[type=number] {
        padding: 18px 10px;
    }
    .lusap
    .group
    .group-option-type-one
    .item
    .title_item {
        font-size: 15px;
    }
    .lusap
    .group
    .group-option-type-four
    .item
    span {
        font-size: 15px;
    }
    .lusap
    .group
    .group-option-type-two
    .item
    span {
        font-size: 15px;
    }
    .lusap
    .cart-block {
        bottom: 93px;
        right: 17px;
    }



    .lusap
    .group
    .group-option-type-seven
    .item
    span {
        font-size: 12px;
    }

    .lusap
    .group
    .group-option-type-seven
    .item {
        margin: 0px 20px 12px 20px;
        padding: 32px 11px;
        width: 90% !important;
    }

    .pm-link{
        color: #283C79;
        font-weight: 700;
        font-size: 12px;
    }
    .pm-navig{
        margin: 12px 0px;
        text-align: right;
    }
    .prod-modes-scroll{
        overflow-x: auto;
        scrollbar-width: none;
    }

    .prod-modes-scroll-right:after {
        position: relative;
        font-family: 'Material Icons';
        content: '\e5c8';
        font-size: 16px;
        left: 2px;
        top: 4px;
    }
    .prod-modes-scroll-left:before {
        position: relative;
        font-family: 'Material Icons';
        content: '\e5c4';
        font-size: 16px;
        left: 2px;
        top: 4px;
    }
}

.prod-modes table{
    width: 70%;
}

.date-estimatif p{
    margin-left: 20px;
    color: #283C79;
    font-weight: 600;
}


/*============== SLIDE +++++++++++++++++*/
.dot {
    height: 10px;
    width: 70px;
    margin: 0 2px;
    background-color: #ddd;
    border-radius: 36px;
    display: inline-block;
    transition: background-color 0.6s ease;
    cursor: pointer;
}

@keyframes fade {
    from {
        opacity: .9;
    }
    to {
        opacity: 1;
    }
}

.slide-imag{

    .active {
        background-color: #bbb;
    }
    .fade {
        animation-name: fade;
        animation-duration: 100s;
        height: 350px;
    }

}

.lusap{
    .extra{
        img{
            height: 50px;
            margin-left: 20px;
        }
    }
}

.lu-hidden{
    display: none;
}

.infos-bulle-content{
    margin-top: 14px;
    color: #000;
    font-size: 14px;
    width: 991px;
    background-color: #F6F6F6;
    padding: 15px;
    position: absolute;
    z-index: 2;
    line-height: 16px;
    margin-left: 18px;
    margin-top: 170px;
    h3{
        text-transform: uppercase;
    }
    p{
        color: #000;
        font-family: 'Open sans';
        font-size: 14px;
        margin-bottom: 0px;
    }
}
.lamination-content{
    margin-top: 100px;
}

.stickair-loader {
  border: 6px solid #f3f3f3; /* fond */
  border-top: 6px solid #6CD3BF; /* couleur du spinner */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
  margin: 100px auto;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.cart-block .stickair-loader {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.create-product-notice{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #6CD3BF;
    font-weight: bold;
}