/**

* 2007-2020 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-2020 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.

*/



/*import*/

@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css');

@import url('https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.0.0-beta.3/assets/owl.carousel.min.css');

@import url('https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.1/assets/owl.carousel.css');

@import url('https://use.fontawesome.com/releases/v5.0.8/css/all.css');

/*Slick*/

@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.8/slick-theme.min.css');

@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.8/slick.css');





/*form*/



.add-article-form #designation, .add-article-form #description, .add-article-form #descriptionEdit, .add-article-form #designationEdit {

    width: 100%;

    height: fit-content;

    padding: 10px;

}



.add-article-form input {

    min-width: 80%;

    height: fit-content;

    padding: 10px;

}



.upload__box * {

    box-sizing: border-box;

}



.upload__box {

    box-sizing: border-box;

}



.upload__inputfile {

    width: 0.1px;

    height: 0.1px;

    opacity: 0;

    overflow: hidden;

    position: absolute;

    z-index: -1;

    left: 0;

}



.upload__box label.upload__btn {

    margin-top: 0px;

}



.upload__btn {

    display: inline-block;

    font-weight: 600;

    color: #fff;

    text-align: center;

    min-width: 116px;

    padding: 5px;

    transition: all 0.3s ease;

    cursor: pointer;

    border: 2px solid;

    background-color: var(--pdv-main-color);



    border-color: var(--pdv-main-color);

    border-radius: 10px;

    line-height: 26px;

    font-size: 14px;

}



.upload__btn p {

    font-weight: 600;

    color: #fff;

    font-size: 14px;

}



.upload__btn:hover {

    background-color: unset;

    color: var(--pdv_color_secondary);

    transition: all 0.3s ease;

}



.upload__btn:hover p {

    background-color: unset;

    color: var(--pdv_color_secondary);

    transition: all 0.3s ease;

}



.upload__btn-box {

    margin-bottom: 10px;

}



.upload__img-wrap {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -10px;

    border: solid 1px #bbcdd2;

    justify-content: center;

    align-items: center;

}



.upload__img-box {

    width: 200px;

    padding: 0 10px;

    margin-bottom: 12px;

    margin-top: 12px;

}



.upload__img-close {

    width: 24px;

    height: 24px;

    border-radius: 50%;

    background-color: rgba(239, 50, 50, 0.7);

    position: absolute;

    top: 10px;

    right: 10px;

    text-align: center;

    line-height: 24px;

    z-index: 1;

    cursor: pointer;

}



.upload__img-close:after {

    content: '\2716';

    font-size: 14px;

    color: white;

}



.img-bg {

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

    position: relative;

    padding-bottom: 100%;

}





.add-article-form label.required::after {

    content: '*';

    color: red;

}





/*endform*/

.vgHours {

    display: flex;

    margin-top: 10px;

    margin-bottom: 15px;

    background: var(--pdv_color_secondary);

    color: white;

    flex-direction: row;

    flex-wrap: nowrap;

    align-content: center;

    justify-content: center;

    align-items: center;

    padding: 30px;

}



@media (max-width: 991px) {

    .vgHours {

        flex-direction: column;

    }

}



.vgHours .pdvTitle {

    color: white;

}



div#vgCreneaux {

    display: flex;

    flex-wrap: wrap;

    flex-direction: row;

    align-content: center;

    justify-content: center;

    align-items: center;

}



div#availablehours {

    display: inherit;

    height: fit-content;

    width: fit-content;

    margin: 27px;

}



.green {

    color: green;

}



span#percent-loading {

    font-size: xx-large;

    font-weight: inherit;

}



div#loadingModalContent {

    width: 90%;

    margin: auto;

    text-align: center;

}



.pdvModalContent {

    padding: 20px;

}



.red {

    color: red;

}



.orange {

    color: orange;

}



div#contractsBooked {

    text-align: center;

    font-size: xx-large;

}



#availablehours, #vd_stands {

    text-align: center;

    text-align: -webkit-center;

}





#pagereserv {

    background-color: #93aaa326;

    border-radius: 10px;

    text-align: center;



}



input[type="checkbox"] {

    background-color: #d5d5d5;

    cursor: pointer;

}



input[type="checkbox"]:after {

    background-color: #373737;

}



.pdvTitle {

    color: black;

    padding-bottom: 0px;

    padding-top: 20px;

    text-align: center;

    font-size: 23px;

}



