@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.ttf');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.ttf');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Thin.ttf');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.ttf');
    font-weight: 500;
    font-style: normal;
}

/* titres h */
h4{
    font-size: 14pt;
}

body {
    font-family: 'Poppins', sans-serif;
    min-height: 100vh;
    min-height: -webkit-fill-available;
    font-size: .9rem;
}

html {
  height: -webkit-fill-available;
}
miniature
main {
  height: -webkit-fill-available;
  overflow-x: auto;
  overflow-y: hidden;
  heigth: auto;
}
@media (max-width: 425px) {
    p, a, i, span{
        font-size: 0.8rem;
    }
    h3{
        font-size: 1.3rem;
    }
}
a{
    color: #de4215;
}
a:hover {
    color: #d03d12;
}
.container.ambassador_screen .owl-theme .owl-nav{
    display: none;
}
.background_custom_logo_0, .background_custom_logo_{
    max-width: 250px;
    max-height: 250px;
    background-color : #ffffff;
}
.background_custom_logo_1{
    background-color : #2e2e2e;
}

.ui-widget{
    font-family: inherit !important;
}
.not_release{
    opacity : 0.3;
}
.whole_height{
    height: 100%;
}
.dropdown-toggle { outline: 0; }

.btn-toggle {
  padding: .25rem .5rem;
  font-weight: 600;
  color: rgba(0, 0, 0, .65);
  background-color: transparent;
}
.btn-toggle:hover,
.btn-toggle:focus {
  color: rgba(0, 0, 0, .85);
  background-color: #d2f4ea;
}

.btn-toggle::before {
  width: 1.25em;
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform .35s ease;
  transform-origin: .5em 50%;
}
.sticky_validation{
    position: sticky;
    top : 70px;
    z-index: 1;
}

.btn-toggle[aria-expanded="true"] {
  color: rgba(0, 0, 0, .85);
}
.btn-toggle[aria-expanded="true"]::before {
  transform: rotate(90deg);
}

.btn-toggle-nav a {
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: 1.25rem;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
  background-color: #d2f4ea;
}

.scrollarea {
  overflow-y: auto;
}

.cursor-pointer {
   cursor: pointer;
}
.text-right{
    text-align: right;
}
.container_for_generic_button {

    margin-bottom: 7rem !important;
    display: flex;
    justify-content: center;
}

.container_column {
    flex-direction: column;
    align-items: flex-start;
}


label.card-title.color-label {
    font-size: 1rem;
    padding-left: 4rem;
}


input[type="color"] {
    appearance: none;
    -webkit-appearance: none;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent;
    box-shadow: none;
}

input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}

input[type="color"]::-webkit-color-swatch {
    border-radius: 50%;
    border: none;
}

hr{
    margin : 0px;
}
.input-element::placeholder {
    /* text-align: center; */
}

.height-address {
    height: 10vh;
}

.holder-name::placeholder{
    text-align:center;
}
.text-left{
    text-align: left;
}
.text-uppercase{
    text-transform: uppercase;
}
.text-small{
    font-size: 0.8rem;
}
.text-very-small{
    color: grey;
    font-size: 0.6rem;
}
.text-fiche{
    font-size: 0.8rem;
    font-weight: 300;
    color : #676767;
}
.text-fiche a, .text-fiche p{
    font-size: 0.8rem;
    /* color: initial; */
}
input[type="file"][data-text]::-webkit-file-upload-button {
    visibility: hidden;
}