input#start {

    padding: 3px;

    text-align: center;

    display: inline-block;

    font-size: 15px;

    border: none;

    background-color: #373737;

    border-radius: 4px;

    color: white;

    vertical-align: middle;

}



.add-contract-form #delta {

    place-self: center;

    margin-top: 10px;

}



select#delta {

    padding: 4px;

    border-radius: 4px;

    background-color: #373737;

    display: inline-block;

    font-size: 15px;

    cursor: pointer;

    border: none;

    color: white;

    vertical-align: middle;

}



.stand-select {

    text-align: center;

    display: inline-block;

    align-items: center;

    font-size: 15px;

    border: none;

    max-width: 100%;

    width: 100%;

    background-color: #373737;

    border-radius: 4px;

    color: white;

    vertical-align: middle;

}



button {

    border-radius: 4px;

    padding: 4px;

    color: #fff;

    border-color: transparent;

    font-weight: 500;

    vertical-align: middle;

}



p.option-price {

    display: none;

    color: white;

}



p.stand-price {

    color: white;

}



label {

    display: inline-block;

    color: black;

    font-size: 14px;

}



.stand-detail span {

    font-size: initial;

}



.bookstand-detail {

    display: flex;

    flex-direction: row;

    align-items: flex-start;

    align-content: space-between;

    justify-content: space-around;

}



.stand-detail {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    align-content: center;

    flex-wrap: nowrap;

}



input#option-21 {

    vertical-align: middle;

}





input#option-22 {

    -margin-left: 60px;

    vertical-align: middle;

}



button.btn-primary.btn {

    display: flex;

    border-radius: 4px;

    padding: 8px;

}



.pdvSubTitle {

    text-align: center;

    font-size: larger;

    margin-bottom: 22px;

}



.stand-pdv-made {

    display: flex;

    flex-direction: column;

    align-content: center;

    align-items: center;

    justify-content: flex-end;

}





.contract-list {

    display: grid;

    grid-gap: 20px;

    text-align: center;

    margin-top: 20px;

}



button.contract-container {

    cursor: pointer;

    width: 100%;

    padding: 15px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin: auto;

    flex-direction: column

}



.contract-left,

.contract-center,

.contract-right {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

}



.contract-center {

    align-items: center;

}



.contract-right {

    align-items: flex-end;

}





button.contract-container:hover {

    opacity: 0.9;

}



.allContracts {

    margin-top: 20px;

    display: flex;

    flex-direction: row;

    align-items: flex-start;

    flex-wrap: wrap;

    align-content: center;

    justify-content: space-between;

}



.state-running.contract_title {

    color: var(--pdv_color_contrat_cours_hover);

    background-color: transparent;

}



.state-open.contract_title {

    color: var(--pdv_color_contrat_venir);

    background-color: transparent;

}



.state-closed.contract_title {

    color: var(--pdv_color_contrat_expired);

    background-color: transparent;

}



.state-closed {

    background-color: var(--pdv_color_contrat_expired);

}



.state-open {

    background-color: var(--pdv_color_contrat_venir);

}



.state-running {

    background-color: var(--pdv_color_contrat_cours_hover);

}



.bold {

    font-weight: bold;

}



.stand-infos {

    width: 97%;

    text-align: center;

    border: 1px solid var(--pdv-main-color);

    border-radius: 4px;

    padding: 1rem;

    margin-bottom: 25px;

}



#products-for-sale, #products-sold {

    border: 1px solid var(--pdv-main-color);

    border-radius: 0px 0px 4px 4px;

    padding: 10px;

    border-top: none;

}



.buttonsPromo {

    display: flex;

    justify-content: center;

    gap: 16px;

}



.buttonsPromo .btn.btn-secondary {

    border-radius: 4px;

    background: #ff0000;

    color: white;

}



.buttonsPromo .btn.btn-secondary:hover {

    border-radius: 4px;

    background: #d10000;

    color: white;

}



.old-price {

    display: inline-block;

    padding: 5px;

    border-radius: 4px;

    background-color: #fff;

    text-align: right;

    font-size: 16px;

    font-style: italic;

}



.search-bar {

    background: var(--pdv_color_contrat_section_enVente);

    padding: 15px;

    width: 50%;

}



.search-container {

    position: relative;

    margin: auto;

}