.generic_button{
    text-transform: uppercase;
    text-decoration: none;
    color : white;
    background: transparent linear-gradient(45deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    border-radius: 4px;
    padding: .75rem 3rem;
    box-shadow: 3px 3px 6px #dcdcdc;
    border : none;
}
.generic_button_2{
    border: none;
    text-transform: uppercase;
    text-decoration: none;
    color : white;
    background: transparent linear-gradient(231deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    border-radius: 4px;
    padding: .75rem 2.5rem;
    box-shadow: 3px 3px 6px #dcdcdc;
    cursor:pointer;
    text-align: center;
}
.generic_button_2:disabled{
    opacity: 0.8;
}
a.generic_button_2:hover{
    color : #ffebdd;
}
.generic_button_disabled{
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color : #B7B7B7;
    background: white;
    border-radius: 4px;
    padding: .75rem 2.5rem;
    border : 1px solid #B7B7B7;
}
.generic_button_disabled:hover{
    color : #B7B7B7;
}

a.generic_button{
    color : white;
}

a.generic_button:hover{
    color : white;
}


.generic_button_black{
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color : white;
    background : black;
    border-radius: 4px;
    border: none;
    padding: .75rem 3rem;
}
.generic_sm_button_black{
    text-transform: uppercase;
    text-decoration: none;
    color : white;
    background : black;
    border-radius: 4px;
    border: none;
    padding: .2rem .5rem;
    font-size: 10pt;
}
.generic_sm_button_white{
    text-transform: uppercase;
    text-decoration: none;
    color: black;
    background-color: white;
    border-radius: 4px;
    border: none;
    padding: .2rem .5rem;
    font-size: 10pt;
}
.generic_sm_button_2{
    text-transform: uppercase;
    text-decoration: none;
    color: white;
    background: transparent linear-gradient(231deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    border-radius: 4px;
    border: none;
    padding: .2rem .5rem;
    font-size: 10pt;
}
.generic_button_white_without_back{
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color : white;
    background : #ffffff00;
    border: none;
}

/* web component help-circle.js */
.custom_help_hover_button{
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.custom_help_hover_button .custom_help_hover_content{
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    background: white;
    border-radius: 6px;
    box-shadow: 0 0 10px #00000026;
    border: 1px solid black;
    padding: 10px;
    z-index: 999;
    left: -20px;
    width: 400px;
}
.text-on-top .custom_help_hover_button .custom_help_hover_content{
    top: unset;
    bottom: calc(100% + 10px);
}
.text-to-left .custom_help_hover_button .custom_help_hover_content{
    left: unset;
    right: -20px;
}
.custom_help_hover_button .custom_help_hover_content::before{
    content: '';
    position: absolute;
    top: -10px;
    left: 21px;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    background: white;
    box-shadow: 0 0 10px #00000026;
    border-top: 1px solid black;
    border-left: 1px solid black;
    clip-path: polygon(0 100%, 100% 0, 0 0);
}
.text-on-top .custom_help_hover_button .custom_help_hover_content::before{
    top: unset;
    bottom: -10px;
    transform: rotate(225deg);
}
.text-to-left .custom_help_hover_button .custom_help_hover_content::before{
    left: unset;
    right: 19px;
    /* transform: rotate(135deg); */
}

.custom_help_hover_button:hover .custom_help_hover_content{
    display: block;
}

/* web component collapse-accordion.js */
.custom_collapse_accordion{
    width: 100%;
}
.custom_collapse_accordion button{
    text-decoration: none;
    text-align: center;
    color : white;
    background : black;
    border-radius: 5px;
    border: none;
    padding: .75rem 3rem;
}
.custom_collapse_accordion .collapse_title{
    width: 100%;
    position: relative;
}
.custom_collapse_accordion .collapse_title::after{
    content: url("/icon/chevron-down.svg");
    position: absolute;
    top: 0;
    right: 10px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom_collapse_accordion .hidden_collapse_text{
    /* height: var(--height); */
    overflow: hidden;
    transition: 0.3s;
}
.custom_collapse_accordion .hidden_collapse_text.hidden{
    height: 0;
    opacity: 0;
}
.custom_collapse_accordion .hidden_collapse_text>p{
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
}

.radius-b-5{
    border-radius: 0px 0px 5px 5px;
}
.radius-b-10{
    border-radius: 0px 0px 10px 10px;
}
.radius-b-20{
    border-radius: 0px 0px 20px 20px;
}
.flex{
    display: flex;
}
.border-none{
    border: none;
    outline : 0;
}
.container_boneko{
    padding-bottom: 50px;
    transition: all .5s;
}
.container_boneko.opened{
    padding-bottom: 350px;
    transition: all .5s;
}

/* footer boneko */
.footer_boneko{
    position: absolute;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 20px 0;
    left: 67px;
    right: 0;
    bottom: 0;
    background-color: black;
}
.footer_boneko a{
    text-decoration: none;
    color: white;
}
.activ + div + main + .footer_boneko{
    left: 200px;
}
.full_brightness{
    filter: brightness(0) invert(1);
}
.footer_boneko p, .footer_boneko h2{
    color: white;
}
.footer_boneko .reseaux_sociaux{
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    gap: 10px;
}
.footer_boneko .reseaux_sociaux img{
    width: 30px;
    height: 30px;
}


.nav-link:focus{
    color : white;
}
.disabled{
    opacity: 0.8;
}
.disabled50{
    opacity: 0.5;
}
.position_relative{
    position: relative;
}
.text-error{
    color : red !important;
}
.flash_messages{
    position: fixed;
    top: 100px;
    right: 10px;
    z-index: 999999999;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 10px;
}
.flash_message{
    position: relative;
    display: block !important;
    opacity: 1 !important;
    /* position: fixed;
    top: 100px;
    right: 10px;
    padding: 10px 15px 10px 10px;
    z-index: 999999999; */
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    width: fit-content;
    max-width: 600px;
    margin: 0;
}

.flash_message input{
    display: none;
}

.flash_message>label{
    position: absolute;
    top: -7px;
    right: 1px;
    cursor: pointer;
    font-size: 19pt;
    transform: rotate(45deg);
}

.flash_message:has(input:checked){
    display: none !important;
}

@media (max-width: 768px) {
    .flash_message{
        max-width: 300px;
        padding-right: 25px;
    }
    .flash_message>label{
        top: -10px;
        font-size: 25pt;
    }
}
.warning_notification{
    position: absolute;
    top: 130px;
    right: 5px;
    display: flex;
    align-items: flex-end;
    gap: 10px;
    border: grey 1px solid;
    box-shadow: 5px 5px 5px #00000036;
    padding: 10px;
    background-color: white;
    border-radius: 3px;
    width: fit-content;
}
.warning_notification>p{
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0;
}

.color_processing{
    background: #f8eab0;
    padding: 2px 10px;
    border-radius: 4px;
}
.color_on_hold{
    background: #eb5b38;
    color: white;
    padding: 2px 10px;
    border-radius: 4px;
}
.color_end{
    background: #b4f8b0;
    padding: 2px 10px;
    border-radius: 4px;
}
/*
0 . Admin
*/
.admin_nav_bar{
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 70px;
    background: transparent linear-gradient(231deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    padding: 0 10px;
    color: white;
    z-index: 10;
}
.admin_nav_bar>a{
    width: 70px;
    height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px;
    transition: 0.3s;
    text-decoration: none;
    color: white;
}
.admin_nav_bar>a>img{
    height: 40px;
    filter: brightness(0) invert(1);
}
.admin_nav_bar>a>p{
    margin: 0;
}
.admin_nav_bar>a:hover{
    background-color: rgba(255, 255, 255, 0.184);
}

.admin_nav_bar+*{
    margin-top: 100px;
}
.admin_nav_bar .admin_email{
    margin: 0 1rem 0 auto;
    display: flex;
    align-items: center;
}
/* login admin */
.logo_boneko_admin{
    display: flex;
    margin: auto;
    padding: 40px 0;
    max-width: 200px;
}
.admin_login_form{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: auto;
    max-width: 50%;
    gap: 15px;
}

.admin_login_form .alert{
    position: absolute;
    top: 5px;
    height: fit-content;
}

.admin_login_form input{
    width: 300px;
}

.admin_login_form .inputs{
    display: flex;
    flex-direction: column;
    gap: 5px;
    background-color: rgb(248, 249, 250);
    box-shadow: 0 0 10px #00000026;
    padding: 20px;
    border-radius: 10px;
}

.admin_login_form .h5{
    margin: auto;
}

.admin_login_form button{
    background: transparent linear-gradient(231deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    border: none;
    margin-top: 40px;
    font-size: 12pt;
}

/* page dashboard */
.admin_dashboard_container{
    margin: 0 2rem;
    padding-bottom: 80px;
}
.admin_dashboard_container .activities_filter{
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-bottom: 40px;
}
.admin_dashboard_container .activities_filter>div{
    padding: 10px 20px;
    box-shadow: 0 0 10px #00000026;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s;
    background-color: rgb(248, 249, 250);
}
.admin_dashboard_container .activities_filter>div.activ{
    background: linear-gradient(231deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%);
    color: white;
}
.admin_dashboard_container>div:not(.activities_filter){
    display: none;
}
.admin_dashboard_container>div.activ{
    display: block;
}
.admin_dashboard_container .item{
    position: relative;
    padding: 15px;
    box-shadow: 0 0 10px #00000026;
    border-radius: 8px;
    width: 15%;
    min-width: 200px;
    min-height: 180px;
    background-image: var(--bg-img);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.admin_dashboard_container .item *{
    position: relative;
    z-index: 2;
}
.admin_dashboard_container .item .admin_more_info_button,
.admin_dashboard_container .item .see_journey_quick{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}
.admin_dashboard_container .item .background_business_logo{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 8px;
    z-index: 1;
}
.admin_dashboard_container .item .background_business_logo img{
    max-width: 100%;
    max-height: 100%;
    opacity: 0.2;
    object-fit: contain;
    z-index: 1;
}

/* page users */
.admin_h1{
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

.admin_nb_users{
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    justify-content: center;
}

.admin_nb_users>p{
    font-size: 12pt;
    margin: 0;
}

table.merchant_list, table.ambassador_list, table.admin_list{
    margin: auto;
}

table.merchant_list td, table.ambassador_list td, table.admin_list td,
table.merchant_list th, table.ambassador_list th, table.admin_list th{
    border-bottom: 2px lightgrey solid;
    padding: 8px 12px;
    background-color: #fff;
}

.merchant_list .actions img{
    filter: brightness(0);
    transition: 0.3s;
}

.merchant_list .actions img.delete:hover{
    filter: brightness(1);
}

.admin_title_label:has(input:checked)+table{
    display: none;
}

.admin_title_label{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.admin_user_sommaire{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 50px;
    gap: 5px;
}

.admin_important{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14pt;
    color: rgb(255, 0, 0);
    margin: auto;
    background-color: rgba(0, 0, 0, 0.805);
    padding: 50px;
    margin: 50px 0;
    text-decoration: underline;
}

.admin_crea_list{
    display: grid;
    justify-items: center;
    margin: 0 2rem;
    grid-template-columns: repeat(6, 1fr);
    gap: 40px;

}
.element_info_container{
    overflow: auto;
    position: fixed;
    top: 70px;
    bottom: 0;
    width: 30%;
    min-width: 500px;
    right: -100%;
    padding: 50px 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    flex-direction: column;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.499);
    backdrop-filter: blur(10px);
    border: 1px solid black;
    transition: 0.4s;
    z-index: 3;
}
.element_info_container.activ{
    right: 0;
}
.element_info_container div{
    position: relative;
    display: none;
    margin: 10px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px #00000026;
    height: fit-content;
}
.element_info_container div>p:nth-child(1){
    background: transparent linear-gradient(180deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    color: white;
    border-radius: 5px 5px 0 0;
    padding: 5px;
    margin-bottom: 3px;
}
.element_info_container div>p.container{
    padding: 8px;
}
.element_info_container div.description>p.container,
.element_info_container div.requirements>p.container{
    overflow-y: scroll;
}
.element_info_container div.activ{
    display: block;
}
.element_info_container .elm_type,
.element_info_container .description,
.element_info_container .requirements,
.element_info_container .terms{
    grid-column: 1 / 3;
}
.element_info_container div p{
    margin: 0;
}
.element_info_container .elm_type{
    font-size: 18pt;
}
.element_info_container .close{
    transform: rotateZ(45deg);
    font-size: 24pt;
    position: absolute;
    left: 15px;
    top: 0;
    cursor: pointer;
}
.element_info_container .change_boneko_mission_btn{
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    width: fit-content;
    padding: 5px;
    background: transparent linear-gradient(231deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    color: white;
    border-radius: 5px;
}
.element_info_container .form_mission{
    display: none;
    width: 95%;
    margin: 5px auto;
    padding: 5px;
    font-family: 'Poppins', sans-serif;
    font-size: .9rem;
}
.element_info_container .form_mission.mission_type{
    grid-template-columns: 1fr 5fr;
    gap: 5px;
}
.element_info_container:has(#change_boneko_mission_btn:checked) .form_mission{
    display: block;
}
.element_info_container:has(#change_boneko_mission_btn:checked) .form_mission.mission_type{
    display: grid;
}
.element_info_container:has(#change_boneko_mission_btn:checked) .container:not(.cant_change){
    display: none;
}
.element_info_container:has(#change_boneko_mission_btn:checked) div:has(.container.cant_change){
    opacity: 0.7;
}
.element_info_container .cant_change_icon{
    position: absolute;
    top: 0;
    left: 0;
    margin: 1px;
    filter: invert(1);
    width: 30px;
}
.element_info_container .submit_boneko_mission_edit{
    display: none;
    position: absolute;
    top: 45px;
    right: 5px;
    padding: 5px;
    border-radius: 5px;
    background-color: #3f9a36;
    border: 0;
    color: white;
}
.element_info_container:has(#change_boneko_mission_btn:checked) .submit_boneko_mission_edit{
    display: block;
}

.journey_info_container{
    position: fixed;
    top: 70px;
    bottom: 0;
    width: 30%;
    min-width: 500px;
    left: -100%;
    /* left: 0; */
    padding: 50px 12px;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.499);
    backdrop-filter: blur(10px);
    border: 1px solid black;
    transition: 0.4s;
    overflow: auto;
    z-index: 3;
}
.journey_info_container.activ{
    left: 0;
}
.journey_info_container .data_container{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.journey_info_container .data_container>div{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px #00000026;
    height: fit-content;
    width: 80%;
    margin-right: auto;
}
.journey_info_container .data_container>div.reward{
    background-color: #000;
    margin-right: unset;
    margin-left: auto;
    color: white;
}
.journey_info_container .data_container>div>p{
    margin: 0;
    padding: 10px;
}
.journey_info_container .data_container .journey_elm_quick_info{
    position: absolute;
    right: 5px;
    cursor: pointer;
}
.journey_info_container .close{
    transform: rotateZ(45deg);
    font-size: 24pt;
    position: absolute;
    right: 15px;
    top: 0;
    cursor: pointer;
}

.card_survey_top.green_shadow{
    box-shadow: rgb(63, 154, 54) 0px 0px 10px;
}

.admin_missions_boneko_list .missionBonekoNew span{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: lightgrey;
    border: 4px lightgrey solid;
    padding: 12px;
    height: 80px;
    width: 80px;
    border-radius: 80px;
    transition: .3s;
}
.admin_missions_boneko_list .missionBonekoNew:hover{
    cursor: pointer;
    box-shadow: 0 0 10px #00000055;
}
.admin_missions_boneko_list .missionBonekoNew:hover span{
    color: darkgrey;
    border-color: darkgrey;
}
.admin_journeys_list.liste_parcours{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 0 2rem;
}

/* page statistiques */
.admin_statistiques{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    margin: 0 8em;
    gap: 30px;
    justify-items: center;
}
@media  (max-width: 1550px) {
    .admin_statistiques{
        grid-template-columns: repeat(5, 1fr);
    }
}
@media (max-width: 1320px){
    .admin_statistiques{
        grid-template-columns: repeat(4, 1fr);
        margin: 0 4em;
    }
}
@media (max-width: 1080px){
    .admin_statistiques{
        grid-template-columns: repeat(3, 1fr);
        margin: 0 3em;
    }
}
@media (max-width: 840px){
    .admin_statistiques{
        grid-template-columns: repeat(2, 1fr);
        margin: 0 1.5em;
    }
}
.admin_statistiques .stat{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: transparent linear-gradient(231deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    border-radius: 6px;
    color: white;
    width: 200px;
    height: 200px;
}
.admin_statistiques .stat>span{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36pt;
    margin-top: auto;
    background-color: #fff;
    aspect-ratio: 1 / 1;
    border-radius: 200px;
    padding: 8px;
    color: black;
}
.admin_statistiques .stat>p{
    margin: auto 2px 20px;
}

/*
1 . Merchant
*/
.see_steps{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -25px;
    gap: 15px;
}
.see_steps .point{
    position: relative;
    height: 5px;
    width: 5px;
    border-radius: 5px;
    background: transparent linear-gradient(180deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
}
.see_steps .point.done::after{
    position: absolute;
    top: 1px;
    right: 1px;
    content: "";
    display: block;
    height: 3px;
    width: 3px;
    border-radius: 3px;
    background-color: white;
}
.see_steps .point.current,
.see_steps .point.end{
    height: 15px;
    width: 15px;
    border-radius: 15px;
}
.see_steps .point.end::after{
    position: absolute;
    top: 1px;
    right: 1px;
    content: "";
    display: block;
    height: 13px;
    width: 13px;
    border-radius: 13px;
    background-color: white;
}


#wrapper_boneko{
    margin-left: 70px;
    margin-right: 30px;
    padding-left: 20px;
    height : auto;
    /* padding-top: 20px; */
}
.container_nav_left_merchant{
    position: fixed;
    height: 100vh;
    z-index: 300;
    /* UI Properties */
    background: transparent linear-gradient(180deg, var(--unnamed-color-ec643d) 0%, var(--unnamed-color-e62a25) 34%, var(--unnamed-color-e83f59) 69%, var(--unnamed-color-eb5a87) 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    box-shadow: 6px 0px 6px #0000000D;
    width: 70px;
    /* transition: all 0.3s ease-out; */
    justify-content: start;
}
.container_nav_left_merchant.lancement{
    /* background: #fafafa; */
    /* background: transparent linear-gradient(0deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box; */
    background: transparent;
}
.container_nav_left_merchant.lancement ul{
    border-radius: 20px;
    margin: 5px;
    background-color: #fafafa;
}
.container_nav_left_merchant .nav-item{
    position: relative;
    width: 100%;
    transition: 0.2s;
}

.container_nav_left_merchant.lancement .nav-item:nth-child(1){
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.container_nav_left_merchant.lancement .nav-item:nth-last-child(1){
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.container_nav_left_merchant:not(.lancement) .nav-item>.nav-link:not(.not_release):hover{
    cursor: pointer;
    background-color: #ffffff38 !important;
}
.container_nav_left_merchant.lancement .nav-item:not(.not_release):hover{
    cursor: pointer;
    background-color: #0000001d;
}
.container_nav_left_merchant.lancement .nav-item:has(.open_menu:hover){
    cursor:default;
    background-color: transparent;
}
.container_nav_left_merchant.lancement .card_goal_journey:hover{
    cursor: pointer;
}
.container_nav_left_merchant.lancement .nav-item .open_menu{
    position: absolute;
    top: -10px;
    right: 0;
    transform: translateX(100%);
    min-width: 330px;
    overflow: hidden;
    pointer-events: none;
    /* box-shadow: 0 0 10px #00000026; */
}
.container_nav_left_merchant.lancement .nav-item .open_menu>div{
    transition: 0.3s;
    transform: translateX(-105%);
    box-shadow: 0 0 10px #00000026;
    pointer-events: all;
    margin: 10px 10px 10px 0;
    border: 1px solid lightgrey;
}
.container_nav_left_merchant.lancement .nav-item .open_menu.activ>div{
    transform: translateX(0);
}


.container_nav_left_merchant .nav-item .nav-link{
    align-items: center;
    display: flex;
    justify-content: center;
}
.container_nav_left_merchant.lancement .nav-item .title_menu{
    color: black;
}
.container_nav_left_merchant.lancement .nav-item img:not(.objectif_img){
    filter: invert(1);
}

.container_nav_left_merchant.activ .nav-item .nav-link{
    justify-content: start;
}
.btn_custom {
    background: linear-gradient(45deg, #EB5A87, #E83F59, #E62A25, #EC643D);
    color: #fff;
    border-radius: 4px;
    padding: 1.3rem 1.3rem;
    font-size: 0.8rem;
    text-transform: uppercase;
}

.btn_custom:hover {
    color: hsl(0, 0%, 100%);
}


.custom_input_login {
    font-size: 0.9rem;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    border-radius: 4px;
    border-color: #ced4da;
}

.info_mdp {
    font-size: 0.8rem;
    color: rgba(49, 49, 49, 0.603);
    text-decoration : none;
}

.moncercle{
    background: transparent linear-gradient(231deg, #EC643D 0%, #E62A25 56%, #E83F59 5%, #EB5A87 109%) 0% 0% no-repeat padding-box;
    border-radius:50%;
    width:50px;
    height:50px;
}
input[type="password"]{
    /* background: transparent linear-gradient(231deg, #EC643D 0%, #E62A25 56%, #E83F59 5%, #EB5A87 109%) 0% 0% no-repeat padding-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-security: disc;
    font-size: 15px;
    max-height: 90px; */
}
.container_nav_left_merchant a{
    color: white;
}
.container_nav_left_merchant a:hover{
    color: white;
}
.container_navbar_merchant{
    position: fixed;
    width: 100%;
    z-index: 200;
    padding-left: 70px;
    position: sticky;
    top: 0px;
}
.container_navbar_merchant .navbar{
    background-color : #F8F8F8;
}
.container_navbar_merchant .navbar a{
    color : #E83F59;
}
.container_navbar_merchant #navbarNav{
    justify-content: space-between;
}
#navbarNav .logo{
    min-width: 33%;
}
#navbarNav .navbar-nav{
    min-width: 33%;
    justify-content: end;
}
.container_nav_left_merchant.activ{
    width: 200px;
    /* transition: all 1s ease-out; */
}
.container_nav_left_merchant.activ + .container_navbar_merchant{
    padding-left: 200px;
}
.container_nav_left_merchant.activ ~ #wrapper_boneko{
    padding-left: 150px;
}
.container_nav_left_merchant.activ ~ #wrapper_boneko .working_space,
.container_nav_left_merchant.activ ~ #wrapper_boneko .working_space_reward,
.container_nav_left_merchant.activ ~ #wrapper_boneko #choose_model_working_space,
.container_nav_left_merchant.activ ~ #wrapper_boneko #choose_model_reward_working_space
{
    width: 85vw;
}
.container_nav_left_merchant.activ .title_menu{
    opacity: 1;
    display:block;
    padding-left: 20px;
    transition: all 1s ease-out;
    cursor: pointer;
}
.title_menu{
    transition: all 1s ease-out;
    opacity: 0;
    display: none;
}
.item_menu_toggle{
    padding: 20px;
    background: black;
    cursor: pointer;
}
.header_actions_merchant_menu{
    display: flex;
    justify-content: center;
    padding-top : 20px;
}
.header_actions_merchant_menu a{
    padding: 20px 40px;
    color: #B7B7B7;
    text-decoration: none;
}
.header_actions_merchant_menu a.active{
    color: #EC643D;
    position: relative;
}
.header_actions_merchant_menu a.active::before{
    content: '';
    background: transparent linear-gradient(180deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    top: 0;
    height: 10px;
    width: 100%;
    left: 0;
}
.pref_li{
    min-height: 50px;
}
.pref_title{
    text-transform: uppercase;
    font-size: 1.6rem;
}
.pref_container{
    border-radius: 10px;
    padding : 50px;
}
.add_ambassador_container{
    margin: 100px;
}
div:has(>.add_ambassador_button){
    width: fit-content;
    margin: auto;
    padding: 0;
}
.add_ambassador_button{
    padding: 40px 60px 40px 120px;
    position: relative;
}
.add_ambassador_button_plus{
    margin-right: 50px;
    padding: 15px 20px;
    border: 2px solid white;
    border-radius: 30px;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translate(0%,-50%);
}
.add_ambassador_button a{
    color: white;
    text-decoration: none;
}
.index_resume_gestion, .index_resume_stats, .index_perf_mensuel{
    margin: 50px 0px;
    padding: 50px 100px ;
}
.big_pims{
    font-size: 4rem;
    color: #e62f2f;
}
.item_resume_gestion{
    position: relative;
    margin: 20px;
    padding: 20px;
}
.item_resume_gestion.disabled{
    background: #f0f0f0 !important;
    color: grey !important;
}
a:has(.item_resume_gestion){
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.1rem;
    color: black;
    text-decoration: none;
}
a:disabled:has(.item_resume_gestion){
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.1rem;
    color: black;
    text-decoration: none;
}
.pims_resume{
    margin: -10px;
    background: #E62A25;
    color: white;
    font-size: 1rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    pointer-events: none;
}
.index_inspirational_content{
    margin-bottom: 50px;
}
.rectangle {
    width: 20rem;
    height: 13rem;
    background-color: rgb(163, 160, 160); /* couleur de fond grise */
}
.container-input-file {
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-opacity-sharedoc {
    color: rgba(39, 39, 39, 0.507);
}

.custom-input::before {
    content: attr(data-text);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.8rem;
}

.input_color {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.input_color input[type="color"] {
    flex: 1;
    cursor: pointer;
}

.icon-custom {
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent linear-gradient( #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    border-radius:50%;
    width:25px;
    height:25px;
    color:#fff !important;
    padding: 5px;
}


.input_color i.fa-plus {
    position: absolute;
    color: #fff;
    right: 18px;
    transform: translateY(-50%);
    z-index: 1;
}

.font-color-icon {
    color: #E83D55;
}


.miniature {
    width: 200px;
    height: 100px;
    object-fit: cover;
  }


.thumbnail {
    width: 250px;
    height: 150px;
    object-fit: cover;
  }


  .line {
    width: 2px;
    height: 100%;
    background-color: #0000003d;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: scaleY(0.7);

  }

.fiche-deal {
    border: none;
    border-radius: 0;
    background-color:rgba(255, 255, 255, 0);
}

.container-deal {
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.custom-input {

    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: transparent linear-gradient(45deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    font-size: 1rem;
    width: 100%;
    height: 35px;
    color: transparent;
}

.text-doc-info {
    font-size: 0.8vw;
}


.button-sharedoc {
    display: inline-block;
    width: 50%;
}

@media (max-width: 768px) {
    .col-md-7 img.w-100{
        width: 100%;
        display: none;
    }
    .container-merchant-connexion {
        /* background-image: url('../../images/test_fond.jpg'); */
        /* background: transparent linear-gradient(45deg, #ec633d71 0%, #e62b2580 34%, #e83f5879 69%, #eb5a887e 100%) 0% 0% no-repeat padding-box; */
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
      }

    .col-md-6.col-12 img.w-100 {
        height: auto;
        max-width: 35%;
    }
}
.card_stats_container.row{
    max-width: 100%;
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    flex-wrap: nowrap;
    gap: 20px;
}
.card_stats *:not(.no_style){
    user-select: none;
}
.card_stats{
    background: black;
    margin: 10px;
    padding: 10px;
    text-align: center;
    justify-content: center;
    align-items: center;
    color: white;
    border-radius: 7px;
    width: 200px;
    height: 200px;
    box-shadow: 0 0 10px #00000078;
}
.card_stats.card_stats_small{
    height: 42px;
    box-shadow: none;
}
.card_stats img{
    height: 70px;
    width: 70px;
    background: white;
    border-radius: 50px;
    padding: 20px;
}
.card_stats i:not(.no_style){
    height: 70px;
    width: 70px;
    background: white;
    border-radius: 50px;
    padding: 20px;
    color: #cc2929;
    display: flex;
    font-size: 1.5rem;
    justify-content: center;
    align-items: center;
}

.card_stats i.show_networks{
    cursor: pointer;
}

.card_stats strong{
    padding-top: 10px;
}
.card_stats p{
    padding-top: 20px;
    font-size: .8rem;
    margin: 0;
}

.show_networks_container{
    position: absolute;
    bottom: 5px;
}

.networks_stats_container{
    height: 0;
    position: relative;
    user-select: none;
    overflow: hidden;
    transition: 0.3s;
}
.networks_stats_container .networks_stats{
    transform: translate(0%, -150%);
    transition: 0.4s ease-out;
}
.card_parent:has(.show_networks_checkbox:checked) .networks_stats_container{
    height: var(--h);
}
.card_parent:has(.show_networks_checkbox:checked) .networks_stats_container .networks_stats{
    transform: translate(0%, 0%);
}

#myStatsTable thead{
    padding: 5px 10px;
    color : white;
    background: black;
}
#myStatsTable thead tr th{
    padding: 20px 10px;
}
#myStatsTable tr td{
    padding: 5px 10px;
}
#myStatsTable th:nth-child(1){
    border-radius: 10px 0px 0px 10px;
}
#myStatsTable th:nth-last-child(1){
    border-radius: 0px 10px 10px 0px;
}
#myStatsTable_filter {
    padding : 10px;
}
#myStatsTable .stats_amb_journey{
    max-width: 120px;
}
.delete_ambassador_invitation{
    display: flex;
    align-items: center;
    justify-content: center;
}
#myStatsTable td .status{
    padding: 5px 10px;
    border-radius: 5px;
    color: black;
    width: fit-content;
    margin: 0;
}
#myStatsTable td .status.invited{
    background: #f8eab0;
}
#myStatsTable td .status.active{
    background: #b4f8b0;
}
#myStatsTable td .status.waiting{
    background: #d6d6d6;
}
#myStatsTable td .invite_actions_container:has(input:checked) .invite_actions,
#myStatsTable td .ambassador_actions_container:has(input:checked) .ambassador_actions{
    display: flex;
}
#myStatsTable td .invite_actions_container,
#myStatsTable td .ambassador_actions_container{
    position: relative;
}
#myStatsTable td .ambassador_actions_container label,
#myStatsTable td .invite_actions_container label{
    transition: .3s;
    border-radius: 5px;
}
#myStatsTable td .ambassador_actions_container label:hover,
#myStatsTable td .invite_actions_container label:hover{
    background-color: #00000021;
}
#myStatsTable td .invite_actions,
#myStatsTable td .ambassador_actions{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    box-shadow: 0 0 5px #00000026;
    padding: 0;
    border-radius: 5px;
    width: fit-content;
}
#myStatsTable td .invite_actions_container>.invite_actions,
#myStatsTable td .ambassador_actions_container>.ambassador_actions{
    display: none;
    position: absolute;
    top: -3px;
    left: -5px;
    gap: 1px;
    transform: translateX(-100%);
    z-index: 1;
}
#myStatsTable td .invite_actions_container>.invite_actions>*,
#myStatsTable td .ambassador_actions_container>.ambassador_actions>*{
    position: relative;
    background-color: #FFF;
    border-radius: 5px;
    padding: 5px 10px;
    transition: .3s;
    width: max-content;
    min-width: 100%;
    text-align: center;
    cursor: pointer;
    color: #000;
    text-decoration: none;
}
#myStatsTable td .invite_actions_container>.invite_actions>*:hover,
#myStatsTable td .ambassador_actions_container>.ambassador_actions>*:hover{
    background-color: #d6d6d6;
}
#myStatsTable td .invite_actions_container>.invite_actions>*:not(:nth-last-child(1))::after,
#myStatsTable td .ambassador_actions_container>.ambassador_actions>*:not(:nth-last-child(1))::after{
    content: '';
    display: block;
    height: 1px;
    width: 80%;
    background-color: lightgrey;
    position: absolute;
    bottom: -1px;
    margin: 0 auto;
}