#search-input {

    width: 100%;

    padding: 10px 40px 10px 20px;

    border-radius: 20px;

    border: 1px solid #ccc;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    font-size: 16px;

    transition: border-color 0.3s, box-shadow 0.3s;

}



#search-input:focus {

    border-color: var(--pdv-main-color);

    outline: none;

}



.search-icon {

    position: absolute;

    right: 15px;

    top: 50%;

    transform: translateY(-50%);

    font-size: 18px;

    color: #888;

    pointer-events: none;

}



.search-icon:before {

    content: '\f002';

    font-family: FontAwesome;

}



.search-allProduct {

    display: flex;

    justify-content: space-between;

    background: var(--pdv_color_contrat_section_enVente);

}



#show-all-products {

    background: #fff;

    color: #000;

    margin: 10px;

}

#show-all-products:hover {

    background: #333;

    color: #fff;

}



.show-less-arrow {

    position: fixed;

    right: 20px;

    bottom: 20px;

    background-color: #333;

    color: white;

    padding: 10px;

    border-radius: 50%;

    font-size: 24px;

    cursor: pointer;

    z-index: 1000;

    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);

    transition: background-color 0.3s;

}



.show-less-arrow:hover {

    background-color: var(--pdv-main-color);

}



@media (max-width: 767px) {

    .search-allProduct {

        flex-direction: column;

    }

    .search-container {

        max-width: 100%;

    }

    .search-bar {

        padding: 10px;

        width: 100%;

    }

}



@media (max-width: 590px) {

    .show-less-arrow {

        right: 5px;

    }

}



#products-for-sale span .product-name, #products-sold span .product-name {

    font-size: larger;

    font-weight: bold;

}



#products-for-sale span .quantity, #products-sold span .quantity {

    margin-top: 3px;

    font-size: 14px;

}



#products-for-sale span p, #products-sold span p {

    color: white;

}



#products-for-sale span .product-img, #products-sold span .product-img {

    height: auto;

    max-width: 100%;

    width: 30%;

    margin: 10px;

    margin-top: 18px;

    display: flex;

    flex-direction: column;

    align-content: center;

    justify-content: center;

}



#products-for-sale span, #products-sold span {

    text-align: center;

    width: 100%;

    font-weight: 700;

    text-transform: capitalize;

    background-color: var(--pdv-main-color);

    display: flex;

    color: white;

    flex-direction: row;

    justify-content: center;

    flex-wrap: nowrap;

    align-items: center;

    overflow: hidden;

    position: relative;

    gap: 20px;

    margin: 0 0 4%;

}



.contract-product {

    box-shadow: 2px 2px 2px grey;

    padding: 8px 20px;

    text-align: center;

    width: 100%;

    font-weight: 700;

    text-transform: capitalize;

    background-color: var(--pdv-main-color);

    color: white;

    margin: 0;

    overflow: hidden;

    position: relative;

    border-radius: 30px;

    border: 1px solid black;

}





span.title.for-sale.active, span.title.for-sale {

    background: var(--pdv_color_contrat_section_enVente);

}



div#products-for-sale {

    background: var(--pdv_color_contrat_section_enVente);

}



span.title.sold.active, span.title.sold {

    background: var(--pdv_color_contrat_section_vendu);

}



div#products-sold {

    background: var(--pdv_color_contrat_section_vendu);

}



.contract-product:hover {

    opacity: 0.8;

}



#stand_products .dispo {

    background-color: #87D728;

}



#table_dispo span {

    display: inline-block;

    background: #ddd;

    padding: 8px 20px;

    border-radius: 30px;

    margin: 5px;

}



#liste_stands.viewList td {

    width: 230px;

    border: none;

    text-align: center;

}



#table_dispo_head {

    overflow-x: auto;

    margin-bottom: 1rem;

}



#liste_stands tr td span.active {

    border-bottom: 5px solid #4a7059;

}



#liste_stands.viewList td span {

    padding: 8px 15px;

    display: inline-block;

    margin-bottom: 10px;

    cursor: pointer;

}

span.clic-to-action {

    text-decoration: underline;

    font-weight: bold;

    margin-top: 10px;

}

@media (max-width: 767px) {

    .largePdvModal .modal-dialog{

        width:100%!important;

    }

}