.comments_container{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.comments_container>.card{
    width: 95%;
}
.other_data_container a.see_comments{
    width: fit-content;
}

/* ambassador_journey merchant page */
.ambassador_journey_container .journeys_page_parent{
    display: flex;
    gap: 50px;
    height: 70vh;
}
.ambassador_journey_container .ambassador_journeys_list{
    display: flex;
    position: relative;
    flex-direction: column;
    gap: 20px;
    width: 30%;
    padding: 20px;
    margin-top: 10px;
    overflow: auto;
}
.ambassador_journey_container .ambassador_journeys_list .status{
    background: lightgrey;
    border-radius: 8px;
    padding: 6px 14px;
}
.ambassador_journey_container .ambassador_journeys_list .status.ongoing{
    background: #f8eab0;
}
.ambassador_journey_container .ambassador_journeys_list .status.completed{
    background: #b4f8b0;
}
.ambassador_journey_container .ambassador_journeys_list .status.cancelled{
    background: black;
    color: white;
}
.ambassador_journey_container .ambassador_journeys_list .journey{
    position: relative;
    background: #F8F8F8;
    border-radius: 10px;
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* box-shadow: 0 0 10px #00000026; */
    box-shadow: 0 0 10px #00000026;
    z-index: 1;
    transition: 0.3s;
}
.ambassador_journey_container .ambassador_journeys_list .journey.active{
    position: relative;
    box-shadow: 0 0 20px #00000078;
}
.ambassador_journey_container .ambassador_journeys_list .journey:not(.active):hover{
    cursor: pointer;
    background: #e0e0e0;
}
.ambassador_journey_container .ambassador_journeys_list .journey .details{
    display: flex;
    justify-content: center;
    padding: 5px;
    margin: 0;
}
.ambassador_journey_container .ambassador_journeys_list .change_current_journey{
    position: relative;
    background: #F8F8F8;
    border-radius: 10px;
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 0 10px #00000026;
    z-index: 1;
    transition: 0.3s;
}
.ambassador_journey_container .journey_details{
    width: calc(70% - 50px);
    overflow: auto;
    background: #F8F8F8;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 0 10px #00000026;
    scrollbar-gutter: stable;
}
.ambassador_journey_container .journey_details .journey_text{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.ambassador_journey_container .journey_details .missions_and_rewards{
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 95%;
}
.ambassador_journey_container .journey_details .missions_and_rewards p{
    margin: 0;
}
.ambassador_journey_container .journey_details .missions_and_rewards>div{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    color: black;
    border-radius: 10px;
    padding: 10px;
    width: 60%;
    box-shadow: 0 0 10px #00000026;
}
.ambassador_journey_container .journey_details .missions_and_rewards>div.reward{
    margin-left: auto;
    background: #000;
    color: white;
}
.ambassador_journey_container .journey_details .missions_and_rewards>div .status{
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 10px;
    border-radius: 100px;
    font-size: 0.8rem;
    background-color: lightgrey;
    color: black;
    transform: translate(30%, -30%);
}
.ambassador_journey_container .journey_details .missions_and_rewards>div .status.done{
    background-color: #b4f8b0;
}
.ambassador_journey_container .journey_details .missions_and_rewards>div .status.in_progress{
    background-color: #f8eab0;
}
.ambassador_journey_container .journey_details .missions_and_rewards>div .status.not{
    background-color: #eb5b38;
    color: white;
}
.ambassador_journey_container .journey_details .missions_and_rewards>div .inside_content{
    display: none;
    margin-left: 20px;
    flex: 0 0 calc(100% - 30px);
}
.ambassador_journey_container .journey_details .missions_and_rewards>div.active .inside_content{
    display: block;
}
.ambassador_journey_container .journey_details .missions_and_rewards>div .inside_content>.content{
    padding-top: 10px;
}
.ambassador_journey_container .journey_details .missions_and_rewards>div .show_more{
    cursor: pointer;
}
.ambassador_journey_container .journey_details .missions_and_rewards>div.active .show_more{
    transform: rotate(180deg);
}
.ambassador_journey_container .journey_details .journey_datelimit form{
    display: flex;
    align-items: center;
    text-align: center;
    gap: 20px;
}
.ambassador_journey_container .journey_details .journey_datelimit form #new_date_limit{
    width: fit-content;
}
.ambassador_journey_container .journey_details .change_date_limit{
    cursor: pointer;
}



#tablemission thead{
    padding: 20px;
    color : white;
    background: black;
}
#tablemission thead tr th{
    padding : 15px;
}
#tablemission tr td{
    padding : 10px;
}
#tablemission th:nth-child(1){
    border-radius: 10px 0px 0px 10px;
}
#tablemission th:nth-last-child(1){
    border-radius: 0px 10px 10px 0px;
}
#tablemission_filter {
    padding : 10px;
    text-align: center;
    margin: 0 auto;
    float: inherit;
}
#tablemission_filter input{
    width: 320px;
}


#tableMyMissions_2 thead{
    padding: 20px;
    color : white;
    background: black;
}
#tableMyMissions_2 thead tr th{
    padding : 15px;
}
#tableMyMissions_2 tr td{
    padding : 10px;
}
#tableMyMissions_2 th:nth-child(1){
    border-radius: 10px 0px 0px 10px;
}
#tableMyMissions_2 th:nth-last-child(1){
    border-radius: 0px 10px 10px 0px;
}
#tableMyMissions_2_filter {
    padding : 10px;
}
#tableMyMissions_2_filter input{
    width: 320px;
}


#tablereward thead{
    padding: 20px;
    color : white;
    background: black;
}
#tablereward thead tr th{
    padding : 15px;
}
#tablereward tr td{
    padding : 10px;
}
#tablereward th:nth-child(1){
    border-radius: 10px 0px 0px 10px;
}
#tablereward th:nth-last-child(1){
    border-radius: 0px 10px 10px 0px;
}
#tablereward_filter {
    padding : 10px;
    text-align: center;
    margin: 0 auto;
    float: inherit;
}
#tablereward_filter input{
    width: 320px;
}

#tableMyRewards_2 thead{
    padding: 20px;
    color : white;
    background: black;
}
#tableMyRewards_2 thead tr th{
    padding : 15px;
}
#tableMyRewards_2 tr td{
    padding : 10px;
}
#tableMyRewards_2 th:nth-child(1){
    border-radius: 10px 0px 0px 10px;
}
#tableMyRewards_2 th:nth-last-child(1){
    border-radius: 0px 10px 10px 0px;
}
#tableMyRewards_2_filter {
    padding : 10px;
}
#tableMyRewards_2_filter input{
    width: 320px;
}

#tableEvent thead{
    padding: 20px;
    color : white;
    background: black;
}
#tableEvent thead tr th{
    padding : 15px;
}
#tableEvent tr td{
    padding : 10px;
}
#tableEvent th:nth-child(1){
    border-radius: 10px 0px 0px 10px;
}
#tableEvent th:nth-last-child(1){
    border-radius: 0px 10px 10px 0px;
}
#tableEvent_filter {
    padding : 10px;
}
#tableEvent_filter input{
    width: 320px;
}

.ambassador_privilege_form .row{
    position: relative;
    padding-bottom: 100px;
}
.ambassador_privilege_container{
    position: relative;
    /* min-height: 90vh; */
}
.ambassador_privilege_container_first{
    padding-right: 50px;
}
.ambassador_privilege_form .ambassador_privilege_gift_img{
    position: absolute;
    margin-left: -20px;
    bottom: 0px;
    left: 0px;
    width: 40%;
}
.ambassador_privilege_form .ambassador_privilege_puzzle_img{
    position: absolute;
    margin-right: -18px;
    padding: 0;
    z-index: 0;
    top: 0px;
    right: 0px;
    width: 40%;
}
.ambassador_privilege_button_container{
    /* position: absolute;
    right: 0;
    top: 100px; */
    text-align: right;
}
.btn_privilege{
    border: none;
    text-transform: uppercase;
    text-decoration: none;
    color: white;
    background: #B7B7B7;
    border-radius: 4px;
    padding: 0.75rem 3rem;
    box-shadow: 3px 3px 6px #dcdcdc;
    cursor: pointer;
}
.ambassador_privilege_margin{
    margin-top: 350px;
    z-index: 200;
    position: relative;
}

.updatePreferences{
    background-color : #E62A25;
    border: none;
    opacity: 0.5;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
}
.updatePreferences:checked{
    background-color : #E62A25;
    border: none;
    opacity: 1;
}
.valid_code{
    cursor: pointer;
}
.valid_code.already_send{
    color: #81c222;
}

/*
thank_you / guide accueil
*/
body:has(.footer_boneko){
    position: relative;
}
body:has(.not-verified-popup){
    overflow: hidden;
}
.ty-container{
    position: relative;
    margin-top: 30px;
}
.ty-bienvenue{
    width: 70%;
    margin: auto;
}
.ty-bienvenue.ty-end{
    margin-bottom: 150px;
}
.ty-guides{
    display: grid;
    margin: 50px 0 -20px;
    gap: 30px;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
}
.ty-guides.done{
    display: none;
}
.ty-guide{
    padding: 15px 20px 50px 20px;
    width: 60%;
    background-color: hsl(0, 0%, 98%);
    box-shadow: 0 0 10px #00000026;
    border-radius: 5px;
    position: relative;
}
.ty-guide>p{
    font-weight: 300;
}
.ty-guide:nth-child(1){
    margin-left: auto;
}
.ty-guide:nth-child(2){
    margin-right: auto;
}
.ty-guide:nth-child(3){
    grid-column: span 2;
}
.ty-guide.done{
    border-color: #3f9a3672;
    box-shadow: 0 0 10px #3f9a3672;
}
.ty-guide.done *{
    opacity: 0.4;
}
.ty-guide.done::after{
    content: "Vous avez terminé cette étape\a0!";
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 35%;
    bottom: 35%;
    left: 10%;
    right: 10%;
    height: 30%;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    width: 80%;
    padding: 0 10px;
    box-shadow: 0 0 20px #00000026;
    margin: auto;
    font-size: 14pt;
    text-align: center;
    color: black;
    opacity: 1;
}
.ty-guide h2{
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 17pt;
}
.ty-guide .ty-button{
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.ty-guide .ty-button::after{
    content: '>';
    font-size: 22pt;
    position: absolute;
    right: 3px;
    bottom: 0;
}
.ty-remaininginfos{
    /* position: absolute; */
    font-size: 12pt;
    background-color: white;
    box-shadow: 0 0 5px #00000026;
    padding: 6px 8px;
    border-radius: 5px;
}
.ty-remaininginfos p{
    margin: 0;
}
.container-fluid.notVerified{
    filter: blur(2px);
    opacity: 0.8;
}
.container-fluid.notVerified *{
    cursor: default;
}
.not-verified-popup-parent{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.not-verified-popup{
    position: absolute;
    width: 35%;
    top: 10%;
    right: 32.5%;
    left: 32.5%;
    background-color: white;
    box-shadow: 0 0 10px #00000026;
    border-radius: 5px;
    padding: 12px;
    font-size: 14pt;
    z-index: 1;
}
.not-verified-popup p{
    margin: auto;
    width: 90%;
}

/* Création */
.creation_container img.icon-mission,
.creation_container img.icon-reward{
    width: 60px;
    margin-bottom: 25px;
}
.creation_container img.icon-checkmarks{
    width: 60px;
}
.creation_container img.icon-clock{
    width: 30px;
}
.creation_container .indication{
    gap: 75px;
}
.creation_container .indication>div{
    display: flex;
    align-items: center;
    justify-content: center;
}
.creation_container .indication>div>p{
    padding: 20px 5px;
    margin: auto;
}

/*
2 . Mission
*/
.manage_container{
    text-align: center;
    padding: 8% 20%;
}
.manage_container .indication{
    display: flex;
    justify-content: center;
}
.manage_container .indication p{
    padding : 20px;
}
.manage_container .content{
    padding: 70px 50px;
}
.row_field{
    padding: 50px 100px;
    /* display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; */
}
.title_field{
    background: black;
    color: white;
    width: 100%;
    text-align: center;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}
/* .row_field #mission_type,
.row_field #reward_type{
    margin: auto;
} */
.row_field #mission_type>.row>div,
.row_field #reward_type>.row>div{
    max-width: 180px;
    aspect-ratio: 1 / 1;
    margin: 0;
}
.row_field #mission_type input,
.row_field #reward_type input{
    display: none;
}
/* .row_field #mission_type label{ */
.row_field #mission_type div,
.row_field #reward_type div{
    max-width: 500px;
    margin: auto;
    display: flex;
    justify-content: center;
    padding: 0.5rem !important;
}
.row_field #mission_type input:checked+label,
.row_field #reward_type input:checked+label,
.edit_reward .row_field #reward_where_to_use_it input:checked+label,
.edit_reward .row_field #reward_expiration_delay input:checked+label{
    background: transparent linear-gradient(180deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    color: white;
}
.row_field #mission_type input:checked+label img,
.row_field #reward_type input:checked+label img{
    filter: brightness(0) invert(1);
}

.choice_mission{
    aspect-ratio: 1 / 1;
    padding: 20px;
    flex-direction: column;
    text-align: center;
    color:black;
    background : #f6f6f6;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.img_resume{
    position: absolute;
    right: 0;
    width: 30%;
    bottom: 0;
}

.edit_mission #mission_type,
.edit_reward #reward_type,
.edit_reward #reward_where_to_use_it,
.edit_reward #reward_expiration_delay{
    display: flex;
}
.edit_mission #mission_type label,
.edit_reward #reward_type label,
.edit_reward #reward_where_to_use_it label,
.edit_reward #reward_expiration_delay label{
    display: flex;
    flex: 1;
    padding: 20px;
    justify-content: center;
    cursor: pointer;
}
.edit_mission .row_field,
.edit_reward .row_field{
    padding: 20px 100px;
}
/*
3 . Reward
*/
.row_field #reward_type{
    /* display: flex; */
}
.row_field #reward_type input,
.edit_reward .row_field #reward_where_to_use_it input,
.edit_reward .row_field #reward_expiration_delay input{
    display: none;
}
.row_field #reward_type label{
    /* width: 50%;
    height: 200px;
    justify-content: center;
    box-sizing: border-box;
    text-align: center;
    line-height: 200px;
    color:black;
    background : #f6f6f6;
    border-radius: 4px;
    cursor: pointer; */
}
.row_field #reward_type input:checked+label{
    background: transparent linear-gradient(180deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
}

/*
3 . WorkingSpace
*/
.working_space,
.working_space_reward,
#choose_model_working_space,
.working_space_check,
.working_space_reward_check{
    bottom: -6%;
    width: calc(100% - 110px) !important;
}

.working_space:has(#form_working_space.opened),
.working_space_reward:has(#form_working_space_reward.opened),
.container_boneko.opened #choose_model_working_space,
.working_space_check:has(#form_working_space_check.opened),
.working_space_reward_check:has(#form_working_space_reward_check.opened){
    bottom: 0;
}

.container_nav_left_merchant.activ + div + #wrapper_boneko .working_space,
.container_nav_left_merchant.activ + div + #wrapper_boneko .working_space_reward,
.container_nav_left_merchant.activ + div + #wrapper_boneko #choose_model_working_space,
.container_nav_left_merchant.activ + div + #wrapper_boneko .working_space_check,
.container_nav_left_merchant.activ + div + #wrapper_boneko .working_space_reward_check{
    width: calc(100% - 240px) !important;
}

.container_nav_left_merchant:not(.activ) .pims_resume{
    width: 20px;
    height: 20px;
    font-size: 0.7rem;
}

.container_nav_left_merchant.lancement ul:has(>li.publier){
    margin-top: 20px;
}
.container_nav_left_merchant.lancement ul:has(>li.publier):not(:has(.disabled)){
    box-shadow: 0 0 10px #3f9a36;
}
.container_nav_left_merchant.lancement ul>li.publier .title_menu{
    display: flex;
    align-items: center;
}

.working_space_reward,
.working_space_reward_check{
    position: fixed;
    width: 93vw;
    z-index: 99;
    background: white;
}
.working_space_reward.opened,
.working_space_reward_check.opened{
    z-index: 100001;
    bottom: 0;
}
.working_space_reward .title,
.working_space_reward_check .title{
    display: flex;
    background-color: black;
}
.working_space_reward .title .item,
.working_space_reward_check .title .item{
    color: white;
    width: 100%;
    height: 50px;
    display: flex;
    padding-left: 20px;
    align-items: center;
    justify-content: center;
}
.working_space_reward .content,
.working_space_reward_check .content{
    display: flex;
    height: 100%;
}
.working_space_reward .step{
    width: 100%;
    display: none;
    flex-direction: row;
}
.working_space_reward_check .step{
    width: 50%;
    overflow: auto;
    flex-direction: row;
    position: relative;
}
.working_space_reward .step_5,
.working_space_reward_check .step_5{
    justify-content: center;
    align-items: center;
}
.working_space_reward #form_working_space_reward,
.working_space_reward_check #form_working_space_reward_check{
    height: 0px;
    transition: all .5s;
}
.working_space_reward #form_working_space_reward.opened,
.working_space_reward_check #form_working_space_reward_check.opened{
    height: 300px;
    background: white;
    z-index: 100000;
    bottom: 0;
}
.working_space_reward #form_working_space_reward.opened .step{
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    gap: 30%;
}
.working_space,
.working_space_check{
    /* margin-left: 150px; */
    /* margin-right: 30px; */
    /* padding-left: 20px; */
    position: fixed;
    width: 93vw;
    z-index: 100000;
    background: white;
}
.working_space .title,
.working_space_check .title{
    display: flex;
    background-color: black;
}
.working_space .title .item,
.working_space_check .title .item{
    color: white;
    width: 100%;
    height: 50px;
    display: flex;
    padding-left: 20px;
    align-items: center;
    justify-content: center;
}
.working_space .content,
.working_space_check .content{
    display: flex;
    height: 100%;
}
.working_space .step{
    width: 100%;
    display: none;
    flex-direction: row;
    overflow: auto;
}
.working_space .step_5,
.working_space_check .step_5{
    justify-content: center;
    align-items: center;
}
.working_space #form_working_space,
.working_space_check #form_working_space_check{
    height: 0px;
    transition: all .5s;
}
.working_space #form_working_space.opened,
.working_space_check #form_working_space_check.opened{
    height: 300px;
    background: white;
    z-index: 100000;
    bottom: 0;
}
.working_space #form_working_space.opened .step{
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    gap: 30%;
}

.working_space #form_working_space.opened .step>div,
.working_space_reward #form_working_space_reward.opened .step>div{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.show_working_space,
.show_working_space_reward,
.show_working_space_check,
.show_working_space_reward_check,
.close_choose_mission,
.close_choose_reward{
    border: none;
    background: none;
    color: white;
    outline: 0;
}
#choose_model_working_space,
#choose_model_reward_working_space{
   position: fixed;
   display: none;
   bottom: 0px;
   width: 94.6%;
   z-index: 100001;
   background: white;
}
#choose_model_working_space .title,
#choose_model_reward_working_space .title{
    display: flex;
    background-color: black;
}
#choose_model_working_space .title .item ,
#choose_model_reward_working_space .title .item {
    color: white;
    width: 25%;
    height: 50px;
    display: flex;
    padding-left: 20px;
    align-items: center;
    justify-content: center;
}
#choose_model_working_space .content,
#choose_model_reward_working_space .content{
    display: flex;
    height: 360px;
}

.generic_button_2.open_choose_mission,
.generic_button_2.no-template,
.generic_button_2.create_mission,
.generic_button_2.open_choose_reward,
.generic_button_2.create_reward,
.generic_button_2.modif_mission_detail{
    position: absolute;
    margin-top: 75px;
}
.horizontal_shaking_animation_once{
    animation: horizontal-shaking 0.5s;
}
.no_template_message{
    opacity: 0;
    color: grey;
    position: absolute;
    margin-top: 175px;
    transition: 0.4s;
}
.no_template_message.visible{
    opacity: 1;
}

@keyframes horizontal-shaking {
    0% { transform: translateX(0) }
    25% { transform: translateX(5px) }
    50% { transform: translateX(-5px) }
    75% { transform: translateX(5px) }
    100% { transform: translateX(0) }
}

.mission_type{
    overflow-y: scroll;
    height: 85%;
    padding-bottom: 20px;
}
#choose_model_working_space .step,
#choose_model_reward_working_space .step,
.working_space_check .step{
    width: 25%;
    overflow: auto;
    flex-direction: column;
    position: relative;
}

#form_working_space_check,
#form_working_space_reward_check{
    display: flex;
    width: 100%;
}


#form_working_space_check .new_mission_checkbox.form-control.activ,
#form_working_space_acceptance .new_mission_checkbox.form-control.activ,
#form_working_space_reward_check .new_reward_checkbox.form-control.activ,
#form_working_space_acceptance_reward .new_reward_checkbox.form-control.activ{
    display: flex;
}

#form_working_space_acceptance,
#form_working_space_acceptance_reward{
    display: flex;
    width: 50%;
}
#form_working_space_acceptance .step,
#form_working_space_acceptance_reward .step{
    width: 50%;
    overflow: auto !important;
}

#form_working_space_acceptance .mission_title,
#form_working_space_acceptance_reward .reward_title{
    margin-top: 30px !important;
}
#form_working_space_acceptance .mission_validation_value,
#form_working_space_acceptance_reward .reward_where_to_use_it_value,
#form_working_space_acceptance_reward .reward_code,
#form_working_space_acceptance .mission_description,
#form_working_space_acceptance_reward .reward_description,
#form_working_space_acceptance .mission_requirements,
#form_working_space_acceptance_reward .reward_terms,
#form_working_space_acceptance .tags,
#form_working_space_check .mission_title,
#form_working_space_reward_check .reward_title,
#form_working_space_check .mission_description,
#form_working_space_reward_check .reward_description,
#form_working_space_check .mission_requirements,
#form_working_space_reward_check .reward_where_to_use_it_value,
#form_working_space_check .mission_validation_value,
#form_working_space_reward_check .reward_code,
#form_working_space_check .tags,
#form_working_space_reward_check .reward_terms{
    font-weight: 300;
}

#choose_model_working_space .step:nth-child(1),
#choose_model_working_space .step:nth-child(2){
    overflow: unset;
}

.choose_category{
    flex-direction: column;
}
.select_category_mission,
.select_mission,
.select_category_reward,
.select_reward{
    padding: 10px 10px;
    border: 1px solid black;
    border-radius: 5px;
    margin: 2px 0px;
    cursor: pointer;
    display: flex;
    width: 100%;
}

.select_category_mission.activ,
.select_mission.activ,
.select_category_reward.activ,
.select_reward.activ{
    border: none;
    color : white;
    background: transparent linear-gradient(231deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
}
#choose_model_working_space .last_step,
#choose_model_reward_working_space .last_step{
    display: flex;
    justify-content: space-between;
}
#choose_model_working_space .mission_acceptance,
#choose_model_reward_working_space .reward_acceptance,
.working_space_check .mission_acceptance,
.working_space_reward_check .reward_acceptance{
    pointer-events: none;
    border: 1px solid grey;
    padding: 10px 30px;
    border-radius: 5px;
    color: grey;
    cursor: pointer;
}
#choose_model_working_space .mission_acceptance.activ,
#choose_model_reward_working_space .reward_acceptance.activ,
.working_space_check .mission_acceptance,
.working_space_reward_check .reward_acceptance{
    pointer-events: unset;
    color : white;
    background: transparent linear-gradient(231deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    border: none;
}
#form_working_space_acceptance:has(.form-control.activ) h5.d-none,
#form_working_space_acceptance_reward:has(.form-control.activ) h5.d-none,
#form_working_space_check:has(.form-control.activ) h5.d-none{
    display: block !important;
}
#form_working_space_acceptance .no-inp,
#form_working_space_acceptance .form-control,
#form_working_space_acceptance_reward .no-inp,
#form_working_space_acceptance_reward .form-control,
#form_working_space_check .no-inp,
#form_working_space_check .form-control,
#form_working_space_reward_check .no-inp,
#form_working_space_reward_check .form-control{
    display: none;
}
#form_working_space_acceptance .no-inp.activ,
#form_working_space_acceptance .form-control.activ,
#form_working_space_acceptance:has(.mission_acceptance.activ) .modifier_infos,
#form_working_space_acceptance_reward .no-inp.activ,
#form_working_space_acceptance_reward .form-control.activ,
#form_working_space_acceptance_reward:has(.reward_acceptance.activ) .modifier_infos,
#form_working_space_check .no-inp.activ,
#form_working_space_check .form-control.activ,
#form_working_space_check:has(.mission_acceptance.activ) .modifier_infos,
#form_working_space_reward_check .no-inp.activ,
#form_working_space_reward_check .form-control.activ,
#form_working_space_reward_check:has(.reward_acceptance.activ) .modifier_infos{
    display: block;
}
.form-group.partnership{
    display: none;
}
#form_working_space_acceptance .mission_acceptance.none,
#form_working_space_acceptance_reward .reward_acceptance.none,
#form_working_space_check .mission_acceptance.none,
#form_working_space_reward_check .reward_acceptance.none{
    display: none;
}
#form_working_space_acceptance .modifier_infos,
#form_working_space_acceptance_reward .modifier_infos,
#form_working_space_check .modifier_infos,
#form_working_space_reward_check .modifier_infos{
    display: none;
    position: absolute;
    top: 25px;
    right: 20px;
    background: transparent linear-gradient(231deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    color: white;
    padding: 3px;
    border-radius: 5px;
}
#form_working_space_check .modifier_infos,
#form_working_space_reward_check .modifier_infos{
    display: block;
}
#form_working_space_acceptance .modifier_infos:hover,
#form_working_space_acceptance_reward .modifier_infos:hover,
#form_working_space_check .modifier_infos:hover,
#form_working_space_reward_check .modifier_infos:hover{
    cursor: pointer;
}

#overlay_choose_model_working_space{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: grey;
    opacity: 0.5;
    z-index: 199;
}
/* .working_space #form_working_space.opened + .overlay_working_space{
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #49494999;
    z-index: 1;
} */

/* #form_working_space_check .form-control.form-tags{
    display: grid;
    align-items: center;
    grid-template-columns: repeat(6, 1fr);
    gap: 5px;
    height: 150px;
    overflow: auto;
}
#form_working_space_check .form-control.form-tags input{
    height: 20px;
} */

@media (max-width: 1470px) {
    #form_working_space_check .tags{
        flex-direction: column;
    }
}

.working_space_missions_filter,
.working_space_rewards_filter{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 10px;
    background-color: #FAFAFA;
    padding: 3px;
    border-radius: 5px;
    margin-bottom: 5px;
    box-shadow: 0 0 5px #00000026;
}
.working_space_missions_filter>.checkboxes,
.working_space_rewards_filter>.checkboxes{
    display: flex;
    flex-direction: column;
    gap: 0;
}

.working_space_missions_filter>div,
.working_space_rewards_filter>div{
    margin: 0;
    display: flex;
    gap: 5px;
}

.working_space_missions_filter input,
.working_space_rewards_filter input{
    transform: scale(0.9);
}

.working_space_missions_filter label,
.working_space_rewards_filter label
{
    font-size: 8pt;
}

/* .mission_type .select_mission,
.reward_type .select_reward{
    display: none !important;
}

.working_space_missions_filter:has(input#missions-boneko:checked) + .mission_type .select_mission[data-filtertype='fk_page-null'],
.working_space_rewards_filter:has(input#rewards-boneko:checked) + .reward_type .select_reward[data-filtertype='fk_page-null']{
    display: flex !important;
}

.working_space_missions_filter:has(input#mes-missions:checked) + .mission_type .select_mission:not([data-filtertype='fk_page-null']),
.working_space_rewards_filter:has(input#rewards-boneko:checked) + .reward_type .select_reward:not([data-filtertype='fk_page-null']){
    display: flex !important;
} */

.strong{
    font-size: 5rem;
    margin: 0;
}
.very_strong{
    font-size: 7rem;
    margin: 0;
}
.hide_show_date_reward{
    display: none;
}

/* page information */
.container-page-information .not_active{
    display: none;
}

.container-page-information div>.titre{
    width: fit-content;
    margin: auto;
}

.container-page-information .choose_step{
    display: grid;
    width: 70%;
    margin: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
    text-align: center;
    max-width: 700px;
}

.container-page-information label:hover{
    cursor: pointer;
}

.container-page-information .choose_step input{
    display: none;
}

.container-page-information .choose_step label{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 3 / 2;
    background-color: white;
    box-shadow: 0 0 10px #00000026;
    border-radius: 7px;
    padding: 15px;
}

.container-page-information .back,
.container-page-information .back:checked+label{
    display: none;
}

.container-page-information .back+label{
    font-size: 30pt;
    position: fixed;
    top: 15%;   
}