.add-article-form {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: stretch;

    justify-content: space-evenly;

    align-items: stretch;

    border: 1px solid var(--pdv-main-color);

    border-radius: 4px;

    padding: 12px;

    margin-bottom: 15px;

}



.add-contract-form {

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

    align-content: stretch;

    justify-content: space-evenly;

    align-items: stretch;

    border: 1px solid var(--pdv-main-color);

    border-radius: 4px;

}



.add-contract-form .stand-recap {

    display: none;

}



.flex-column {

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

    align-content: stretch;

    justify-content: space-evenly;

    align-items: stretch;

    /* margin-bottom: 20px; */

    padding: 1rem;

}



.flex-row {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: center;

    justify-content: center;

    align-items: stretch;

    margin-bottom: 20px;

    padding: 0px;

}



.add-article-form label {

    align-self: center;

    font-size: large;

    font-weight: bold;

    margin-top: 12px;

}



.add-contract-form label {

    align-self: center;

    font-size: large;

    font-weight: bold;

}



.add-article-btn {

    text-align: center;

    margin: auto;

    margin-top: 20px;

    white-space: normal;

}



.add-article {

    text-align: center;

    margin-top: 45px;

}



.stand-products {



    padding: 0;

}



form.pdvform {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: stretch;

    flex-wrap: wrap;

    align-content: stretch;

}



form.pdvform .info {

    float: right;

    width: 100%;

}



form.pdvform #Send {

    margin: 21px;

}



.pdvform label {

    font-size: large;

    margin-top: 7px;

    text-align: left;

    width: 100%;

}



form.pdvform .form-control {

    margin-left: 10px;

    margin-top: 4px;

    width: calc(100% - 10px);

}



.page-content.pdvCard.card.card-block {

    border-radius: 4px;

}



button.btn-primary.btn.add-article-btn.ajout {

    margin-top: 15px;

}



button.btn-primary.btn.add-article-btn.ajout:hover {

    background-color: #515151;

}



textarea#description, textarea#descriptionEdit {

    border: none;

    background-color: var(--pdv-main-color);

    border-radius: 4px;

    color: #f1f1f1;

}



.add-article-form select, .add-contract-form select {

    padding: 3px;

    text-align: center;

    font-size: 15px;

    border: none;

    background-color: var(--pdv-main-color);

    border-radius: 4px;

    color: #f1f1f1;

    vertical-align: middle;

}



input#price, input#productPrice, input#image, input#designation, input#stand {



}



.title.for-sale {

    /*margin-right: 3px;*/

}



.title.sold {

    /*margin-left: 3px;*/

}





.product-menu span.title.active {

    color: black;

    border: 1px solid var(--pdv-main-color);

    border-bottom: none;

}



.product-menu span.title:hover {

    opacity: 0.8;

}



.product-menu span.title.active {

    cursor: not-allowed;

    opacity: 1;

}



.product-menu span.title {

    display: flex;

    flex-direction: column;

    font-size: 17px;

    align-content: center;

    color: white;

    font-weight: bold;

    padding: 5px;

    justify-content: center;

    border-top-left-radius: 7px;

    border-top-right-radius: 7px;

    border-bottom: 1px solid var(--pdv-main-color);

    cursor: pointer;

}



.stand-products {

    grid-gap: 5px;

    grid-template-columns: repeat(3, 1fr);

}



div#products-for-sale, #products-sold {

    display: grid;

    grid-gap: 5px;

    grid-template-columns: repeat(2, 1fr);

}



#OptionsArticle, #OptionsArticleEdit {

    display: flex;

    flex-direction: column;

}



.add-article-form input, .add-contract-form input {

    padding: 3px;

    text-align: center;

    font-size: 15px;

    border: none;

    background-color: var(--pdv-main-color);

    border-radius: 4px;

    color: #f1f1f1;

    vertical-align: middle;

    place-self: center;

}



.add-article-form input::placeholder, .add-contract-form input::placeholder {

    color: white;

    opacity: 0.4;

}





textarea#description:disabled, input#stand:read-only, input#price:disabled, input#image:disabled, input#designation:disabled, input#stand:disabled, select#sousfamille:disabled, select#etat:disabled, select#famille:disabled, select#rayon:disabled {

    background-color: var(--pdv-main-color);

    color: #f1f1f1;

    opacity: 0.9;

}



.ButtonProduitVG {

    display: flex;

    align-items: start;

    flex-direction: column;

    gap: 5px;

    width: 25%

}