.container-page-information:has(.choose_step #info-generales:checked) .not_active.info-generales,
.container-page-information:has(.choose_step #logo:checked) .not_active.logo,
.container-page-information:has(.choose_step #galeries:checked) .not_active.galeries,
.container-page-information:has(.choose_step #visibilite:checked) .not_active.visibilite,
.container-page-information:has(.choose_step #info-boutique:checked) .not_active.info-boutique,
.container-page-information:has(.choose_step #social_infos:checked) .not_active.social_infos,
.container-page-information:has(.choose_step #horaires:checked) .not_active.horaires{
    display: block;
}

.container-page-information .choose_step:has(input:checked){
    display: none;
}

.container-page-information .choose_step label:nth-child(n+9){
    transform: translate(57%);
}

.container-page-information .choose_step input:checked+label{
    background: transparent linear-gradient(180deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    color:white;
}

.container-page-information .sticky_validation{
    display: none;
}
.container-page-information .sticky_validation.no_reload{
    display: block;
    bottom: 0;
}
.container-page-information:has(.back:checked) .sticky_validation{
    display: block;
}
.container-page-information:has(.back:checked) .sticky_validation.no_reload{
    display: none;
}

.container-page-information .sticky_validation>*{
    margin: auto;
    width: 30%;
    text-align: center;
}

.container-page-information .schedule_input:not(.form-address){
    width: fit-content;
    min-width: 240px;
    margin: auto;
}

.container-page-information .schedule_label{
    display: none;
}

.container-page-information .schedule_input .open_or_closed{
    display: flex;
    gap: 5px;
}

.container-page-information .schedule_input .open_or_closed input{
    display: block;
}

.container-page-information .schedule_input>.day>div{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* .container-page-information .schedule_input .open_or_closed:has(input:checked)::after{
    display: none;
    font-size: 9pt;
    user-select: none;
    pointer-events: none;
    padding: 4px 5px;
    margin: auto;
    right: 0;
    height: 100%;
    width: calc(100% - 35px);
    content: "Fermé";
    color: white;
    position: absolute;
    z-index: 1;
} */

.container-page-information .navigation_buttons{
    position: fixed;
    right: 5%;
    top: 15%;
}

/*
4 . Journeys
*/
.liste_parcours_parent{
    display: flex;
    width: fit-content;
    margin: auto;
}
.liste_parcours{
    display: flex;
    align-items: flex-end;
    /* display: grid; */
    /* grid-template-columns: 1fr 1fr 1fr; */
    gap: 30px;
    margin: 30px 2rem 0 2rem;
}
.liste_parcours>.card_journey{
    position: relative;
    width: 450px;
    height: 250px;
    background-color: #fafafa;
    border-radius: 5px;
    box-shadow: 0 0 10px #00000026;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: 0.4s;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}
.liste_parcours>.card_journey .journey_is_open{
    display: flex;
    width: 100%;
    align-items: center;
    position: absolute;
    justify-content: center;
    transform: translateY(calc(-100% - 15px));
    color: black;
    background: #FAFAFA;
    border-radius: 5px;
    box-shadow: 0 0 10px #00000026;
    height: 33px;
    z-index: 1;
}
.liste_parcours>.card_journey:has(.journey_is_open){
    margin-top: 48px;
}
.liste_parcours>.card_journey .journey_is_open_info{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 33px 12px;
    background-color: #FAFAFA;
    user-select: text;
    z-index: 2;
}
.liste_parcours>.card_journey .journey_is_open_info .close_share_journey{
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
}
.liste_parcours>.card_journey .journey_is_open_info .open_links_checkboxes{
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    align-items: center;
    border: 1px solid #00000026;
    border-radius: 5px;
}
.liste_parcours>.card_journey .journey_is_open_info .open_links_checkboxes label{
    cursor: pointer;
    padding: 8px;
    text-align: center;
    border-radius: 4px;
    font-weight: 300;
}
.liste_parcours>.card_journey .journey_is_open_info .open_links_checkboxes input:checked+label{
    background-color: #00000026;
    font-weight: 600;
}
.liste_parcours>.card_journey .journey_is_open_info .open_links{
    display: flex;
    gap: 10px;
    margin: 10px 0;
}
.liste_parcours>.card_journey .journey_is_open_info .open_links>div{
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.liste_parcours>.card_journey .journey_is_open_info:has(.open_links_checkboxes #show_open_journey_link:checked) .open_links>.link,
.liste_parcours>.card_journey .journey_is_open_info:has(.open_links_checkboxes #show_open_journey_qr:checked) .open_links>.qr{
    display: flex;
}
.liste_parcours>.card_journey .journey_status{
    position: absolute;
    top: 0;
    left: 0;
    background-color: #00000026;
    padding: 4px 7px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.liste_parcours>.card_journey .journey_status.Actif{
    background-color: #3f9a36;
    color: white;
}
.liste_parcours>.card_journey .journey_status.Fini{
    background-color: #000;
    color: white;
}
.liste_parcours>.card_journey .journey_preview{
    position: relative;
    width: 90%;
    height: 100px;
    border-radius: 5px;
    min-height: 100px;
    margin: 0 5%;
    background-color: white;
    transition: 0.3s;
}
.liste_parcours>.card_journey .journey_preview>*,
.liste_parcours>.card_journey .journey_preview>.middle-line>*{
    transition: 0.3s;
}
.liste_parcours>.card_journey .journey_preview:hover>*:not(.hover_element, .middle-line),
.liste_parcours>.card_journey .journey_preview:hover>.middle-line>*{
    filter: blur(1px);
    opacity: 0.7;
}
.liste_parcours>.card_journey .journey_preview>.hover_element{
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 5px;
    /* border: 1px solid #00000021; */
    background-color: #00000011;
    z-index: 1;
    opacity: 0;
    transition: 0.3s;
}
.liste_parcours>.card_journey .journey_preview>.hover_element>img{
    filter: brightness(0);
    width: 15%;
    transform: translateY(15px);
    transition: 0.3s ease-out;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.liste_parcours>.card_journey .journey_preview:hover>.hover_element{
    opacity: 1;
}
.liste_parcours>.card_journey .journey_preview:hover>.hover_element>img{
    transform: translateY(0px);
}
.liste_parcours>.card_journey .journey_info{
    display: grid;
    grid-template-columns: 3fr 2fr;
    justify-items: center;
    align-items: center;
    margin: 12px 5%;
    width: 90%;
}
.liste_parcours>.card_journey .journey_info>div{
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
    text-align: start;
    gap: 3px;
}
.liste_parcours>.card_journey .journey_info>div.ambassador_info{
    border-radius: 5px;
    margin-left: auto;
}
.liste_parcours>.card_journey .journey_info>div.ambassador_info>div{
    /* background: transparent linear-gradient(231deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box; */
    /* color: white; */
    /* border-radius: 3px 3px 0 0; */
    padding: 0 5px;
    gap: 8px;
}
.liste_parcours>.card_journey .journey_info>div.ambassador_info span{
    position: relative;
    line-height: 12px;
    margin: 0 5px 0 28px;
}
.liste_parcours>.card_journey .journey_info img{
    width: 20px;
    height: 20px;
}
.liste_parcours>.card_journey .open_actions_menu{
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    z-index: 1;
}
.liste_parcours>.card_journey .open_actions_menu input{
    display: none;
}
.liste_parcours>.card_journey .actions{
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    flex-direction: column;
    z-index: 2;
    background: white;
    border: 1px solid #EDEDED;
    border-radius: 5px;
    transition: 0.3s;
}
.liste_parcours>.card_journey:has(.open_actions_menu input:checked) .actions{
    display: flex;
}
.liste_parcours>.card_journey .actions>label.close_actions_menu{
    display: flex;
    margin: 16px 5px 12px auto;
    cursor: pointer;
}
.liste_parcours>.card_journey .actions>a,
.liste_parcours>.card_journey .actions>div,
.liste_parcours>.card_journey .actions>form,
.liste_parcours>.card_journey .open_actions_menu>label,
.liste_parcours>.card_journey .open_actions_menu>div{
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 4px;
    padding: 4px;
    transition: .3s;
    color: black;
    text-decoration: none;
}
.liste_parcours>.card_journey .actions>form>button{
    gap: 5px;
}
.liste_parcours>.card_journey .actions>a.unused>*:not(help-circle),
.liste_parcours>.card_journey .actions>div.unused>*:not(help-circle),
.liste_parcours>.card_journey .actions>form.unused>*:not(help-circle),
.liste_parcours>.card_journey .open_actions_menu>label.unused>*:not(help-circle),
.liste_parcours>.card_journey .open_actions_menu>div.unused>*:not(help-circle){
    opacity: .6;

}
.liste_parcours>.card_journey .actions p{
    margin: 0;
}
.liste_parcours>.card_journey .actions>a:not(.unused):hover,
.liste_parcours>.card_journey .actions>div:not(.unused):not(.no-hover):hover,
.liste_parcours>.card_journey .actions>form:not(.unused):not(.no-hover):hover,
.liste_parcours>.card_journey .open_actions_menu>label:not(.unused):hover,
.liste_parcours>.card_journey .open_actions_menu>div:not(.unused):hover{
    background-color: #00000021;
    cursor: pointer;
}
.liste_parcours>.card_journey .actions img,
.liste_parcours>.card_journey .open_actions_menu img{
    filter: brightness(0);
    width: 25px;
    height: 25px;
}
.liste_parcours>.card_journey .actions .add_ambassador>div{
    font-size: 22px;
    color: black;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px black solid;
    border-radius: 25px;
}

.journey-quick-add-ambassador{
    z-index: 1;
    position: absolute;
    display: none;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    align-items: center;
    /* grid-template-columns: 1fr 1fr; */
    justify-items: center;
    padding: 12px 20px;
    background-color: #fafafa;
    width: 450px;
    height: 215px;
    right: -450px;
    /* left: 0;
    right: 0;
    bottom: 0;
    top: 40px;
    width: 200px; */
}
.journey-quick-add-ambassador>form{
    align-items: center;
    justify-content: center;
    width: 100%;
}
.journey-quick-add-ambassador .form_new_ambassador{
    display: none;
    /* display: flex; */
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.journey-quick-add-ambassador:has(.new_amb:checked) .no_new_amb_buttons{
    display: none !important;
}
.journey-quick-add-ambassador:has(.new_amb:checked) .form_new_ambassador{
    display: flex;
}
/* .journey-quick-add-ambassador>form:nth-child(1){
    position: relative;
}
.journey-quick-add-ambassador>form:nth-child(1)::after{
    display: flex;
    position: absolute;
    right: -8px;
    content: "";
    height: 100%;
    width: 1px;
    background-color: #00000026;
} */
.journey-quick-add-ambassador .add_new{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.journey-quick-add-ambassador .cancel{
    grid-column: 1 / 3;
}

.liste_parcours>.card_journey.empty{
    position: relative;
    cursor: pointer;
    text-decoration: none;
    text-decoration-line: none;
}
.liste_parcours>.card_journey.empty:hover{
    box-shadow: 0 0 10px #00000055;
}
.liste_parcours>.card_journey.empty .add_journey{
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    margin: auto;
    font-size: 40px;
    height: 70px;
    width: 70px;
    border: 5px solid #00000026;
    color: #00000026;
    border-radius: 70px;
    transition: 0.4s;
}
.liste_parcours>.card_journey.empty:hover .add_journey{
    color: #00000055;
    border-color: #00000055;
}
.liste_parcours>.card_journey .middle-line>.dot{
    position: absolute;
    width: 7px;
    height: 7px;
    background-color: rgb(104, 104, 104);
    border-radius: 7px;
    top: calc(50% + 8px);
    left: 5%;
    transform: translate(-50%, -50%);
}
.liste_parcours>.card_journey .middle-line>.line{
    position: absolute;
    width: 90%;
    height: 1px;
    background-color: #00000026;
    top: calc(50% + 8px);
    left: 5%;
    /* transform: translateY(-50%); */
}
.liste_parcours>.card_journey .middle-line>.clock{
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 20px;
    top: calc(50% + 8px);
    right: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00000026;
    font-size: 12px;
    background-color: lightgrey;
    transform: translate(50%, -50%);
}
.liste_parcours>.card_journey .middle-line>.clock>img{
    width: inherit;
}
.liste_parcours>.card_journey .preview_journey_content{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 1% 6%;
}
.liste_parcours>.card_journey .preview_mission{
    position: relative;
    width: 27px;
    min-width: 27px;
    height: 36px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 0 5px #00000026;
    margin-top: 8px;
}
.liste_parcours>.card_journey .preview_reward{
    position: relative;
    width: 20px;
    min-width: 20px;
    height: 20px;
    margin-top: auto;
    background-color: black;
    border-radius: 4px;
    box-shadow: 0 0 5px #00000026;
    margin-bottom: 8px;
}
.liste_parcours>.card_journey i.fa-heart{
    /* display: flex; */
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: white;
}
.liste_parcours>.card_journey .linking_line{
    position: absolute;
    right: 50%;
    bottom: -11px;
    width: 1px;
    height: 11px;
    background-color: lightgrey;
}
.liste_parcours>.card_journey .linking_dot{
    position: absolute;
    right: calc(50% - 1px);
    bottom: -12px;
    width: 3px;
    height: 3px;
    background-color: rgb(104, 104, 104);
    border-radius: 3px;
}
.liste_parcours>.card_journey .preview_reward .linking_line{
    bottom: unset;
    top: -10px;
    height: 10px;
}
.liste_parcours>.card_journey .preview_reward .linking_dot{
    bottom: unset;
    top: -11px;
}

.modifier_ordre_schema{
    position: absolute;
    display: flex;
    align-items: center;
    color: white;
    top: 0;
    right: 0;
    height: 35px;
    padding: 0 14px;
    background-color: #3f9a36;
    z-index: 10;
    border: none;
    border-radius: 5px;
    transition: 0.3s;
    text-decoration: none;
}

.modifier_ordre_schema:hover{
    background-color: #57be4e;
    color: white;
    cursor: pointer;
}

.bg-light:has(>.journey_navigation_arrow){
    position: relative;
}

.journey_navigation_arrow{
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    align-items: center;
    color: red;
    z-index: 10;
    user-select: none;
    height: fit-content;
    margin: auto 0;
}

.journey_navigation_arrow>p{
    height: 40px;
    font-size: 40px;
    background-color: rgba(0, 0, 0, 0.2);
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: solid 2px black;
    border-radius: 50px;
    transition: 0.3s;
}
.journey_navigation_arrow>p.unusable{
    color: rgba(255, 0, 0, 0.3);
    background-color: rgba(0, 0, 0, 0.5);
    cursor: default;
}

.journey_navigation_arrow>p:hover{
    color: rgb(255, 112, 112);
}
.journey_navigation_arrow>p.unusable:hover{
    color: rgba(255, 0, 0, 0.3);
}

.journey_navigation_arrow.journey_navigation_arrow_left{
    left: 10px;
}

.journey_navigation_arrow.journey_navigation_arrow_right{
    right: 10px;
}

.journey_title{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 15px 0;
    gap: 40px;
}
.journey_title>p{
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0;
}
.journey_title .generic_button_2{
    padding: 0.5rem 1rem;
}
.journey_title .form-control{
    width: unset;
}
.journey_chronology_container>div.published{
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    width: 30%;
    height: 35%;
    top: 32.5%;
    right: 35%;
    padding: 12px;
    background-color: #fafafa;
    border-radius: 3px;
    box-shadow: 0 0 10px #00000026;
    z-index: 1;
}
.journey_chronology_container>div.published p{
    font-size: 2em;
}
.journey_chronology_container>div.published button{
    font-size: 1em;
}

.journey_chronology_container.locked>div:not(.published){
    filter: blur(2px);
    pointer-events: none;
    user-select: none;
}
.journey_chronology_container.locked>div.published{
    display: flex;
}

.journey_chronology{
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    background-color: #fafafa;
    box-shadow: 0 0 10px #00000026;
    padding: 30px 135px 30px 40px;
    border-radius: 5px;
}
.journey_chronology.more_bottom{
    padding-bottom: 70px;
}
.journey_chronology *{
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -ms-user-select: none;
}

.cards_journey_top,
.cards_journey_bottom{
    display: flex;
    width: fit-content;
    max-width: var(--maxWidth);
    overflow-x: clip;
    margin-left: 40px;
}


.card_survey_top h5.card-title{
    font-size: 9pt;
    line-height: normal;
    display: flex;
    margin: auto;
}

.card_survey_top:has(.boutons) h5.card-title{
    margin: auto;
}

.card_survey_top{
    position: relative;
    height: 100%;
    min-height: 241px;
    margin: 0 20px;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
    padding: 5px;
    background-color: white;
    width: 170px;
    min-width: 170px;
    border-radius: 10px;
    box-shadow: 0 0 10px #00000026;
    border-color: transparent;
    /* backface-visibility: hidden; */
    transition: 0.6s;
}
.card_survey.card_survey_top .card_survey_top_options,
.reward_in_journey.reward_in_journey_bottom .reward_in_journey_bottom_options{
    position: absolute;
    height: 100%;
    width: 100%;
    margin: 0;
    border-radius: 20px;
    border-color: transparent;
    transition: 0.6s;
    transform: rotateY(180deg) scale(-1, 1);
    backface-visibility: hidden;
}

.reward_in_journey.reward_in_journey .reward_in_journey_bottom_options{
    padding: 30px 30px 0 30px;
}

.cards_journey_top>.card_survey_top_container .item_description{
    display: none;

    opacity: 0;
    position: absolute;
    overflow-y: auto;
    top: calc(100% + 70px);
    background-color: white;
    width: 170px;
    min-width: 170px;
    border-radius: 10px;
    box-shadow: 0 0 10px #00000026;
    border-color: transparent;
    z-index: 5;
    font-size: 12px;
    padding: 10px;
    height: 120px;
    transition: 0.6s;
}
.cards_journey_top>.card_survey_top_container .item_description.activ{
    opacity: 1;
}

.card_survey_top_container,
.reward_in_journey_container{
    display: flex;
    justify-content: center;
}
.card_survey_top_container::after{
    position: absolute;
    content:".";
    text-shadow: -2.5px 1px rgb(104, 104, 104);
    font-size: 25pt;
    color: transparent;
    display: block;
    bottom: -40px;
    border-right: dotted lightgrey 1px;
    width: 2px;
    height: 39px;
    line-height: 180%;
    z-index: 1;
}

.reward_in_journey_container::before{
    position: absolute;
    content:".";
    text-shadow: -3.5px 0px rgb(104, 104, 104);
    font-size: 25pt;
    color: transparent;
    display: block;
    top: -40px;
    border-right: dotted lightgrey 1px;
    width: 1px;
    height: 40px;
    line-height: 185%;
    transform: rotate(180deg);
}

.card_survey_top_container,
.reward_in_journey_container{
    height: auto;
    width: fit-content;
    position: relative;
}

.card_survey.card_survey_top.activ,
.reward_in_journey.reward_in_journey_bottom.activ{
    transform: rotateY(180deg);
}
.card_survey.card_survey_top .card_survey_top_options.activ,
.reward_in_journey.reward_in_journey_bottom .reward_in_journey_bottom_options.activ{
    transform: rotateY(0deg) scale(-1, 1);
}
.card_survey.card_survey_top:has(.card_survey_top_options.activ) .boutons,
.reward_in_journey.reward_in_journey_bottom:has(.reward_in_journey_bottom_options.activ) .boutons{
    opacity: 0;
    pointer-events: none;
}

.card_survey_top_options .delete_mission,
.card_survey_top_options .update_button_journey{
    padding: .50rem 1rem;
    display: flex;
}
.card_survey_top_options .boutons_back{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: auto 0 20px 0;
    gap: 10px;
}
.card_survey_top .boutons,
.cards_journey_bottom .boutons{
    width: 85%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 20px 0 5px 0;
    transition-delay: .15s;
}
.card_survey_top .boutons>button{
    /* style si on garde le bouton "valider"
    display: flex;
    justify-content: center;
    width: 45%;
    border: none;
    border-radius: 5px;
    padding: 6px 12px;
    box-shadow: 2px 2px 5px #00000033;
    font-size: 6pt; */

    padding: .50rem 1rem;
    display: flex;
}
.card_survey_top .boutons:has(.show_working_space_view_mission),
.cards_journey_bottom .boutons:has(.show_working_space_view_reward){
    position: absolute;
    bottom: 5px;
    display: flex;
    align-items: flex-start;
    height: 25px;
    cursor: pointer;
}
.card_survey_top .show_working_space_view_mission,
.cards_journey_bottom .show_working_space_view_reward{
    border: none;
    background-color: transparent;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    width: 100%;
    transition: 0.4s;
    pointer-events: none;
}
.cards_journey_bottom .show_working_space_view_reward{
    filter: invert(1);
}
.card_survey_top .show_working_space_view_mission p,
.cards_journey_bottom .show_working_space_view_reward p{
    opacity: 0;
    transition: 0.3s;
}
.card_survey_top .show_working_space_view_mission i,
.cards_journey_bottom .show_working_space_view_reward i{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px !important;
    height: 25px !important;
    border-radius: unset;
    font-size: 25px;
    background: none;
    padding: unset;
    color: unset;
    opacity: 1;
    transition: 0.3s;
}
.card_survey_top .boutons:hover .show_working_space_view_mission,
.cards_journey_bottom .boutons:hover .show_working_space_view_reward{
    transform: translateY(-50%);
}
.card_survey_top .boutons:hover .show_working_space_view_mission p,
.cards_journey_bottom .boutons:hover .show_working_space_view_reward p{
    opacity: 1;
}
.card_survey_top .boutons:hover .show_working_space_view_mission i,
.cards_journey_bottom .boutons:hover .show_working_space_view_reward i{
    opacity: 0;
}
.card_survey_top_container .anchor_refresh,
.reward_in_journey_container .anchor_refresh{
    position: absolute;
    right: calc(-50vw + 200px);
    z-index: 10;
}


.cards_journey_middle_line{
    position: relative;
    width: fit-content;
    margin: 0 20px 0 0;
}
.cards_journey_middle_line .line{
    margin: 40px 0 40px 20px;
    background-color: lightgrey;
    height: 1px;
    width: var(--width);
}
.cards_journey_middle_line::before{
    position: absolute;
    content:".";
    margin: 0 0 0 22px;
    font-size: 40pt;
    color: rgb(104, 104, 104);
    display: block;
    width: 1px;
    height: 39px;
    line-height: 90%;
    transform: rotate(180deg);
    z-index: 1;
}

.add_journey_element_container{
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    justify-content: center;
    position: absolute;
    color: white;
    /* bottom: -24%; */
    bottom: -61px;
    font-size: 14pt;
    /* right: -8%; */
    right: -18px;
    width: 35px;
    height: 41px;
    z-index: 2;
}

.add_journey_element_container input.openButton{
    display: none;
}
.add_journey_element_container .open{
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 35px; */
    /* height: 35px; */
    cursor: pointer;
    background-color: #3f9a36;
    /* background-color: #fafafa; */
    /* font-size: 0; */
    /* border: 2px dotted lightgrey; */
    width: 25px;
    height: 25px;
    border-radius: 35px;
    transition: 0.4s;
    box-sizing: border-box;
}
.add_journey_element_container .open:hover{
    /* background-color: #4dbe42; */
    background-color: #3f9a36;
    color: white;
    font-size: 19px;
    /* border: 2px dotted #3f9a36; */
    width: 35px;
    height: 35px;
}
.add_journey_element_container:has(>.openButton:checked){
    padding: 10px 20px;
    width: fit-content;
    height: fit-content;
    bottom: -35%;
    right: -34%;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: default;
}
.add_journey_element_container:has(>.openButton:checked) .open{
    width: 25px;
    height: 25px;
    transform: rotate(45deg);
    font-size: 22pt;
    position: absolute;
    top: 2px;
    right: 3px;
    background-color: unset;
    border: 1px solid white;
}
form:has(>.add_journey_element){
    display: none;
}

.add_journey_element_container:has(>.openButton:checked) form:has(>.add_journey_element){
    display: block;
}

/* .add_journey_element{
    display: none;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    color: white;
    top: 0;
    right: -8%;
    width: 35px;
    height: 35px;
    background-color: #3f9a36;
    padding: 10px;
    border-radius: 35px;
    transition: 0.3s;
    z-index: 1;
}
.add_journey_element:hover{
    background-color: #57be4e;
}

.add_journey_element.add_journey_mission{
    top: 50%;
}

.add_journey_element.add_journey_gift{
    top: 150%
} */


/* .cards_journey_middle_line::after{
    position: absolute;
    content: ".";
    margin: 0;
    font-size: 40pt;
    color: rgb(104, 104, 104);
    display: block;
    width: 1px;
    height: 0;
    line-height: 96%;
    transform: rotate(180deg);
    z-index: 1;
    right: -5px;
} */


.card_empty.card_empty_gift{
    aspect-ratio: 1/1;
    margin: 0 10px;
    width: 110px;
    height: 110px;
    min-width: 110px;
}

.card_empty.card_empty_mission{
    aspect-ratio: 1 / 1;
    margin: 0 20px;
    width: 170px;
    height: 110px;
    min-width: 170px;
    position: relative;
}

.reward_in_journey.reward_in_journey_bottom{
    flex: 0;

    aspect-ratio: 1 / 1;
    position: relative;
    margin: 0 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 5px;
    background-color: black;
    width: 110px;
    height: 110px;
    min-width: 110px;
    border-radius: 20px;
    box-shadow: 0 0 10px #00000026;
    transition: 0.6s;
}

.reward_in_journey.reward_in_journey_bottom p{
    margin: auto;
    padding: 0;
    font-size: 9pt;
}
.reward_in_journey.reward_in_journey_bottom .boutons_back{
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.checkboxes_toggle_limit{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.checkboxes_toggle_limit input{
    display: none;
}
.checkboxes_toggle_limit label{
    font-size: 12px;
    cursor: pointer;
    margin: auto;
    font-weight: 300;
    background-color: transparent;
    width: 100%;
    padding: 5px 0 15px 0;
    border-radius: 10px 10px 0 0;
    transform: translateY(10px);
    text-align: center;
    box-shadow: 0 2px 5px #00000026;
}
.checkboxes_toggle_limit input:checked + label{
    font-weight: bold;
    background-color: white;
    z-index: 3;
    box-shadow: unset;
}

.date_limit:has(input#date_limit:checked) form.form_date_limit,
.date_limit:has(input#time_limit:checked) form.form_time_limit{
    display: block;
}

form.form_date_limit, form.form_time_limit{
    display: none;
}

.date_limit{
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: translate(50%, calc(-100% + 17.5px));
    z-index: 3;
}
.date_limit>help-circle{
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(105%);
    z-index: 4;
}
.date_limit>help-circle i{
    color: grey;
}
.date_limit .date_limit_content{
    position: relative;
    width: 150px;
    background-color: white;
    filter: drop-shadow(0 0 10px #00000026);
    /* box-shadow: 0 0 10px #00000026; */
    border-radius: 10px;
    padding: 12px 3px;
    text-align: center;
    margin: 0 0 22px 0;
}
.date_limit .date_limit_content #date_limit,
.date_limit .date_limit_content #time_limit{
    margin: 0 0 15px 0;
    padding: 0 0 0 1px;
    font-size: 12px;
}
.date_limit .date_limit_content .arrow{
    width: 20px;
    height: 20px;
    background-color: white;
    position: absolute;
    bottom: calc(0% - 10px);
    transform: rotate(45deg);
    right: calc(50% - 10px);
    /* box-shadow: 0 0 10px #00000026; */
    clip-path: polygon(80% 0, 100% 0, 100% 99%, 0 100%, 0 80%);
}

.date_limit_icon{
    width: 35px;
    height: 35px;
    border-radius: 35px;
    background-color: lightgrey;
}

/* change schema order */

.change_schema_order_form{
    display: flex;
}

.change_schema_order_list{
    display: flex;
    margin: 40px auto 0;
    flex-direction: column;
    width: 50%;
    gap: 10px;
}

.change_schema_order_list>li{
    position: relative;
    display: flex;
    align-items: center;
    width: 80%;
    justify-content: center;
    text-align: center;
    min-height: 35px;
    border: 2px solid black;
    border-radius: 5px;
    cursor:grab;
    padding: 0 20px;
}

.change_schema_order_list>li::before{
    content: "||";
    position: absolute;
    left: 5px;
}

.change_schema_order_list>li.mission{
    margin-right: auto;
}

.change_schema_order_list>li.recompense{
    margin-left: auto;
    background-color: black;
    color: white;
}

.change_schema_order_list + div.change_schema_buttons{
    margin: 40px 100px 0 0;
}

/* end change schema order*/


.card_survey .img-fluid{
    max-width: 80%;
    margin: 0 auto;
}
.business_name{
    margin-top: 10px;
    margin-bottom: 5px;
}
.business_access{
    margin-top: 5px;
    margin-bottom: 10px;
}
.link-ambassador-card{
    margin-left: 5px;
}

.card_survey .card-title{
    text-align: center;
    font-size: 0.9rem;
    min-height: 35px;
}


.card_survey .icon_need_to_validated{
    position: absolute;
    right: 0;
    width: 50px;
    height: 50px;
    background: #e51f1f;
    border-radius: 4px;
    margin: 10px;
    color:white;
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.card_survey .icon_valid{
    position: absolute;
    right: -11px;
    top: -11px;
    width: 50px;
    height: 50px;
    /* background: #3f9a36; */
    border-radius: 10px;
    margin: 10px;
    color:white;
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    filter: brightness(0);
    transition: 0.3s;
}

.card_survey .icon_valid:hover{
    filter: brightness(1);
    cursor: pointer;
}

.card_survey .icon_valid>img.img-fluid{
    width: 100%;
}

.container-fluid.recap-page{
    margin-top: 40px;
}

.bottom-container-container{
    margin: -150px 0 0 0;
    position: relative;
    pointer-events: none;
}
.bottom-container-fluid, .bottom-container-menu{
    display: grid;
    align-items: center;
    justify-items: center;
    grid-template-columns: repeat(4, 1fr);
    margin: 50px 0 0 0;
    height: fit-content;
    margin: 0;
    box-shadow: 0 0 10px #00000026;
    /* display: none; */
}
.bottom-container-fluid{
    pointer-events: auto;
}
.bottom-container-menu{
    position: relative;
    z-index: 1;
    overflow: hidden;
    box-shadow: none;
}
.bottom-container-menu .menu.activ{
    pointer-events: auto;
    transform: translateY(0);
}
.bottom-container-fluid .step{
    /* border-top: solid 1px black;
    border-bottom: solid 1px black; */
    background-color: #fafafa;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    width: 100%;
    height: 80px;
    font-size: 14pt;
    transition: 0.4s;
    text-decoration: none;
    color: black;
    position: relative;
}
.bottom-container-fluid .step .nb-alertes{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E62A25;
    color: white;
    left: calc(50% + 40px);
    padding: 3px;
    width: 30px;
    height: 30px;
    border-radius: 30px;
}
.bottom-container-fluid .step .nb-alertes.zero{
    background-color: #3f9a36;
}
.bottom-container-fluid .step .arrow{
    position: absolute;
    left: calc(50% - 130px);
    transition: 0.4s;
}
.bottom-container-fluid .step .arrow.activ{
    transform: rotateZ(180deg);
}

.bottom-container-menu .menu{
    width: 100%;
    height: 100%;
    min-height: 180px;
    background-color: white;
    border-top-color: transparent;
    border: 1px solid black;
    /* box-shadow: 0 0 10px #00000026; */
    padding: 5px;
    transform: translateY(100%);
    transition: 0.4s;
}
.bottom-container-menu .menu#alertes,
.bottom-container-menu .menu#publier{
    display: flex;
    align-items: center;
}
.bottom-container-menu .menu#publier h4{
    text-align: center;
}
.bottom-container-fluid .step:not(#ordonner):hover{
    background-color: #e9e9e9;
    cursor: pointer;
}
/* .bottom-container-fluid .step.final-step .generic_button_2{
    width: 100%;
    height: 100%;
} */

.container-page{
    padding-top: 20px;
    padding-left : 5px;
}
.container-page.admin-container{
    padding-left: 100px;
    padding-right: 100px;
}

.container-page h1{
    font-weight: bold;
    font-size: 2rem;
}
.container-page i{
    color:grey;
}
.container-page hr{
    margin: 1rem 0;
}
.img_first_survey{
    background: url('../../images/fusee.svg');
    position: fixed;
    height: 50vh;
    width: 85vw;
    bottom: 0;
    z-index: -1;
    background-repeat: no-repeat;
    opacity: 1;
    margin-left: -20px;
}
.change_goals_form h3{
    display: flex;
    justify-content: center;
}
.change_goals_form .col-4{
    margin: auto;
}

.goal_container{
    margin : 30px 0px;
    justify-content: space-between;
}
.goal_container input[type='radio']{
    display: none;
}
.goal_container label{
    cursor: pointer;
    height: 30px;
    width : 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00000000;
    margin: 0px 10px;;
    border-radius: 50px;
}
.goal_container input:checked+label{
    background: transparent linear-gradient(231deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    color: white;
}

.card_goal_journey{
    aspect-ratio: 1/1;
    border-radius: 20px;
    position: relative;
    flex: 1;
    margin: 10px;
    padding: 30px;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    background: black;
    color: white;
    /* border-radius: 30px; */
    min-width: 90px;
    min-height: 90px;
    max-width: 90px;
    max-height: 90px;
}
.goal_journey_title{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    color: black;
    transition: 0.3s;
    opacity: 0;
}
.card_goal_journey:hover .goal_journey_title{
    top: 100%;
    opacity: 1;
}
.goal_journey_title>p{
    margin: auto auto 0;
}

.card_goal_journey i, .reward_in_journey i{
    height: 20%;
    width: 20%;
    border-radius: 100%;
    font-size: 1.2rem;

    /* height: 70px;
    width: 70px; */
    background: white;
    /* border-radius: 50px; */
    padding: 20px;
    color: #cc2929;
    display: flex;
    /* font-size: 2rem; */
    justify-content: center;
    align-items: center;
}
.card_goal_journey img{
    filter: brightness(0) invert(1);
    height: 70px;
    width: 70px;
    /* background: white; */
    /* border-radius: 50px; */
    padding: 15px;
}
.card_goal_journey p{
    padding-top: 5px;

    /* padding-top: 20px; */
    font-size: .6rem;
}
.container_schema{
    justify-content: space-between;
    align-items: center;
}
/* .schema_goals_grid{
    display: grid;
    grid-template-columns: 2fr 1fr;
} */
.round_to_validated{
    color: #3f9a36;
    position: relative;
    list-style: none;
}
.round_to_validated::before{
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #3f9a36;
    left: -16px;
    border-radius: 50px;
    top: 00;
    border: 0;
    transform: translate(0px, 80%);
}
.round_need_to_completed{
    color:red;
    position: relative;
    list-style: none;
}
.round_need_to_completed.orange{
    color: #EC643D;
}
.round_need_to_completed::before{
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: red;
    left: -16px;
    border-radius: 50px;
    top: 0;
    border: 0;
    transform: translate(0px, 80%);
}
.published_journey_container{
    display: flex;
    align-items: center;
}
.reward_in_journey{
    flex : 1;
    margin: 20px;
    padding: 30px 30px 20px 30px;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    background: black;
    color: white;
    border-radius: 30px;
    height: 160px;
    margin-top: 110%;
}
.reward_in_journey img{
    height: 40px !important;
    width: 40px !important;
    border-radius: 50px;
    padding: 5px;
    margin: 0 auto;
}
.reward_in_journey .icon_valid{
    position: absolute;
    top: 0;
    right: 0;
    filter: brightness(10);
    transition: 0.3s;
}
.reward_in_journey .icon_valid:hover{
    filter: brightness(1);
    cursor: pointer;
}

.reward_in_journey p{
    padding-top: 20px;
    font-size: .6rem;
}

.filter_free_container{
    background: black;
    color: white;
    border-radius: 30px;
    min-height: 50vh;
}
.filter_free_title{
    padding : 30px;
}
.add_mission_free{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 10vh;
    background: transparent linear-gradient(231deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    color: white;
    border-radius: 10px;
    text-transform: uppercase;
    text-decoration: none;
}
.add_mission_free:hover{
    color : white;
}
/*
5 . Pages
*/

.logo_page_display{
    display: flex;
    justify-content: center;
    align-items: center;
}
.content_display .card-footer{
    background: none;
}
label[for='registration_form_agreeTerms']{
    font-size: 0.7rem;
}
.title_create_account{
    font-weight: bold;
}
.switch_connect{
    display: flex;
    justify-content: space-around;
    text-align: center;
    cursor: pointer;
}
.switch_connect a{
    color: inherit;
    text-decoration: none;
}
.switch_connect .activ{
    color: #E83F59;
}
.password_show_hide{
    position: relative;
}
.toggle-password{
    position: absolute;
    right: 20px;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
}
.card-footer .actions_page{
    display: flex;
    justify-content: center;
}
.card-footer .actions_page a, .card-footer .actions_page span{
    padding : 5px 0px;
    flex : 1;
    margin : 2px;
}
.img_logo{
    display: flex;
    justify-content: center;
}
.container-edit-fiche {
    display:flex;
    flex-direction: row;
    justify-content: space-evenly;
    padding: 2rem 0rem;
}

.show_container_white{
    background: white;
    padding: 20px;
    min-height: 200px !important;
    box-shadow: 2px 2Px 5px #dadada;
    font-weight: 300;
}
.qualification{
    border: 1px solid grey;
    border-radius: 5px;
    padding: 10px 50px;
    display: inline-block;
    margin-top: 5px;
    font-weight: 300;
}
.qualification_ambassador_container{
    min-width: 200px;
}
.qualification_ambassador{
    height: 85%;
    display: flex;
    padding: 20px 10px;
    word-break: break-word;
    text-align: center;
    justify-content: center;
    align-items: center;
    border: 1px solid #EC643D;
    border-radius: 5px;
    padding: 5px 20px;
    margin-top: 5px;
}
.icon-custom{
    padding : 15px;
}
.logo_page{
    max-height: 200px;
}
h5{
    font-size: 1.15rem;
    line-height: 30px;
}
h5 .text_small{
    padding-left: 10px;
    font-size: 1rem;
    font-weight: 300;
}
.input_color_circle {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 1rem;
    column-gap: 1.3rem;
    max-width: 100%;
    overflow-x: auto;
    padding: 0 1rem;
}
.input_color_circle i{
    cursor : pointer;
}
#page_presentation, #page_new_presentation,
#page_qualitifications, #page_new_qualitifications,
#page_certificates, #page_new_certificates,
#page_products, #page_new_products,
#page_services, #page_new_services,
#page_keywords, #page_new_keywords,
#page_deal_of_the_day, #page_new_deal_of_the_day{
    min-height: 200px;
}
.fiche-presentation {
    border: solid 1px lightgrey;
    border-radius: 5px;
    outline : 0;
}

.horaires_grid{
    display: grid;
    /* grid-template-columns: 1fr 1fr; */
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-auto-flow: column;
}
.horaires_grid>div:nth-child(n+4 of div){
    grid-column-start: 2;
}
.schedule_input{
    min-height: 150px !important;
}
.social_infos .form-group{
    display: flex;
    justify-content: center;
    align-items: center;
}
.social_infos .form-group i{
    margin-right: 30px;
    width: 10px;
}
.info_social_url{
    line-break: anywhere;
}
.form-group .schedule_input>div{
    margin: 10px 0;
}
.form-group .schedule_input>div select{
    border: none;
    border-radius: 3px;
    /* margin: 0 5px; */
    /* padding: 2px; */
    /* border: 1px solid black; */
    color: black;
    /* background-color: white; */
    /* box-shadow: 0 0 10px #00000046; */
    /* background: transparent linear-gradient(180deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box; */
}
.schedule_input>.day{
    display: grid;
    grid-template-rows: 1fr 1fr;
}

/* PAUSE MÉRIDIENNE */
/* .schedule_input #meridian_break{
    display: none;
}
.schedule_input hr:has(+#meridian_break){
    display: none;
} */
/* FIN PAUSE MÉRIDIENNE */

.schedule_input>.day>div{
    display: flex;
}
.schedule_input>.day .horaires_union{
    margin: 0 8px;
}

.schedule_input .open_or_closed{
    position: relative;
}
.schedule_input .open_or_closed label{
    font-size: 9pt;
    cursor: pointer;
    color: black;
    padding: 3px;
}
/* .schedule_input .open_or_closed input:checked+label{
    background-color: red;
    color: red;
    z-index: 1;
} */
/* .schedule_input .open_or_closed:has(input:checked)::after{
    font-size: 9pt;
    user-select: none;
    pointer-events: none;
    padding: 4px 5px;
    margin: auto;
    left: 0;
    height: 100%;
    width: 100%;
    /* left: 6px;
    top: 4px;
    content: "Fermé";
    color: white;
    position: absolute;
} */
.day:has(.open_or_closed input:checked){
    grid-template-rows: 1fr;
}
.day:has(.open_or_closed input:checked)>div:nth-child(2){
    display: none;
}
/*
6 . Generic
*/

.already_account{
    color:black;
    text-decoration: none;
    font-weight: bold;
    font-size : 1.3rem;
}
.already_account:hover{
    color : #a81a1a;
}

.line_custom {
    width : 60px;
    height : 2px;
    background : rgb(18, 19, 18);
}
/*
6 . Generic
*/
.survey_create_container{
    text-align: center;
    padding: 100px 400px;
}
.survey_create_content{
    min-height: 60vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#survey_title{
    border: none;
    line-height: 50px;
    outline: 0;
}
.header_survey .content_survey{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.input_survey input[type='radio']{
    display: none;
}
.input_survey label{
    cursor: pointer;
    height: 40px;
    width : 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00000000;
    margin: 0px 10px;;
    border-radius: 50px;
}
.input_survey input:checked+label{
    background: transparent linear-gradient(231deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    color: white;
}
.input_survey label.checked{
    background: transparent linear-gradient(231deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    color: white;
    opacity : 0.8;
}
#question_survey{
    margin: 0 auto;
    max-width: 50%;
}
#question_survey_title{
    text-align: center;
}
#question_survey_note_expected{
    display: flex;
    justify-content: center;
}


/*
8.Ambassador
*/
/*install pwa*/
.ambassador_install_pwa_container .device_type{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin: 30px auto 0;
    background: #00000016;
    width: fit-content;
    border-radius: 20px;
    padding: 5px;
}
.ambassador_install_pwa_container .device_type>label{
    padding: 5px 20px;
    border-radius: 20px;
    cursor: pointer;
}
.ambassador_install_pwa_container .device_type>input:checked+label{
    background: transparent linear-gradient(231deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    color: white;
}
.ambassador_install_pwa_container .install_instructions>div{
    display: none;
}
.ambassador_install_pwa_container:has(#android:checked) .android_instructions,
.ambassador_install_pwa_container:has(#ios:checked) .ios_instructions,
.ambassador_install_pwa_container:has(#desktop:checked) .desktop_instructions{
    display: block;
}
.ambassador_install_pwa_container .images_container{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
}
.ambassador_install_pwa_container .images_container>img{
    width: 20%;
    margin: auto;
}
.ambassador_install_pwa_container .desktop_instructions .images_container>img{
    width: 75%;
}
@media screen and (max-width: 768px) {
    .ambassador_install_pwa_container .images_container{
        gap: 5px;
    }
    .ambassador_install_pwa_container .images_container>img{
        width: 33%;
    }
    .ambassador_install_pwa_container .ios_instructions .images_container>img{
        width: 50%;
    }
    .ambassador_install_pwa_container .desktop_instructions .images_container>img{
        width: 100%;
    }
}

/**/
.ambassador_screen_comp{
    width: 100%;
    display: none;
}
.ambassador_screen_comp .section_top{
    height: 40vh;
    background-color: #a5a5a5;
}
.ambassador_screen_comp .section_bottom{
    display: flex;
    width: 100%;
    gap: 50px;
    margin: 2em 0;
}
.ambassador_screen_comp .section_bottom .page_info{
    display: flex;
    align-items: center;
    height: 100%;
    width: 40%;
    margin: 0 2em;
    background-color: #fafafa;
    box-shadow: 0 0 10px #00000026;
    border-radius: 8px;
}
.ambassador_screen_comp .section_bottom .page_info .container_img_represent{
    background-color: white;
    box-shadow: 0 0 10px #00000026;
    width: 50%;
    min-width: 50%;
    margin: 15px;
}

.ambassador_screen_comp .section_bottom .pages_list{
    background-color: #fafafa;
    box-shadow: 0 0 10px #00000026;
    padding: 12px;
}


@media screen and (max-width: 991px) {
    .img_login_container{
        position: fixed;
        bottom: 0;
        transform: translateY(55%);
        width: 170%;
        max-width: 170%;
    }
}
@media screen and (max-width: 425px) {
    .img_login_container{
        position: fixed;
        bottom: 0;
        transform: translateY(55%);
        width: 170%;
        max-width: 170%;
    }
}
.menu_ambassador{
    position: fixed;
    bottom: 0;
    display: flex;
    width: 100%;
    justify-content: space-around;
    flex-direction: row;
}
/* form[name="preference_category_ambassador"]{
    padding-bottom: 100px;
} */
.container-ambassador-connexion {
    /* background-color: #FFFAF4; */
}

.form-container-ambassador {
    width: 70%;
    margin: auto;
}

.border-color {
    border: 2px solid;
    border-image: linear-gradient(to bottom, #EC643D, #EB5A87 ) 1 100%;
    border-image-slice: 1;
}


.border-color-pref {
    border: 2px solid #E83F59;
    border-image-slice: 1;
}

.color-title-ambassador {
    background: -webkit-linear-gradient(0deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.choice-box {
    border: 1px solid #ccc;
    background-color: transparent;
    padding: 10px;
    text-align: center;
}

.btn_ambassador {
    font-size: 0.6rem;
    border-radius: 20px;
    color: rgb(0, 0, 0);
    font-weight: 300;
    width: 100%;
    text-align: center;
    padding: 20px 0px;
    margin: 10px 0px;
    height: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
}

input:checked+label.btn_ambassador {
    background: linear-gradient(180deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    color: rgb(255, 255, 255);
  }

.input_ambassador {
    display: none;
}

.bloc-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}
.bloc-icon.active {
    color: tomato;
}

.custom-card-img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.button-custom-color-modal {
    background: transparent linear-gradient(180deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    border:none;
    border-radius: 50px;
    padding: 0.5rem 1.3rem;
    font-size: 0.7rem;
    color: white;
    text-transform: uppercase;
}

#tuto3 {
    top: 15vh;

  }


@media screen and (min-width: 1000px) {
    .screen-ambassador {
        align-items: flex-end !important;
        margin-right: 15%;
    }
}
/* .custom-label-ambassador {
    font-size: 5rem;
} */
.container-logo-ambassador{
    margin: 0 auto;
    max-width: 300px;
}
.nav_profil{
    display: flex;
    justify-content: center;
}
.ambassador_screen_without_top{
    padding-bottom: 150px;
}
.ambassador_screen_without_bottom{
    padding-top: 90px;
}
.ambassador_screen{
    padding-bottom: 50px;
    /* padding-top: 90px; */
}
.ambassador_screen a{
    text-decoration: none;
}


.all_data_container{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 0;
    width: 100%;
    gap: 50px;
}
.all_data_container .card_merchant_all_data{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    padding: 10px;
    background: transparent linear-gradient(180deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    color: white;
    border-radius: 10px;
    width: 60%;
    max-width: 300px;
}
.all_data_container .card_merchant_all_data .merchant_logo{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 7px;
    width: 90%;
    min-height: 110px;
    max-height: 110px;
    aspect-ratio: 1 / 1;
    background-color: white;
    border-radius: 10px;
}
.all_data_container .card_merchant_all_data .merchant_logo>img{
    max-width: 90%;
    max-height: 90%;
    margin: auto;
}
.separative_line{
    width: 80%;
    min-height: 3px;
    max-height: 3px;
    background-color: #fff;
    border-radius: 10px;
    margin: 15px auto;
}

.all_data_container .card_merchant_all_data h3::after{
    display: block;
    content: '';
    width: 80%;
    height: 3px;
    background-color: #fff;
    border-radius: 10px;
    margin: 3px auto;
}
.all_data_container .card_merchant_all_data .next_mis,
.all_data_container .card_merchant_all_data .next_rew{
    margin: auto 0 25% 0;
}
.next_mis>a, .next_rew>a{
    color: white;
}
.all_data_container .card_merchant_all_data button.see_all_data{
    color: black;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border: none;
    border-radius: 0 0 10px 10px;
    min-height: 45px;
    transition: 0.3s;
}
.all_data_container .card_merchant_all_data button.see_all_data:hover{
    font-size: 12pt;
}
.merchant_all_data_appear{
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    min-height: 80vh;
    padding: 40px 0 150px;
    background-color: #fafafa;
    color: black;
    border-radius: 10px 10px 0 0;
    z-index: 1;
    overflow: auto;
    transition: 0.3s;
}
.merchant_all_data_appear.activ,
.merchant_all_data_appear.activ .merchant_close{
    top: 10%;
}
.merchant_all_data_appear .merchant_close{
    font-size: 24pt;
    transform: rotate(45deg);
    position: fixed;
    top: 100%;
    right: 15px;
    transition: 0.3s;
    cursor: pointer;
}
.merchant_all_data_appear .merchant_close:hover{
    color: red;
}
.merchant_all_data_appear .merchant_missions,
.merchant_all_data_appear .merchant_rewards,
.merchant_all_data_appear .journey_title{
    font-size: 20pt;
    text-align: center;
    margin: 0 0 50px;
}
.merchant_all_data_appear .merchant_logo{
    max-width: 300px;
    max-height: 140px;
    margin-bottom: 30px;
}
.merchant_all_data_appear .merchant_parcours{
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
}
.merchant_all_data_appear .merchant_parcours .reward{
    display: flex;
    justify-content: center;
    width: 75%;
    min-width: 80px;
    max-width: 220px;
}
.merchant_all_data_appear .merchant_parcours.whole_journey .reward{
    position: relative;
    max-width: 140px;
}
.merchant_all_data_appear .reward .reward_text{
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    border-radius: 5px;
    box-shadow: 0 0 10px #00000026;
    padding: 8px;
    width: 80%;
    background-color: black;
    color: white;
    aspect-ratio: 1 / 1;
}
.merchant_all_data_appear .merchant_parcours .mission{
    position: relative;
    display: flex;
    justify-content: center;
    width: 80%;
    max-width: 280px;
    min-height: 110px;
}
.merchant_all_data_appear .mission .mission_text{
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    border-radius: 5px;
    box-shadow: 0 0 10px var(--box-shadow-clr);
    padding: 8px;
    width: 100%;
    background-color: #fff;
}
.mission_text .mission_checkmark,
.reward_text .reward_checkmark{
    position: absolute;
    top: -13px;
    left: -13px;
    width: 30px;
    border-radius: 100%;
    aspect-ratio: 1 / 1;
    background-color: #3f9a36;
    padding: 2px;
}
.reward_text .reward_checkmark.status-2{
    background-color: #fee273;
}
/* .reward_checkmark{
    opacity: 0.6;
} */

.mission_checkmark>img,
.reward_checkmark>img{
    width: 100%;
    height: 100%;
}
.merchant_all_data_appear .mission .see_mission,
.merchant_all_data_appear .reward .see_reward{
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent linear-gradient(231deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;;
    color: white;
    width: 30px;
    font-size: 20pt;
    box-shadow: 0 0 10px var(--box-shadow-clr);
    border-radius: 0 5px 5px 0;
    margin-left: -5px;
    text-decoration: none;
    transition: 0.3s;
}
.merchant_all_data_appear .mission_text::after,
.merchant_all_data_appear .reward_text::after{
    content: '';
    position: absolute;
    height: 50px;
    top: 101%;
    left: 50%;
    right: 50%;
    display: block;
    border-left: dotted var(--line-clr) 2px;
}
.merchant_parcours>div:nth-last-child(1)>.mission_text::after,
.merchant_parcours>div:nth-last-child(1)>.reward_text::after{
    display: none;
}
.background-gift{
    background: transparent linear-gradient(45deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    float: left;
    margin-top: -30px;
}
.all_missions_container, .all_rewards_container{
    float: left;
}
.journey_limit{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 5px;
    background: #ddd;
    color: #000;
}
.journey_limit:has(.journey_not_active_text){
    color: #fff;
    background: #000;
}
.unactiv{
    /* filter: blur(2px); */
}
.background-black-gift{
    background : #202020;
    color:white;
    min-height: calc(100vh - 57px);
    padding: 0px;
    /* padding-bottom: 50px; */
}
.background-black-gift-journey {
    padding-top : 20px;
    position: relative;
}
.background-black-gift-journey .owl-ambassador-journey .owl-item img{
    width: 80%;
    margin: 0 auto;
}
.container-content-black-gift{
    position: relative;
    z-index: 2;
}

.background_gift_journey{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    opacity: 0.5;
    z-index: 1;
}
.previous_journeys{
    position: relative;
    z-index: 2;
    margin: 50px 0;
}
.previous_journeys a{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 5px;
    margin: auto;
    padding: 8px 14px;
    width: fit-content;
}
.title_reward_item{
    padding: 20px 30px 20px 40px !important;
    display: flex !important;
    justify-content: space-between;
    background: none !important;
    border: none !important;
    color : white !important;
    /* border-top : 1px solid white !important; */
    border-bottom : 1px solid white !important;
}
.title_reward_item:first-child{
    /* border-top : none !important; */
}
/* #accordion_rewards .title_reward_item:last-of-type{
    border-bottom : 1px solid white !important;
} */
.title_reward_item i {
    color: #f22020;
}
#accordion_rewards div{
    background : #202020 !important;
    color : white !important;
    border : none !important;
}

#accordion_rewards div a{
    color : white !important;
}
.container-i-red i{
    color: #a62e2e;
}
.nav_parameter{
    overflow: hidden;
    height: 57px;
    position: sticky;
    top: 0px;
    background: transparent linear-gradient(231deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    /* background: white; */
    z-index: 99999;
    border-bottom: 1px solid #e2e2e2;
}
.nav_parameter .text-title{
    color : white;
}
.nav_parameter .open-burger-menu{
    display: none;
}
.nav_parameter .open-burger-menu+label{
    cursor: pointer;
}
.nav_parameter + .burger-menu{
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    text-align: center;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 100%;
    z-index: 100000;
    background-color: whitesmoke;
    /* background: transparent linear-gradient(231deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box; */
    transition: 0.2s;
    overflow: auto;
}
.nav_parameter:has(.open-burger-menu:checked) + .burger-menu{
    transform: translateX(-100%);
}
body:has(.open-burger-menu:checked){
    overflow: hidden;
}

.burger-menu label{
    position: sticky;
    top: 0;
    margin: 0 auto 0 15px;
    font-size: 50pt;
    cursor: pointer;
    /* color: white; */

}
.burger-menu .titre{
    margin: -60px 0 40px 0;
    font-size: 22pt;
    /* color: white; */
}
.burger-menu .burger-menu-links{
    flex-direction: column;
    margin: 15% auto 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    width: 100%;
    max-width: 460px;
}
.burger-menu .burger-menu-links>a{
    text-decoration: none;
    color: white;
    font-size: 14pt;
    margin: 10px 0;
    position: relative;
    aspect-ratio: 1 / 1;
    background-color: var(--color);
    width: 75%;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}
.burger-menu .burger-menu-links>a:hover{
    font-size: 16pt;
}
.burger-menu .burger-menu-links>a.small_menu_button{
    width: 50%;
    font-size: 10pt;
    margin-top: 15%;
    margin-bottom: 15%;
}
.burger-menu .burger-menu-links>a.small_menu_button:hover{
    font-size: 12pt;
}
.burger-menu .burger-menu-links .installApp{
    cursor: pointer;
    border: 2px solid black;
}
.burger-menu .burger-menu-links>a>img{
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    opacity: 0.6;
}

.burger-menu .burger-menu-links>a:nth-child(odd){
    margin-top: -35%;
    margin-right: -30%;
}
.burger-menu .burger-menu-links>a:nth-child(even){
    margin-left: -30%;
}


.custom_nav_parameters{
    position: absolute;
    width: 100%;
    background: #00000000;
    color: white;
    border-bottom: 1px solid white;
}

.perso-carousel{
    display: flex;
    max-width: 400px;
    overflow: scroll;
    scrollbar-width: none;
    gap: 25px;
}
.perso-carousel-nostyle{
    scrollbar-width: none;
}
.perso-carousel>div:nth-last-child(1),
.perso-carousel-nostyle>div:nth-last-child(1){
    margin-right: 10%;
}

.horaire_container{
    width: fit-content;
    height: fit-content;
}
.horaire_dropdown{
    display: flex;
    border-radius: 10px;
    padding: 0px 8px 4px 0;
    width: fit-content;
    height: fit-content;
}
.horaire_dropdown p{
    margin: 0;
}
.horaire_dropdown .schedule_dropdown{
    display: none;
}
.link_page_border{padding:10px 5px 8px 5px;border-radius:25px;border:1px solid grey; min-width: 40px; min-height: 40px;}
.link_page_border>i{padding: 6px; width: auto !important; min-width: 30px}

.horaire_dropdown .schedule_dropdown+label{
    cursor: pointer;
    font-size: 20pt;
    transform: rotate(90deg);
    margin: -10px 8px 0 15px;
    transition: 0.3s;
    user-select: none;
}
.all_horaires_container{
    height: 0;
    overflow: hidden;
    transition: 0.3s;
}
.all_horaires_container>div{
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: repeat(7, 1fr);
    transform: translateY(-100%);
    transition: 0.3s;
}
.all_horaires_container>div>*{
    height: fit-content;
    margin: 0;
}
.all_horaires_container>div>p{
    margin-right: auto;
    width: 250%;
}
.horaire_dropdown:has(input:checked) + .all_horaires_container{
    height: 135px;
}
.horaire_dropdown:has(input:checked) + .all_horaires_container>div{
    transform: translateY(0);
}
.horaire_dropdown input:checked+label{
    transform: rotate(270deg);
}

.invitations_container{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.card_commerce{
    background : #202020;
    padding: 10px;
    width: 300px;
    min-width: 300px;
}
p:has(>span.business_status){
    display: flex;
    align-items: center;
    gap: 10px;
}

.business_status{
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 5px;
}
span.open{
    color: #3f9a36;
    font-weight: 500;
    font-size: inherit;
}
span.closed{
    color: red;
    font-weight: 500;
    font-size: inherit;
}
.business_status.schedule_open{
    background-color: lightgreen;
}
.business_status.schedule_closed{
    background-color: red;
}
.card_commerce .journey_and_share{
    margin-top: auto;
}
.card_commerce.card_invitation{
    height: 200px;
    background-color: #e5e5e5;
    overflow: hidden;
}
.card_commerce.card_invitation p.pt-3{
    position: relative;
    color: black;
    margin-bottom: 0;
    z-index: 1;
}
.card_commerce.card_invitation .deco{
    position: absolute;
    width: 80%;
    margin: auto;
    top: -70%;
    right: 0;
    left: 0;
    transform: rotateZ(45deg);
    aspect-ratio: 1 / 1;
    border: solid 2px var(--bs-card-border-color);
}
.card_commerce.card_invitation .container_img_represent,
.card_commerce.card_invitation .journey_button_1{
    z-index: 1;
}
.invitations_container h3{
    width: fit-content;
    position: relative;
}
.invitations_container .pims_resume{
    right: -25px;
    top: -5px;
}

.card_commerce *, .unselectable{
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}
.card_commerce a{
    color:white;
    text-decoration: none;
    font-size: 0.7rem;
}
.container_img_represent{
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding : 20px;
    border-radius: 5px;
    min-width: 100%;
}
.img_represent{
    width: auto !important;
    max-width: 100%;
    margin: 0 auto;
    /* border-radius: 10px; */
    padding: 25px;
}
.link-ambassador-card .img_represent{
    opacity: 0.5;
}
.link-ambassador-card.actif .img_represent{
    opacity: 1;
}
.container_img_represent .img_represent{
    max-height: 150%;
}
.journey_button_1{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    text-decoration: none;
    color : white;
    background: transparent linear-gradient(231deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    border-radius: 4px;
    cursor:pointer;
    padding: 8px 10px;
    min-height: 50px;
}
.journey_button_1 a{
    color:white;
    text-decoration: none;
}
.journey_button_2.b-event a, .journey_button_2.b-event i{
    color : black;
}
/* TMP PARTAGEZ LA FICHE */
div:has(>.partagez-la-fiche)>a:nth-child(1),
div:has(>.partagez-la-fiche)>a:nth-child(1)>button{
    width: 98%;
    margin: .25rem auto !important;
}
.partagez-la-fiche{display: none;}


.journey_button_2{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    text-decoration: none;
    color : white;
    background: none;
    border-radius: 4px;
    border : 1px solid #9e3e3e;
    cursor:pointer;
    padding: 8px 10px;
    min-height: 50px;
}
.card_event a{
    color: black;
    /* text-decoration: none; */
}
.card_event .text-small,
.card_commerce .text-small{
    font-size: 0.6rem;
}
.bubble_green{
    width: 7px;
    height: 7px;
    background: green;
    display: inline-block;
    border-radius: 6px;
    margin-right: 7px;
}
.bubble_red{
    width: 7px;
    height: 7px;
    background: red;
    display: inline-block;
    border-radius: 6px;
    margin-right: 7px;
}
.owl-ambassador .owl-stage{
    padding-left: 0px !important;
}
.owl-ambassador-event .owl-stage{
    padding-left: 0px !important;
}
.link_page_border{
    padding: 10px 5px 8px 5px;
    border-radius: 25px;
    border : 1px solid grey;
}
.galerie.owl-carousel .owl-stage{
    display: flex;
    align-items: center;
}
.container_documents a{
    color : black;
    display: flex;
    justify-content: space-between;
    margin : 10px 0px;
    align-items: center;
}
.container_documents i{
    padding: 5px;
    border-radius: 20px;
}
.container_comments{
    border: 1px solid black;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 1rem;
}
.container_mission_img{
    position: relative;
    color: white;
    padding : 0px;
    max-width: 700px;
    margin: 0 auto;
}
.title_mission_img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    z-index: 200;
}
.image_mission_img::before{
    content: "";
    background: #2e2e2e;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: .5;
}
.icon_mission{
    text-align: center;
    display: flex;
    justify-content: center;
    /* align-items: center; */
}
.icon_mission i{
    padding: 12px 10px;
    color: #E83F59;
    border-radius: 25px;
    border: 1px solid #D3D3D4;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ambassador_screen a.back_in_reward{
    color:black;
    text-decoration: underline;
    padding-right: 20px;
}
.btn_ambassador_page_1{
    padding : 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: inherit;
}
.btn_ambassador_page_2{
    padding : 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: inherit;
}
.title_congrat{
    padding: 50px;
}
.content_congrat{
    padding: 20px;
}
.btn_pref_bottom{
    flex : 1;
}
.btn_pref_bottom button, .btn_pref_bottom a{
    display: flex;
    justify-content: center;
    width : 100%;
}
.owl-ambassador-page-journey{
    padding: 20px 20px 0px 20px;
}
.owl-ambassador-journey{
    /* height: 100%; */
}
.owl-ambassador-journey .owl-stage-outer{
    height: 100%;
}
.owl-ambassador-journey .owl-stage-outer .owl-stage{
    height: 100%;
}
.owl-ambassador-journey .owl-stage-outer .owl-stage .owl-item{
    height: 100%;
}
.owl-ambassador-page-journey .owl-stage{
    display: flex;
    align-items: center;
}

.owl-ambassador-page-journey .owl-dots.disabled, .owl-ambassador-page-journey .owl-nav.disabled{
    display: block !important;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot.owl-nav {
    position: absolute;
    left: 20px;
    top: 50%;
    background-color: var(--base-color) !important;
    display: block;
    padding: 0 .3em !important;
    font-size: 3em;
    margin: 0;
    cursor: pointer;
    color: #fff;
    transform: translate(-50%, -50%);
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot.owl-nav {
    position: absolute;
    right: 0px;
    top: 50%;
    background-color: var(--base-color) !important;
    display: block ;
    padding: 0 .3em !important;
    font-size: 3em ;
    margin: 0;
    cursor: pointer;
    color: #fff;
    transform: translate(-50%, -50%);
}

.owl-ambassador-page-journey .owl-nav button.owl-next{
    right: -27px;
}
.owl-ambassador-page-journey .owl-prev span,.owl-ambassador-page-journey .owl-next span{
    font-size: 6rem;
    color : #e43b0e;
    padding: 20px;
}
.owl-ambassador-journey .owl-prev span, .owl-ambassador-journey .owl-next span{
    font-size: 6rem;
    color : #e43b0e;
    padding: 20px;
}
.owl-ambassador-journey .owl-nav button.owl-prev, .owl-ambassador-journey .owl-nav button.owl-prev, .owl-ambassador-journey button.owl-dot.owl-nav {
    position: absolute;
    left: 20px;
    top: 50%;
    background-color: var(--base-color) !important;
    display: block;
    padding: 0 .3em !important;
    font-size: 3em;
    margin: 0;
    cursor: pointer;
    color: #fff;
    transform: translate(-50%, -50%);
}
.owl-ambassador-journey .owl-nav button.owl-next, .owl-ambassador-journey .owl-nav button.owl-next, .owl-ambassador-journey button.owl-dot.owl-nav {
    position: absolute;
    right: -30px;
    top: 50%;
    background-color: var(--base-color) !important;
    display: block ;
    padding: 0 .3em !important;
    font-size: 3em ;
    margin: 0;
    cursor: pointer;
    color: #fff;
    transform: translate(-50%, -50%);
}
.text-title{
    font-weight: 900;
    font-size: 14px;
}
.card_journey_ambassador{
    padding: 20px;
    background: white;
    color: black;
    text-align: center;
    border-radius: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    min-height: 460px;
}
.card_journey_ambassador:has(.generic_button_disabled){
    filter: brightness(0.6);
}
.card_journey_ambassador .mission_finie{
    position: relative;
    width: 65px !important;
    aspect-ratio: 1 / 1;
    width: fit-content;
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 10px;
    background: #3f9a36;
}
.owl-carousel .owl-item .card_journey_ambassador .mission_finie>img.img-fluid{
    padding: 3px;
    margin: 0;
    aspect-ratio: 1 / 1;
    width: 100%;
}
.card_journey_ambassador .card{
    border: none;
}
.owl-ambassador .owl-dots{
    display: none;
}
.owl-ambassador-journey.owl-theme .owl-dots .owl-dot span{
    background: none;
    border: 1px solid white;
}
.owl-ambassador-journey.owl-theme .owl-dots .owl-dot.active span, .owl-ambassador-journey.owl-theme .owl-dots .owl-dot:hover span{
    background: -webkit-linear-gradient(0deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    border: 0px;
    /* background: #e43b0e; */
}
.reward_journey{
    border: 1px solid #a2580e;
    padding: 20px 10px;
    margin: 20px;
    border-radius: 10px;
    display: block;
    color: white;
    text-decoration: none;
}
.reward_journey.disabled,
.reward_journey.disabled:hover{
    color: rgba(255, 255, 255, 0.6)
}
.all_reward_journey a{
    color: white;
    text-decoration: underline;
}
.events_journey a{
    color :white;
    text-decoration: none;
}
.header_accepted_condition{
    background: black;
    padding: 20px;
    border-radius: 7px 7px 0px 0px;
    color: white;
    display: flex;
    justify-content: center;
}
.header_event_send{
    background: black;
    padding: 20px;
    border-radius: 7px 7px 0px 0px;
    color: white;
    display: flex;
    justify-content: space-between;
}
.content_event_send{
    padding : 20px;
}

.dropdown_nav_menu {
    position: relative;
    display: inline-block;
    outline: 0;
}
.dropdown_group_nav{
    border : none;
    background: none;
    padding: 0px 10px;
    outline: 0 !important;
}

.dropdown_content_nav {
    display: none;
    position: absolute;
    background-color: white;
    text-align: right;
    min-width: 250px;
    right: 0px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 201;
    padding-right: 10px;
}

.dropdown_content_nav a {
    color: white;
    text-decoration: none;
    font-weight: initial;
    display: block;
}
.dropdown_content_nav a:hover, .dropdown_content_nav span:hover {
    color:#731221;
}
.privilege_ambassador_front{
    color: white;
}

/* page des anciens parcours coté amb. */
.row:has(.ambassador_previous_journeys_container){
    background-color: #202020;
}
.ambassador_previous_journeys_container{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
    padding: 12px;
    width: 100%;
    min-height: calc(100vh - 57px - 172px);
}
.ambassador_previous_journeys_container .journey_info{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
    background: transparent linear-gradient(231deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    color: white;
    padding-top: 10px;
    border-radius: 10px;
    margin: 20px 0;
    width: 220px;
    box-shadow: 0 0 10px #00000026;
}
.ambassador_previous_journeys_container .see_more{
    width: 100%;
    padding: 5px 0;
    border-radius: 0 0 10px 10px;
    color: black;
    background: white;
    cursor: pointer;
}

@media (max-width: 992px) {
    .add_ambassador_container{
        margin: 60px 0px 0px 0px;
    }
    .container_navbar_merchant #navbarNav{
        display: flex;
    }
    #navbarNav .navbar-nav{
        flex-direction: row;
    }
    #navbarNav .navbar-nav .nav-link{
        padding : 0px 10px;
    }
    .header_actions_merchant_menu a{
        padding : 20px;
    }
    .index_resume_gestion, .index_resume_stats, .index_perf_mensuel{
        padding: 40px 30px;
    }
    .add_ambassador_button{
        padding: 20px 40px 20px 60px;
    }
    .add_ambassador_button_plus{
        left: 10px;
        padding: 5px 10px;
    }
}
.container_attachement{
    position: relative;
}
.remove_attachment{
    position: absolute;
    right: 2px;
    top: 2px;
    width: 20px;
    height: 20px;
    background: #c02626;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    padding: 15px;
    cursor: pointer;
}
.remove_attachment i{
    color: white !important;

}
.monthly-card{
    display: none;
}
.toggle-container{
    text-align: center;
}
.small_container{
    padding: 20px;
    /* background: white;
    box-shadow: 0px 5px 11px 1px lightgrey; */
    display: inline-block;
    margin: 10px;
    border-radius: 40px;
}
.toggle-button{
    cursor: pointer;
    padding: 10px 40px;
    margin: 5px;
    /* width: 100px; */
    display: inline-block;
    background-color: rgb(255,255,255);
    font-size: 13px;
    font-weight: 600;
    color: rgb(133,133,133);
    text-transform: uppercase;
    border: 1px solid rgb(230,233,235);
    border-radius: 50px;
}
.toggle-button.activ{
    background: transparent linear-gradient(231deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    color: white;
    border-radius: 25px;
    margin: 5px;
}
.title_plan{
    text-transform: uppercase;
}
.price{
    position: relative;
}
.euro_price{
    font-size: 0.8rem;
    color: #535353;
    position: absolute;
    top: 20px;
}
.big_price{
    font-size: 4rem;
}
.text-free-trial{
    font-size: 0.7rem;
    color: #535353;
    display: inline-block;
    margin-top: 10px;
}
.resume_plan{
    text-align: left;
}
/* .ambassador_menu{
    background-image: url('/images/menu/menu.svg');
    background-position: 50% 40px;
    height: 160px;
    background-size: 120%;
    align-items: center;
    background-color: #00000000 !important;
    background-repeat: no-repeat;
} */
.ambassador_menu{

    /* background-image: url(/images/menu/menu.svg); */
    /* background-position: 100%; */
    height: 60px;
    background-size: cover;
    /* width: 100%; */
    /* align-items: center; */
    /* background-color: #00000000 !important; */
    /* background-repeat: no-repeat; */
    /* background-color: red !important; */
    box-shadow: 0px 0px 23px #00000090;
}
.ambassador_menu a{
    /* padding-top: 45px; */
    /* flex : 1; */
    width: 20%;
}
.ambassador_menu a.bloc-home{
    /* padding-top: initial; */
   background: -webkit-linear-gradient(0deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
   width: 70px;
   height: 70px;
   border-radius: 60px;
   margin-bottom: 72px;
   position: absolute;
   left: 50%;
   transform: translate(-50%);
}
.text-event{
    font-size: 0.8rem;
}
.gift_top{
    position: absolute;
    right: 0;
    /* transform: rotate(-10deg); */
    overflow: hidden;
    z-index: 0;
}
.papers{
    position: absolute;
    left: 0;
    /* transform: rotate(-25deg); */
    width: 100%;
    overflow: hidden;
    z-index: 0;
}
.gift_bottom{
    position: absolute;
    left: 0;
    z-index: 0;
}
.title_reward_custom{
    padding-top: 100px;
}
.container_reward_journey{
    padding-bottom: 100px;
}
.img-mission-reward-generic{
    max-height: 250px;
}
.title_pricing{
    margin-top: 100px;
    font-size: 4rem;
}
.desc_pricing{
    margin-top: 50px;
    padding: 0px 50px;
}
.pricing_container .card{
    border-radius: 30px;
    border : 3px solid white;
    box-shadow: 0px 0px 5px #d8d8d8;
    background-color:#fbeff1 ;
    /* color: white; */
    min-height: 810px;
}

.shepherd-element{
    bottom: 0px !important;
    left: inherit !important;
    top: initial !important;
    max-width: 100% !important;
    /* height: 50vh !important; */
    width: 100% !important;
    z-index: 110000 !important;
    background: white !important;
    border-radius: 10px 10px 0px 0px !important;
    transform: initial !important;
    position: fixed !important;
}
.shepherd-elem-header{
    border-radius: 0px 0px 10px 10px !important;
    bottom: inherit !important;
    top: 70px !important;
}
.shepherd-elem-4{
    border-radius: 0px 0px 10px 10px !important;
    bottom: inherit !important;
    top: 0px !important;
}
.shepherd-content{
    text-align: center !important;
}
.shepherd-footer{
    justify-content: center !important;
    /* margin-top: -40px !important; */
}
.shepherd-footer .shepherd-button{
    flex: 1;
    color : white;
    background: transparent linear-gradient(45deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
}
.shepherd-modal-overlay-container{
    z-index: 109999 !important;
}
.shepherd-elem-2{
    position: fixed !important;
    bottom: 60px !important;
}
.event_container.shepherd-target{
    margin-top : 15px;
}
.ambassador_represent_container.shepherd-target{
    margin-top : 15px;
}
.shepherd-content {
    text-align: center !important;
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 100%;
}
.shepherd-modal-overlay-container{
    pointer-events: auto !important;
}
.valid_button{
    display: flex;
    justify-content: end;
}
.ambassador_privilege_container p{
    font-weight: 300;
}
.ambassador_privilege_gift_img {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.ambassador_privilege_form{
    margin-bottom: -50px;
}

.ambassador_gift_image{
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30%;
}
.ambassador_gift_image.ambassador_gift_image_right{
    left: unset;
    right: 0;
    transform: scaleX(-1);
}
.ambassador_detail_container{
    display: grid;
    grid-template-columns: repeat(var(--nbColumns), 1fr);
    overflow: scroll;
    gap: 5px 12px;
}


/* préférence boutique */
.pref-boutique{
    margin: auto;
    display: grid;
    align-items: center;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    max-height: 55vh;
    aspect-ratio: var(--aspect-ratio);
}
.pref-boutique>.elm{
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
}
.pref-boutique>.elm:has(>input:checked)>label.btn_ambassador{
    width: 84%;
    height: 84%;
}
.pref-boutique>.elm>label.btn_ambassador{
    aspect-ratio: 1 / 1;
    width: 80%;
    height: 80%;
    border-radius: 100px !important;
    transition: 0.3s;
}
.pref-boutique>.elm:nth-child(3n-1){
    margin-bottom: -104%;
}
.pref-boutique>.elm:nth-child(3n-2){
    margin-right: -50px;
}
.pref-boutique>.elm:nth-child(3n-3){
    margin-left: -50px;
}
.row.second{
    margin-top: 50px;
}

.fiche-buttons{
    gap: 15px;
}
.fiche-buttons>a{
    width: 100%;
}
.fiche-buttons>a>button{
    width: 100%;
}
.fiche-buttons>a.share-with>button{
    color: black;
}
.download_buttons>a{
    width: 50%;
}
.download_buttons>a>button{
    width: 95%;
}
.download_buttons>a>button.journey_button_2{
    color: black;
}
.add_amb_button{
    margin-top: 50px;
}
.header_profil_merchant>span{
    margin-top: 10px;
}
.current_merchant_page::before{
    display: block;
    content: '';
    background: transparent linear-gradient(180deg, #EC643D 0%, #E62A25 34%, #E83F59 69%, #EB5A87 100%) 0% 0% no-repeat padding-box;
    width: 150%;
    margin-left: -25%;
    height: 10px;
    margin-bottom: 10px;
}
.current_merchant_page a{
    color: #EC643D !important;
}

.form_info_parent{
    position: absolute;
    top: var(--top);
    left: var(--left);
}
.form_info{
    position: relative;
    display: flex;
    align-items: flex-end;
    gap: 10px;
    border: grey 1px solid;
    box-shadow: 5px 5px 5px #00000036;
    padding: 10px;
    background-color: white;
    border-radius: 3px;
    width: fit-content;
}
.form_info::before{
    position: absolute;
    top: -8px;
    left: 13px;
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    background-color: white;
    border: 1px grey solid;
    border-right: transparent;
    border-bottom: transparent;
    border-top-left-radius: 2px;
}
.form_info>span,
.warning_notification span{
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    background-color: #ff8c00;
    border-radius: 2px;
    width: 25px;
    height: 25px;
    font-weight: 900;
    font-size: 17pt;
}

.join_open_journey_container{
    background-image: url('../../images/connexion.svg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* filtre parcours modèle */
.list_template_parent{
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;

}
.filter_journey_template{
    /* display: flex; */
    display: none;
    flex-direction: column;
    gap: 10px;
    align-items: start;
    width: 200px;
    height: fit-content;
    min-height: 250px;
    margin: 30px 0 0 2rem;
    padding: 12px;
    background-color: #fafafa;
    border-radius: 5px;
    box-shadow: 0 0 10px #00000026;
}
.filter_journey_template>div{
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
}
.filter_journey_template select{
    background: #FAFAFA;
    color: black;
    border: 1px solid #00000026;
    border-radius: 5px;
    padding: 3px;
}

@media screen and (max-width: 1200px) {
    .published_journey_container{
        text-align: center;
        margin-top : 10px;
        justify-content: center;
        flex-direction: column;
    }
    .valid_button{
        justify-content: center;
    }
}
@media screen and (min-width: 768px){
    .ambassador_screen_without_top .generic_button_2{
        max-width: 30%;
        margin: 1rem auto !important;
    }

    .half-size-mobile{
        width: 50%;
        margin: auto;
    }

    .text-fiche, .text-fiche a, .text-fiche p{
        font-size: 0.8rem;
    }
    .text-fiche+p{
        font-weight: 300;
    }

    /* nav top */
    .nav_parameter{
        height: 72px;
    }
    .nav_parameter .text-title{
        font-size: 14pt;
    }

    /* page accueil amb */
    .container.ambassador_screen.special_ambassador_container{
        display: grid;
        grid-template-columns: 1fr 1fr;
        /* display: flex; */
    }

    .container.ambassador_screen.special_ambassador_container .img_accueil{
        display: block;
        width: 50%;
    }
    .container.ambassador_screen.special_ambassador_container .img_accueil>img{
        margin: auto;
        position: fixed;
        bottom: 20%;
        top: 20%;
        width: 50%;
    }

    /* NEW page accueil amb */
    /* .ambassador_screen_mobile{
        display: none;
    }

    .ambassador_screen_comp{
        display: block; 
    }*/


    /* detail d'un commerce coté amb */
    .horaire_dropdown:has(input:checked) + .all_horaires_container{
        height: 150px;
    }

    /* all missions et all rewards amb */
    .ambassador_gift_image{
        display: block;
    }
    .all_data_container,
    .ambassador_previous_journeys_container{
        width: 50%;
    }
    .merchant_all_data_appear .merchant_close{
        right: 30px;
    }

    /* menu burger */
    .nav_parameter + .burger-menu{
        width: 33%;
        max-width: 400px;
    }

    .burger-menu label{
        margin: 0 15px 0 auto;
        transform: rotate(180deg);
    }

    /* Page d'un parcours */
    .owl-ambassador-journey .actions>a{
        display: flex;
    }

    .owl-ambassador-journey .actions{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* .owl-ambassador-journey .owl-stage{
        min-width: var(--width);
        max-width: var(--width);
    }

    .owl-ambassador-journey .owl-item{
        min-width: 296px;
        max-width: 296px;
    } */

    /* page d'1 mission sur mobile (/mission/id) */
    .container.ambassador_screen:has(.container_mission_img){
        display: flex;
        align-items: center;
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        top: 72px;
        padding: 0;
        margin: 0;
        max-width: unset;
        background-image: var(--bgi);
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: left bottom;
    }
    .container.ambassador_screen.reward:has(.container_mission_img){
        background-size: auto 60%;
    }
    .container.ambassador_screen:has(.container_mission_img) .generic_button_2{
        max-width: unset;
    }
    .title_mission_img{
        position: absolute;
        top: 14%;
        left: 33vh;
        width: 30%;
    }
    .reward .title_mission_img{
        color: black;
        left: unset;
        right: 0;
    }
    .container_mission_img{
        position: unset;
    }
    .container_mission_img .image_mission_img{
        display: none;
    }
    .mission_informations_container,
    .rewards_informations_container{
        margin: 0 80px 0 auto;
    }
    .col-9:has(span.text-fiche){
        max-width: 430px;
    }
    .container.ambassador_screen .title_current{
        margin-bottom: 3.5rem !important;
    }

    /* préférences amb */
    .pref-boutique>.elm>label.btn_ambassador{
        font-size: 12pt;
    }
    .row.second{
        margin-top: 140px;
    }
    
}