.InfosProdVG {

    width: 50%;

    display: flex;

    gap: 10px;

    flex-direction: column;

}



.InfosProdVG-prices {

    display: flex;

    gap: 13px;

    justify-content: center;

}



.alert-etiquetage{

    color:red;

}



@media (max-width: 900px) {



    span.contract_title {

        display: block;

        margin-left: auto;

        margin-right: auto;

        margin-top: 5px;

        margin-bottom: 5px

    }



    br.ligne {

        display: none;

    }



    .stand-products {

        grid-template-columns: repeat(1, 1fr);

    }





}





@media (max-width: 575px) {



    label {

        text-align: center;

    }



    .ButtonProduitVG {

        display: flex;

        align-items: start;

        flex-direction: column;

        gap: 5px;

        width: 100%;

    }



    #products-for-sale span .product-img, #products-sold span .product-img {

        margin: 0px;

        margin-top: 0px;

    }



    #products-for-sale span, #products-sold span{

        flex-direction: column;

        gap: 10px;

    }



    .InfosProdVG {

        width: 100%;

        display: flex;

        gap: 10px;

        flex-direction: column;

    }



    div#products-for-sale, #products-sold {

        grid-template-columns: repeat(1, 1fr);



    }



    .col-xs-4.col-2.stand-products {

        display: block !important;

        width: 100%;

        margin: 0;

    }



    .bas_page {

        display: block;

        margin-bottom: 150px;

    }



    .label_img {

        display: block;

        text-align: center;

    }





}



#table_dispo_head.noscroll {

    overflow: hidden;

}



p.first-period {

    margin: 0;

    font-size: small;

    font-weight: bold;

}



button#next, #prev {

    cursor: pointer;

    border-radius: 0px;

}



button#next:hover, #prev:hover {

    background: var(--pdv_color_secondary);

}



button#next:focus, #prev:focus {

    outline: 1px solid black;

}



@media (max-width: 810px) {



    label {

        text-align: center;

    }





    .textarea#description {

        height: 60%;

        width: 100%;

        margin-left: auto;

        margin-right: auto;

    }



    .col-xs-4.col-2.stand-products {

        display: block !important;

        width: 100%;

        margin: 0;

    }



    .bas_page {

        margin-bottom: 150px;

    }



    .label_img {

        display: block;

        text-align: center;

    }



    input#image {

        font-size: 11px;

    }





}





#liste_creneau.viewList td {

    width: 230px;

    border: none;

    text-align: center;

}



#liste_creneau_resa .viewList td {

    width: 230px;

    border: none;

    text-align: center;

}



#table_dispo_head {

    overflow-x: auto;

    margin-bottom: 1rem;

}



#liste_creneau tr td span.active {

    border-bottom: 5px solid var(--pdv-main-color);

}



#liste_creneau.viewList td span {

    padding: 8px 15px;

    display: inline-block;

    margin-bottom: 10px;

    cursor: pointer;

}



#liste_creneau_resa tr td span.active {

    border-bottom: 5px solid #349AEF;

}



#liste_creneau_resa.viewList td span {

    padding: 8px 15px;

    display: inline-block;

    margin-bottom: 10px;

    cursor: pointer;

}



#reservation_creneau.viewList tr td .dispo {

    background: #ddd;

}



#reservation_creneau.viewList tr span {

    display: none;

    width: 200px;

    text-align: center;

    font-weight: 700;

    text-transform: capitalize;

    cursor: pointer;

}



#reservation_creneau .dispo {

    background-color: #87D728;

}



#reservation_creneau_resa.viewList tr td .dispo {

    background: #ddd;

}



#reservation_creneau_resa.viewList tr span {

    display: none;

    width: 200px;

    text-align: center;

    font-weight: 700;

    text-transform: capitalize;

    cursor: pointer;

}



#reservation_creneau_resa .dispo {

    background-color: #87D728;

}



#table_dispo span {

    display: inline-block;

    background: #ddd;

    padding: 8px 20px;

    border-radius: 30px;

    margin: 5px;

}



#reservation_creneau.viewList tr span {

    width: calc(23.99999% - 10px);

}



@media (max-width: 767px) {

    #reservation_creneau.viewList tr span {

        width: calc(48% - 10px);

    }

}



#reservation_creneau_resa.viewList tr span {

    width: calc(23.99999% - 10px);

}



@media (max-width: 767px) {

    #reservation_creneau_resa.viewList tr span {

        width: calc(48% - 10px);

    }

}



#table_dispo {

    overflow-x: auto;

    margin-bottom: 1rem;

}



#table_dispo, #creneau_selected {

    margin-top: 1rem;

}



#reservation_creneau.viewList tr td .selected {

    background: #87D728;

    color: #FFF;

}



#reservation_creneau_resa.viewList tr td .selected {

    background: #87D728;

    color: #FFF;

}



.error-message {

    color: red;

    text-align: center;

    margn: 10px;

    font-weight: bold;

}





table {

    width: 100%;

}



.stand-types table, .stand-options table {

    table-layout: fixed;

    box-sizing: border-box;

}



.stand-types table, .stand-options table {

    text-align: center;

}



.stand-types table td, .stand-options table td {

    padding: 20px;

    border-collapse: inherit;

    background: var(--pdv_color_secondary);

    color: white;

    border: 10px solid white;

}



.stand-options label {

    color: white;

}



.stand-types table th, .stand-options table th {

    padding: 20px;

}





.largePdvModal {

    display: none; /* Hidden by default */

    position: fixed; /* Stay in place */

    z-index: 1000; /* Sit on top */

    left: 0;

    top: 0;

    padding: 20px;

    width: 100%; /* Full width */

    height: 100%; /* Full height */

    overflow: auto; /* Enable scroll if needed */

    background-color: rgb(0, 0, 0); /* Fallback color */

    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */

}



#editPriceModal {

    background-color: rgba(0, 0, 0, 0.6); /* Black w/ opacity */

}



#editPriceModal .modal-dialog {

    width: 60%;

}



.edit-product-price {

    display: flex;

    flex-direction: column;

    flex-wrap: nowrap;

    align-content: center;

    align-items: center;

    justify-content: center;

    margin-bottom: 10px;

}



#editModal .modal-footer {

    display: flex;

    flex-direction: row;

    justify-content: center;

}



/* Modal Content/Box */

.modal-content {

    background-color: #fefefe;

    margin: 5% auto; /* 15% from the top and centered */

    border: 1px solid #888;

    -width: 80%; /* Could be more or less, depending on screen size */

}



.modal-dialog .pdvTitle {

    margin: 0;

}



.preview-product-image {

    max-width: 100%;

}





/* The Close Button */

.close {

    color: #aaa;

    float: right;

    font-size: 28px;

    font-weight: bold;

}



.largePdvModal .modal-dialog {

    width: 80%;

    max-width: 100%;

}



.close:hover,

.close:focus {

    color: black;

    text-decoration: none;

    cursor: pointer;

}





.stand-products .product-menu {

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    align-content: stretch;

    justify-content: space-evenly;

    align-items: center;

}



.stand-products .product-menu span {

    width: 100%;

    height: 100%;

}



.contracts-legend {

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    align-content: center;

    justify-content: center;

    align-items: center

}



.contracts-legend .contract-container {

    height: 40px;

    width: 30%;

}



.pdvContractTitle {

    color: black;

    padding-top: 20px;

    text-align: center;

    font-size: 26px;

}



.stand-recap {

    padding: 10px;

    border: 1px solid var(--pdv-main-color);

    border-radius: 10px;

    margin-bottom: 10px;

}



.inline-inputs .form-control {

    max-width: 100%;

}



.inline-inputs {

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    align-content: flex-start;

    justify-content: space-evenly;

    align-items: center;

}



@media (max-width: 475px) {

    .inline-inputs {

        flex-direction: column;

    }

}



label.pdv-checkbox {

    font-size: initial;

    margin-top: 21px;

    text-align: center;

}



.pdvWarning {

    color: #e57400;

    margin-bottom: 10px;

}



.pdv-account-completion-advice-text {

    max-width: 650px;

}



.pdv-account-completion-advice {

    display: flex;

    margin-top: 28px;

    align-items: center;

    justify-content: space-evenly;

    margin-bottom: 40px;

}



/* Style the buttons that are used to open and close the accordion panel */

.pdv-accordion {

    margin-top: 10px;

    background-color: var(--pdv-main-color);

    color: white;

    cursor: pointer;

    padding: 18px;

    width: 100%;

    text-align: left;

    border: none;

    outline: none;

    transition: 0.4s;

}



/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

.pdv-accordion.active, .pdv-accordion:hover {

    background-color: var(--pdv_color_secondary);

}



/* Style the accordion panel. Note: hidden by default */

.pdvform-panel {

    padding: 0 18px;

    margin-top: 10px;

    background-color: white;

    display: none;

    overflow: hidden;

    margin-bottom: 36px;

}



.pdv-account-more-info {

    border: 1px solid black;

    border-radius: 21px;

    padding: 10px;

    margin-top: 23px;

}



button.pdv-accordion.active:after {

    content: "\2212";

}



button.pdv-accordion:after {

    content: '\002B';

    color: white;

    font-weight: bold;

    float: right;

    margin-left: 5px;

}



.stand-types th, .stand-options th {

    text-align: center;

    background: var(--pdv-main-color);

    color: white;

    border: 10px solid white;

}



.vgLocationTime {

    text-align: center;

    background: var(--pdv-main-color);

    color: white;

    padding: 12px;

}



.vgLocationTime .pdvTitle {

    color: white;



}



.VGDeparture {

    margin-bottom: 22px;

    font-weight: bold;

    font-size: 17px;

}



.VGArrival {

    margin-top: 22px;

    font-weight: bold;

    font-size: 17px;

}





#confirmResaVG .pdvSubTitle {

    margin: 0px;

}



p#vg-total {

    font-weight: bold;

}



div#ConfirmVGButtons {

    display: flex;

    flex-direction: row;

    justify-content: space-evenly;

    align-content: center;

    flex-wrap: nowrap;

    align-items: center;

    margin-top: 25px;

}



@media (max-width: 780px) {

    .allContracts {

        flex-direction: column;

        align-items: center;

    }

}



@media (max-width: 470px) {



    input#option-22 {

        margin-left: 20px;

    }



    input#start {

        display: block;

        margin-left: auto;

        margin-right: auto;

    }



    select#delta {

        display: block;

        margin-left: auto;

        margin-right: auto;

        margin-top: 10px;

        margin-bottom: 10px;

    }





    button {

        display: block;

        margin-left: auto;

        margin-right: auto;

    }



    .stand-types table th, .stand-options table th {

        padding: 8px;

    }



    .stand-types th, .stand-options th {

        border: 3px solid white;

    }



    .stand-types table, .stand-options table {

        table-layout: auto;

    }



    .stand-types table td, .stand-options table td {

        padding: 5px;

        border: 3px solid white;

    }



    div#availablehours {

        margin: 0px;

        padding: 8px;

    }



    .vgHours .col-xs-12 {

        padding: 0px;

    }



    .vgHours {

        padding: 0;

    }



    div#ConfirmVGButtons {

        flex-direction: column;



    }



    div#ConfirmVGButtons button.btn-primary.btn {

        font-size: 11px;

    }

}













/*Rétrocessions*/

.infoSup {

    display: none;

    position: relative;

    top: 20px;

    background-color: var(--pdv_color_background_card_info_supp_retrocession);

    border: 1px solid #ccc;

    padding: 10px;

    border-radius: 25px;

    text-align: center;

}

.infoContainer .infoSup p {

    color: #000;

}

.iconInfoSup {

    text-align: center;

    margin-top: -35px;

    color: var(--pdv_color_text_card_retrocession);

    cursor : default;

}

/*Slick*/

.slick-carousel {

    margin: 0 auto;

    width: 90%;

}

.slick-next::before, .slick-prev::before {

    color: var(--pdv-main-color);

}

.slick-initialized .slick-slide {

    padding: 30px;

}

.slick-prev {

    left: -45px;

}

.slick-next {

    right: -45px;

}

.slick-prev, .slick-next {

    width: 50px;

    height: 50px;

    top: 40%;

}

.slick-prev:before, .slick-next:before {

    font-size: 40px;

}

.slick-dots {

    bottom: 0px;

    position: inherit;

}

/**/

.itemContainer {

    background-color: var(--pdv_color_background_card_retrocession);

    color: var(--pdv_color_text_card_retrocession);

    border-radius: 25px;

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 15px;

    padding: 20px 20px 40px 20px;

}

.itemContainer p {

    color: var(--pdv_color_text_card_retrocession);

}

.titreArticle {

    font-size: 30px;

    font-weight: 600;

    line-height: 30px;

    text-align: center;

}

.infoSup p {

    color: var(--pdv_color_text_card_info_supp_retrocession);

}

.elementCenter {

    text-align: center;

    margin-top: 40px;

}

.ButtonVoirPlus {

    background-color: var(--pdv-main-color);

    padding: 5px 25px;

    border-radius: 25px;

    color: #fff;

}

#today {

    margin: 30px 0px;

}

#earlier {

    margin: 90px 0px;

}

.gains {

    font-size: 20px;

}

.PayerLe {

    background-color: var(--pdv_color_secondary);

    padding: 5px 5px;

    text-align: center;

    border-radius: 25px 25px 0px 0px;

    width: 80%;

    margin-left: auto;

    margin-right: auto;

}

.PayerLe p {

    color: #fff;

}

#ListGains {

    text-align: end;

    margin-top: 20px;

}

/*All rétrocessions*/

.itemsCards {

    display: flex;

    flex-wrap: wrap;

    gap: 50px;

    justify-content: center;

    margin-top: 50px;

}

.itemCard {

    width: 30%;

}

.allRetrocessionsPadding {

    padding-bottom: 50px;

}

@media (max-width: 992px) {

    .itemCard {

        width: 45%;

    }

}

@media (max-width: 767px) {

    .itemCard {

        width: 100%;

    }

}

@media (max-width: 440px) {

    .slick-initialized .slick-slide {

        padding: 10px;

    }

    .titreArticle {

        font-size: 25px;

    }

}

@media (max-width: 325px) {

    .slick-initialized .slick-slide {

        padding: 0px;

    }

}

/*retrocession List*/

.list-désignation {

    font-size: 26px;

    font-weight: bold;

}

.col-sm-12.col-xs-12.list {

    margin-top: 40px;

}

.list-flex {

    display: flex;

    justify-content: space-between;

}

.retrocession {

    line-height: normal;

}

.list-info-supp {

    display: none;

    width: 150%;

    padding-top: 10px;

}

.list-savoir-plus {

    display : none;

}

.list-savoir-plus .material-icons {

    color: black;

}

.list-info {

    width: 250px;

}

.list-info-contrat {

    width: 300px;

}

.list-prix-gains {

    width: 200px;

}

.list-gains {

    font-weight: 600;

}

#stand-products {

    margin-top: 40px;

}

@media (max-width: 470px) {

    .col-sm-12.col-xs-12.list {

        padding: 0;

    }

    .page-content.card.card-block.list {

        padding: 0;

    }

    .list-désignation {

        font-size: 20px;

    }

    .itemContainer {

        padding: 20px 10px 40px 10px;

    }

}

@media (max-width: 770px) {

    .list-info-contrat {

        display: none;

    }

    .list-savoir-plus {

        display: block;

        margin-left: initial;

        background: none;

    }

}

.close {

    position: absolute;

    top: 10px;

    right: 10px;

    font-size: 24px;

    font-weight: bold;

    color: #000;

    cursor: pointer;

    z-index: 1000;

}



.close:hover,

.close:focus {

    color: black;

    text-decoration: none;

    cursor: pointer;

}

.price-display {

    display: inline-block;

    padding: 5px;

    border-radius: 4px;

    background-color: #fff;

    text-align: right;

    font-size: 16px;

    color: green;

    font-weight: bold

}

#module-pdv_plug-reservation_stand .input-group-btn button.btn.btnShowPassword {

    padding: 0.78rem 1rem;

    background: #7a7a7a;

}



.popup-overlay {

    display: none;

    position: fixed;

    z-index: 1;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: auto;

    background-color: rgba(0, 0, 0, 0.5);

}

.bgpopup {

    background-color: #fff;

    margin: 10% auto;

    padding: 5px;

    border: 1px solid #888;

    width: 70%;

    border-radius: 10px;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

    position: relative;

}

.close-btn {

    color: #aaa;

    float: right;

    font-size: 28px;

    font-weight: bold;

}

#popup-content {

    padding: 20px;

    text-align: center;

}



.stand-type.has-popup, .optionIntitule.has-popup {

    cursor: pointer;

}



.stand-type.has-popup::after, .optionIntitule.has-popup::after {

    font-family: 'Material Icons';

    content: 'info_outline';

    font-size: 20px;

    color: #fff;

    margin-left: 6px;

    vertical-align: middle;

}