body {
    font-family: "Montserrat", "Montserrat Alternates", sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #333;
    /*background:url(../images/paper-bg.jpg)repeat center;
background-size:cover; */
    background: #fff;
    overflow-x: hidden;
}

body::-webkit-scrollbar {
    width: 12px;
}

body::-webkit-scrollbar-track {
    background: #fff;
}

body::-webkit-scrollbar-thumb {
    background-color: #1a1a1a;
    border: 3px solid #1a1a1a;
}

.custom-header {
    font-size: 17px;
    font-weight: bold;
    text-align: center;
}

.header-part {
    top: 0;
    z-index: 10000;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    gap: 15px;
}

.logo-section {
    background-color: rgb(234, 234, 234);
}

.sticky-mobile-nav {
    position: sticky;
    top: 0;
    z-index: 10000;
    padding: 10px 0px 10px 0px;
    background-color: #1a1a1a;
}

.user-menu-container {
    position: relative;
    display: inline-block;
}

.user-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    color: #1a1a1a;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    padding: 10px;
    z-index: 1;
    border: 2px solid #1a1a1a;
}

@media (min-width: 1200px) {
    .user-menu-container:hover .user-menu {
        display: block;
    }
}

.mainButton {
    position: relative;
    background-color: #1a1a1a;
    border-radius: 20px;
    height: 150px;
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    overflow: hidden;
}

.mainButton:hover {
    text-decoration: none;
}

.actionButtonImage {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.mainButton:nth-child(1):hover .actionButtonImage {
    transform: scale(1.1);
}

.mainButton:nth-child(2):hover .actionButtonImage {
    transform: scale(1.1);
}

.mainButton:nth-child(3):hover .actionButtonImage {
    transform: scale(1.1);
}

.mainButtonTitle {
    position: absolute;
    color: #fff;
    font-size: 33px;
    text-align: center;
    z-index: 1;
}

.user-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.seeMoreTextCategorie {
    width: 8%;
    background-color: #feeb17;
    color: #1a1a1a;
    padding: 5px;
    border-radius: 10px;
    border: 1px solid #feeb17;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
}

.seeMoreTextCategorie:hover {
    background-color: #1a1a1a;
    color: #feeb17;
    border-color: #1a1a1a;
    transform: scale(1.02);
    text-decoration: none;
}

.collapsed {
    max-height: 150px;
    overflow: hidden;
}

.expanded {
    max-height: 1000px;
}

.filterContainer {
    background-color: #eaeaea;
    border-radius: 15px;
    width: 85%;
    font-weight: bold;
}

@media (max-width: 780px) {
    .seeMoreTextCategorie {
        width: 40%;
    }
    .filterContainer {
        width: 100%;
    }
    .mainButton {
        height: 100px;
        width: 30%;
        margin-left: 10px;
    }
}

@media (max-width: 568px) {
    .mainButtonTitle {
        font-size: 18px;
    }

    .header-part {
        width: 100%;
    }
}

.seeMoreButton {
    background-color: #feeb17;
    color: #1a1a1a;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #feeb17;
    width: 75%;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
}
.seeMoreButton:hover {
    background-color: #1a1a1a;
    color: #feeb17;
    border-color: #1a1a1a;
    transform: scale(1.02);
    text-decoration: none;
}

.user-menu li {
    padding: 8px 16px;
    cursor: pointer;
}

.user-menu li:hover {
    background-color: #1a1a1a;
    color: #fff;
}

.carousel-container {
    position: relative;
    width: 70%;
}

.custom-carousel-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 2;
    color: #000;
}

.custom-carousel-arrow.left {
    left: 10px;
}

.custom-carousel-arrow.right {
    right: 10px;
}

.all-products {
    position: right;
    :hover {
        color: #000;
        background-color: #fff;
    }
}

.mobile-vapoteurs {
    display: none;
}

.titre_cmp_text {
    font-family: "Montserrat", sans-serif;
}

.img_annonce {
    width: 100px;
    height: 100px;
}

.vapoteur_sub_menu {
    list-style: none;
    left: 10px;
}

.icone_vapoteur,
.icone_vapoteur:hover {
    background-image: url("https://www.kelklope.com/storage/icone_vapoteur.png") !important;
    background-size: 21.5px !important;
    width: 21px;
    height: 21px !important;
    padding-top: 1px !important;
}

.guest_mobile {
    font-size: 20px;
    float: right;
    margin-right: 8px;
}

.icone_vapoteur::after {
    right: 4px !important;
    top: 19px !important;
}

.detail_part .container {
    min-height: 500px;
}

.search_normal-view {
    display: block;
}

.custom_style_text {
    text-align: left;
    padding-right: 0px !important;
}

/*
.ann_page_annonce .liste_annonces .ann_normal-view .col-md-5{
width: 100%;
}*/

#list-p-annonce .normal-view .photo_p_annonce {
    height: 150px;
    width: 175px;
    padding: 5px;
    margin: auto;
}

#list-p-annonce .normal-view .photo_p_annonce img {
    height: inherit;
    width: 100%;
}

/* .photo-produit { */
    /* height: 170px; */
/* } */

@font-face {
    font-family: "FontAwesome";
    src: url("../fonts/FontAwesome.eot");
    src: url("../fonts/FontAwesome.eot?#iefix") format("embedded-opentype"),
        url("../fonts/FontAwesome.woff2") format("woff2"),
        url("../fonts/FontAwesome.woff") format("woff"),
        url("../fonts/montserrat-v24-latin-regular.ttf") format("truetype");
    /* Safari, Android, iOS */
    /*url('../fonts/FontAwesome.ttf') format('truetype');*/
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* dev */
/* html,body{
height:100%;
} */
#app {
    /* min-height:100%; */
    position: relative;
    /* padding-bottom:250px; */
}

.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
    padding: 0 10px;
    /* display: inline-block; */
}

.search_box .search_input,
.control-group .controls {
    display: inline-block;
    width: 49%;
    vertical-align: top;
    position: relative;
}

.control-group .controls.editor_format {
    width: 66.66%;
}

.search_box .search_input i,
.control-group .controls i {
    position: absolute;
    top: 9px;
    right: 30px;
}

.control-group .controls i {
    top: 29px;
    right: 40px;
}

.controls span {
    /* font-style:italic; */
}

.tagify-container {
    width: 300px;
    height: 100px;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 2px;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    overflow: auto;
}

.tagify-container > span {
    display: inline-block;
    padding: 3px 5px;
    margin: 3px;
    border-radius: 2px;
    border: 1px solid #eee;
    background-color: #ffeba1;
    color: #888;
}

.tagify-container > span > a {
    padding-left: 5px;
    color: #eb7e14;
    text-decoration: none;
    font-weight: bold;
    border: 0 none;
}

.tagify-container > input {
    border: 0 none;
    width: 100px;
}

.tagify-container > input:focus {
    outline: none;
}

.breadcrumb li {
    position: relative;
    padding-left: 10px;
}

.breadcrumb li:before {
    position: absolute;
    content: "\203A";
    left: 0;
    top: -1px;
    font-size: 17px;
}

.breadcrumb li:last-child a {
    color: #1a1a1a;
    font-weight: 900;
}

.breadcrumb li:first-child:before {
    display: none;
}

.breadcrumb li:first-child {
    padding-left: 0;
}

.top-filer.right {
    float: right;
}

/* dev */
/* h1,
h2,
h3,
h4,
h5,
h6,
h7 {
    font-weight: 700;
} */

* {
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    font-family: "Montserrat", sans-serif;
}

header nav {
    background-color: #324160;
    position: relative;
}

.navbar-sticky {
    position: sticky;
    top: 0;
    z-index: 100;
    padding: 15px 10px 0px 10px;
    background-color: #1a1a1a;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.burger-menu,
.bar {
    all: unset;
    box-sizing: border-box;
}

.burger-menu {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    width: 50px;
    cursor: pointer;
}

.burger-menu .bar {
    height: 3.5px;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.burger-menu.open .bar:nth-child(1) {
    transform: rotate(45deg) translate(7px, 5px);
    -webkit-transform: rotate(45deg) translate(7px, 5px);
}

.burger-menu.open .bar:nth-child(2) {
    opacity: 0;
}

.burger-menu.open .bar:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -5px);
    -webkit-transform: rotate(-45deg) translate(7px, -5px);
}

.burger-menu .bar {
    width: 100%;
    height: 3.5px;
    margin-bottom: 5px;
    background-color: #fff;
    display: block;
}

/* Taille du logo */
.logo {
    color: #fff;
    font-weight: 900;
    text-decoration: none;
}

.logo:hover {
    color: #fff;
    font-weight: 900;
    text-decoration: none;
}

.burger-menu {
    background: none;
    border: none;
    cursor: pointer;
}

.burger-menu i {
    color: #000;
}

.mobile-header-show .sub-menu {
    height: auto;
    opacity: 1;
    transform: translateY(0);
}

/* .nav-item {
    margin: 5px 0;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
} */

.nav-item {
    white-space: nowrap;
}

/* .mobile-header-show .nav-item {
    opacity: 1;
    transform: translateY(0);
} */
.slide-in {
    animation: slideIn 0.3s forwards ease-in-out;
}

.slide-out {
    animation: slideOut 0.3s forwards ease-in-out;
}

@keyframes slideIn {
    from {
        max-height: 0;
    }

    to {
        max-height: 500px;
    }
}
x @keyframes slideOut {
    from {
        max-height: 500px;
    }

    to {
        max-height: 0;
    }
}

@media (max-width: 768px) {
    .burger-menu {
        display: block !important;
    }

    .sub-menu {
        overflow-y: auto;
        height: 0;
        opacity: 0;
        transform: translateY(-10px);
        transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out,
            transform 0.3s ease-in-out;
    }

    .mobile-header-show .sub-menu {
        display: flex;
        flex-direction: column;
        overflow-y: scroll;
        max-height: calc(100vh - 100px);
        margin: 0px;
    }
    .header-part {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .logo {
        width: 150px;
    }

    .searchbar {
        width: 100%;
    }

    .sub-menu {
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    /* .nav-item {
        margin: 5px 0;
    } */

    .last_categories {
        margin-top: 10px;
    }
}

@media (min-width: 769px) {
    .searchbar {
        width: auto;
    }

    .sub-menu {
        flex-direction: row;
        justify-content: center;
    }
}

.carousel-item_banner {
    position: relative;
    width: 100%;
    height: auto;
}

.carousel-item_banner img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

@media (max-width: 768px) {
    .carousel-item_banner img {
        height: 300px;
    }
}

@media (max-width: 576px) {
    .carousel-item_banner img {
        height: 200px;
    }
    .carousel-container {
        width: 100%;
    }
}

.border-shadow {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25), 0 -4px 8px rgba(0, 0, 0, 0.25);
}

.searchbar input {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    outline: none;
    transition: all 0.3s ease;
}

.searchbar input:focus {
    border-color: #1a1a1a;
}

.fa-user-o {
    margin-left: 10px;
    color: #1a1a1a;
    transition: color 0.3s ease;
}

.fa-user-o:hover {
    color: #007bff;
}

.custom-margin {
    padding-left: 50px;
}

.imgProduct {
    padding: 5px;
    object-fit: cover;
    border-radius: 10px;
}

.notification-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
}

.bellIcon {
    position: absolute;
    top: 10px;
    right: 0px;
    width: 35px;
    height: 24px;
    background-color: #feeb17;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.custom-card {
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    width: 220px;
    transition: transform 0.3s ease;
    border: 2px solid #ffffff;
    overflow: hidden;
}

.cardProduct {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: #1a1a1a 1px 1px 5px -3px;
    transition: all 0.3s ease;
}

.cardProduct:hover {
    transition: 0.2s;
    box-shadow: #1a1a1a 2px 2px 8px -3px;
    transform: scale(1.02);
}

.compareProductContainer {
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 10px 0px;
}

.placeholder-image {
    width: 100%;
    height: 300px;
    background-color: #e0e0e0;
}

@media (max-width: 768px) {
    .placeholder-image {
        width: 100%;
        height: 150px;
    }
}

.sideTextProduct {
    padding: 20px;
    z-index: 10;
}

.textAlignement {
    text-align: end;
}

.productInformations {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.productCategories {
    font-size: 14px;
    color: #eaeaea;
}

.arrowRightPosition {
    left: 90px;
    top: 11%;
}

.arrowLeftPosition {
    right: 90px;
    top: 11%;
}

.sidebarSticky {
    width: 20%;
}

.productsContainer {
    width: 80%;
}

.productsContainerHome {
    width: 70%;
}

@media (min-width: 1400px) {
    .sideTextProduct {
        /* margin: 10px; */
        width: 35%;
    }
}

@media (max-width: 768px) {
    .imgProduct {
        width: 50px;
    }

    .productCategories {
        font-size: 12px;
    }
    .sidebarSticky {
        width: 100%;
    }

    .productsContainer {
        width: 100%;
        margin: 0;
    }
    .productsContainerHome {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .productInformations {
        font-size: 11px;
        width: 100%;
    }
    .arrowRightPosition {
        left: 30px;
        top: 6%;
    }
    .arrowLeftPosition {
        right: 30px;
        top: 6%;
    }
    .productCategories {
        font-size: 10px;
    }
    .compareProductContainer {
        display: flex;
        flex-direction: column;
    }
    .sideTextProduct {
        width: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .textAlignement {
        text-align: center;
    }
}

.priceCard {
    font-weight: bold;
    font-size: 1.1rem;
    padding: 8px 16px;
    border-radius: 10px;
    width: 50%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
li.react-multi-carousel-item {
    height: auto !important;
    min-height: 0;
}

.no-underline {
    text-decoration: none;
}

.no-underline:hover {
    text-decoration: none;
}

.presentationBox {
    padding: 10px;
    background-color: #eaeaea;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    max-width: 450px;
}

.presentationDivImage {
    width: 30%;
    height: auto;
    object-fit: contain;
}

.presentationDivImage img {
    width: 300px;
    height: auto;
    position: relative;
    right: 140px;
}

.presentationImage {
    object-fit: cover;
}

.presentationText {
    width: 85%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.presentationText h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: left;
}

.presentationText p {
    font-size: 14px;
    color: #333;
    margin-bottom: 20px;
    text-align: left;
}

.discoverMore {
    padding: 5px 10px;
    text-align: center;
    border: none;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 10px;
    cursor: pointer;
    align-self: center;
    background-color: #feeb17;
    color: #1a1a1a;
    font-family: "Rubik", sans-serif;
    font-weight: 900;
    transition: all 0.3s ease;
}

.discoverMore:hover {
    background-color: #1a1a1a;
    color: #feeb17;
    transform: scale(1.05);
}

/* Media queries pour rendre le design responsive */
@media (max-width: 768px) {
    .presentationBox {
        text-align: center;
        height: 20%;
        width: 100%;
    }

    .presentationDivImage {
        height: 100px;
        text-align: center;
    }

    .presentationDivImage img {
        width: 200px;
        height: 300px;
        right: 55px;
    }

    .presentationText {
        width: 100%;
        margin-top: 10px;
    }

    .discoverMore {
        margin: 0 auto;
    }
}

.partner-logo {
    width: 120px;
    height: auto;
    object-fit: contain;
    margin-top: 10px;
}

@media (max-width: 768px) {
    .partner-logo {
        width: 170px;
    }
}

@media (max-width: 576px) {
    .partner-logo {
        width: 150px;
        height: 140px;
    }
}

@media (max-width: 576px) {
    .carousel-item {
        margin: 0 5px;
    }
}

.seeMoreCateg {
    color: #fff;
    background-color: transparent;
    border: 2px solid #000;
    border-radius: 5px;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 14px;
    transition: all 0.3s ease;
}

.seeMoreCateg:hover {
    background-color: #000;
    color: #fff;
}

.categoryBox {
    width: 100%;
    height: 350px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.ELiquideCateg {
    background-color: #fc8686;
}

.CigaretteCateg {
    background-color: #acc8ea;
}

.DIYCateg {
    background-color: #ffc9b1;
}

.categoryTitle {
    font-size: 24px;
    color: #fff;
    margin-bottom: 20px;
    text-align: left;
}

.categOrangeTitle {
    color: #a04c1f;
}

.categBlueTitle {
    color: #1d2f6b;
}

.categRedTitle {
    color: #841212;
}

.seeMoreCateg {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 14px;
    transition: all 0.3s ease;
    text-align: left;
    font-weight: bold;
}

.categOrangeButton {
    color: #a04c1f;
    border-color: #a04c1f;
}

.categOrangeButton:hover {
    background-color: #a04c1f;
    color: #fff;
}

.categBlueButton {
    color: #1d2f6b;
    border-color: #1d2f6b;
}

.categBlueButton:hover {
    background-color: #1d2f6b;
    color: #fff;
}

.categRedButton {
    color: #841212;
    border-color: #841212;
    background-color: transparent;
    transition: background-color 0.3s ease;
}

.categRedButton:hover {
    background-color: #841212;
    color: #fff;
}

.ecigaretteLogo {
    width: 300px;
    height: 100%;
    position: relative;
    z-index: 1;
}

.eLiquideLogo {
    width: 300px;
    height: 100%;
    position: relative;
    top: 30px;
    z-index: 1;
}

.list-unstyled {
    text-decoration: none;
}

.DIYLogo {
    width: 300px;
    height: 100%;
    position: relative;
    top: 20px;
    left: 30px;
    z-index: 1;
}

.productCategories {
    font-size: 12px;
    color: #1a1a1a;
    text-align: center;
}

#header nav {
    position: relative;
    margin-bottom: 0px;
    padding: 9px 0px 0;
    background-color: #eaeaea;
    justify-content: center;
}

#header nav.login_page {
    justify-content: left;
}

.new-searchy {
    position: relative;
}

#header nav p {
    color: #fff;
    margin: 0;
}

#header .logo p {
    /* font-size: 13px;
transform: scale(0.7);
font-size: 10px; */
    /* margin-left: 0px;
margin-top: -24px; */
    font-size: 9px;
    margin-left: -110px;
    margin-top: -22px;
}

.border {
    border: 0px solid #c7c7c7 !important;
}

#header .search_part {
    position: relative;
    width: 100%;
}

#header .search_part p {
    font-size: 16px;
}

#header .search_part input[type="recherche"] {
    height: 30px;
}

#header .search_part button[type="submit"].search-icon,
.boutique-search button[type="submit"].search-icon {
    position: absolute;
    right: 0;
    padding: 6px 10px 5px;
    line-height: 17px;
}

#header .search_part button[type="submit"].search-icon {
    top: 0;
}

.boutique-search button[type="submit"].search-icon {
    top: -1px;
    line-height: 20px;
    background: transparent;
    color: #1a1a1a !important;
    border: 0;
}

.boutique-search .form-control,
.boutique-search .form-control::placeholder {
    color: #1a1a1a;
}

.dataTables_wrapper td h3,
.dataTables_wrapper td h2,
.dataTables_wrapper td h1 {
    font-size: 15px;
}

#header .search_part button[type="submit"],
.btn-marque a,
.go_btn,
.reduction-btn a,
.boutique-search button {
    padding: 7px 20px;
    font-weight: 700;
    white-space: nowrap;
    font-family: "Montserrat";
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    text-decoration: none;
    font-size: 15px;
    background: #feeb17;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    line-height: normal;
    border-color: #feeb17;
    max-width: 100%;
    color: #1a1a1a;
border-radius: 10px;
}

/* #header .search_part button[type="submit"]:hover,
.go_btn:hover,
.btn-marque a:hover,
.reduction-btn a:hover,
.boutique-search button:hover,
.boutique-search button:focus,
.login .submit:hover,
.login .submit:focus,
.txt-btn:hover,
.detail_part .pro-sub .pro_price.go_btn:hover {
    background: #feeb17;
    background: -moz-linear-gradient(left, #ffa84c 0%, #ff7b0d 100%);
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0%, #ffa84c),
        color-stop(100%, #ff7b0d)
    );
    background: -webkit-linear-gradient(left, #ffa84c 0%, #ff7b0d 100%);
    background: -o-linear-gradient(left, #ffa84c 0%, #ff7b0d 100%);
    background: -ms-linear-gradient(left, #ffa84c 0%, #ff7b0d 100%);
    background: linear-gradient(to right, #ffa84c 0%, #ff7b0d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa84c', endColorstr='#ff7b0d', GradientType=1);
    text-decoration: none;
    border-color: #feeb17;
} */

.txt-btn:hover,
.detail_part .pro-sub .pro_price.go_btn:hover {
    color: #fff !important;
}

#header a {
    text-decoration: none;
}

/*.container{
max-width:1064px !important;
margin:auto;
}
*/
.container {
    max-width: 80% !important;
    margin: auto;
}

.img-gallery img {
    width: 100%;
    height: auto;
}

.img-gallery {
}

.img-gallery .outerimg {
    height: 175px;
    margin-bottom: 20px;
    display: table;
    width: 25%;
}

.img-gallery.small-images .outerimg {
    width: 20%;
    height: 185px;
}

.img-fit {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    border: 1px solid #cecece;
border-radius: 10px;
    padding: 10px;
}

.div-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 110%;
}

.div-content {
    margin: 0 0px 45px 0;
    width: calc(50% - 25px);
    box-sizing: border-box;
}

.div-content:last-child {
    margin-right: 0;
}

.title-content {
    font-size: 20px;
    color: #ff7b0d;
}

.text-content {
    width: 92%;
    text-align: justify;
}

.code-espace a.codes,
.code-espace a {
    font-size: 13px;
    font-weight: 700;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    margin: 0 10px;
    padding: 16px 6px;
    height: 33px;
    display: inline-block;
    line-height: 0px;
}

.code-espace .form-inline {
    padding: 5px 0;
}

.search_part form div.new-searchy {
    width: 400px;
    margin: 0 10px 0 10px;
}

.code-espace {
    background-color: #475b7e;
}

.code-espace a.codes:hover {
    color: #ff7b0d;
    text-decoration: none;
    background: transparent;
    text-decoration: none;
}

.code-espace a.espace {
    background: url(../images/login.png) no-repeat left 6px;
    padding-left: 20px;
    display: block;
}

.code-espace a.espace:hover,
.code-espace a.espace.active {
    color: #ff7b0d;
    text-decoration: none;
    background-position: left -21px;
}

.boutique-search button {
    margin-left: 5px;
    margin-top: 2px;
}

h2.side_title {
    position: relative;
    text-align: left;
    border-top: 1px solid #fff;
    /* border-bottom: 1px solid #fff; */
    line-height: 22px;
    font-size: 16px;
    padding: 10px 30px 10px 10px;
    margin-bottom: 6px;
}

h2.side_title p {
    margin: 0;
}

.sidenav .border h2.side_title {
    margin-bottom: 0;
}

.sidenav ul li a {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 7px 0 7px 5px;
    box-sizing: border-box;
    z-index: 1001;
    position: relative;
    color: #4a4a4a;
    text-decoration: none;
}

.sidenav ul li.display-all-button a {
    padding: 7px 7px 7px 7px;
}

.sidenav ul li {
    /* width: calc(100% - 30px); */
}

.sidenav ul li.having-child.up {
    /* width: calc(100% - 30px); */
}

.sidenav ul li.having-child.up .sub-menu-arrow {
    /* right:-20px; */
}

.sidenav ul li .sub-menu li {
    width: 100%;
}

.sidenav ul li .sub-menu li a {
    padding-right: 0;
}

.informationsContainer {
    background-color: #eaeaea;
    padding: 20px;
    border-radius: 20px;
    border-top-left-radius: 0px;
}

.formAccount {
    border-radius: 20px;
    width: 100%;
    box-shadow: 2px 2px 2px -1px #1a1a1a;
}

.passwordContainer {
    height: 2px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='2'%3E%3Crect width='5' height='2' fill='%231A1A1A'/%3E%3C/svg%3E");
    background-repeat: repeat-x;
    background-position: top;
    background-size: 20px 2px;
    margin-top: 10px;
    padding: 5px;
}
.updateInformations {
    background-color: #feeb17;
    padding: 5px;
    border-radius: 10px;
    color: #1a1a1a;
    border-color: #feeb17;
    transition: all 0.3s ease;
}

.updateInformations:hover {
    background-color: #1a1a1a;
    color: #feeb17;
    border-color: #1a1a1a;
    transform: scale(1.02);
    text-decoration: none;
}
.sidenav hr {
    margin-top: 2px;
    border-top: 3px solid #333;
    opacity: 0.3;
    margin-bottom: 0;
}

.newsHeading {
    display: flex;
    flex-direction: row;
    width: 110%;
    margin: 12px;
}

.line {
    width: 35%;
    height: 2px;
    background-color: #436b92;
    border-width: -15px;
}

.lineHeader {
    margin-top: 27px;
}

.lineMarginRight {
    margin-right: 12px;
}

.lineMarginLeft {
    margin-left: 12px;
}

.bottomLine {
    margin-top: 35px;
}

.column_text_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 110%;
    padding: 0 20px;
}

.column_text {
    margin: 0 0 45px;
    width: calc(50% - 20px);
    box-sizing: border-box;
    padding: 20px;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.column_title {
    color: #436b92;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

.text-content {
    width: 100%;
    text-align: justify;
    line-height: 1.6;
}

.detail_part .card {
    border-radius: 0;
}

.detail_part .card-body {
    padding: 0;
}

.btn-marque {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 5px;
    /* padding:0 40px; */
}

.sidenav ul li.display-all-button {
    width: 100%;
}

h3.inner_title {
    position: relative;
    font-size: 0.875em;
    color: #000;
    line-height: normal;
    margin-bottom: 10px;
}

.grey_bg {
    background: #f2f2ed;
    position: relative;
}

.product_detail {
    clear: both;
    background-color: #fff;
}

@media (max-width: 562px) {
    .product_detail {
        width: 100%;
    }
}

.product_detail a {
    text-decoration: none;
}

.product_detail .normal-view a.go_btn {
    float: right;
}

.sidenav .row.mt-3,
.sidenav .row {
    margin-top: 10px !important;
}

.logo-partner a {
    color: #324160;
    text-decoration: none;
    font-size: 11px;
    display: block;
    text-align: center;
}

.logo-partner img {
    margin-bottom: 10px;
    width: 100%;
    height: auto;
    max-height: initial !important;
}

.sidenav .row:first-child {
    margin-top: 0 !important;
}

.home-page .sidenav {
    margin-top: 10px;
}

.home-page .container-logo-partner .kVtMtA {
    left: -5%;
}

.home-page .container-logo-partner .bhRnqO {
    right: -5%;
}

.home-page .bhRnqO {
    right: 5%;
}

.home-page .kVtMtA {
    left: 5%;
}

.word-url {
    word-break: break-word;
}

/* .singlepartner .single_img{
border-radius:50px;
max-width:100px;
height:100px
} */
.product_detail .grey_bg {
    margin-bottom: 10px;
    padding-bottom: 10px;
    margin-bottom: 2px !important;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.product_detail .grey_bg:nth-child(odd) {
    background: #efefef;
}

.product_detail .grey_bg:nth-child(even) {
    background: #fff;
}

.range .form-range {
    max-width: 400px;
    width: 100%;
}

.amnt_range {
    max-width: 70px;
}

.grey_bg:before {
}

.position_img img {
    position: absolute;
    right: -30%;
    top: -40px;
    width: 30%;
}

.light_text {
    color: #a5a5a5;
}

.product_detail .card {
    background: transparent;
    border-radius: 0;
    border: 0;
}

.price,
.price:hover {
    font-size: 20px;
    color: #1a1a1a;
    font-weight: 700;
    text-decoration: none;
}

.product_detail img {
    max-width: 100%;
}

.product_detail .grey_bg img {
    /* border:1px solid #ccc; */
}

.pro_name,
.pro_price {
    color: #bd0016;
    font-size: 11px;
    text-decoration: none;
}

.pro_price {
    font-size: 15px;
}

.pro_price,
.pro_price:hover {
    color: #333;
}

.pro_title,
.pro_title:hover {
    color: #333;
    text-decoration: none;
}

.pro_name:hover,
.pro_price:hover {
    text-decoration: none;
    color: #bd0016;
}

.pro_title:hover {
    color: #e00e00;
}

.footer .fb,
.footer .twitter {
    background-image: url(../images/sprite.png);
    width: 32px;
    height: 32px;
    background-position: -8px -290px;
    background-repeat: no-repeat;
    /* float: left; */
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}

.footer .fb {
    margin-left: 0;
}

.footer .twitter {
    background-position: -92px -290px;
}

.footer {
    bottom: 0;
    background-color: #1a1a1a;
    color: #ffffff;
    display: flex;
    text-align: left;
    justify-content: space-around;
    padding-top: 3rem;
    @media (max-width: 768px) {
        flex-direction: column;
        align-items: center;
        display: block;
    }
}
.footer-column {
    text-align: left;
    display: flex;
    flex-direction: column;
    @media (max-width: 768px) {
        text-align: center;
    }
}
.footer-column li {
    list-style: none;
    color: #ffffff;
}
.footer-column a {
    color: #ffffff;
    text-decoration: none;
}
.footer-column ul {
    padding: 0;
}
.footer_part {
    margin: 0 auto;
    padding: 8px 10px;
    color: #c5c5c5;
    background-color: #324160;
    font-size: 12px;
    position: relative;
}

.footer_part a {
    color: #c5c5c5;
    text-decoration: none;
    /* width:100%; */
}

.footer_part a:hover {
    color: #fff;
}

.footer-link a img {
    max-width: 100%;
}

/* .footer-logo {
    margin: -25px;
} */

/* .footer_part .footer-link a{width:100%} */
.social-media a:hover {
    opacity: 0.5;
}

.social-media,
.footer-link {
    display: inline-block;
    width: 50%;
}

.footer_part .row {
    font-size: 0;
}

.footer-link {
    text-align: right;
}

.contactez {
    padding-right: 5px;
}

.legales {
    padding-left: 5px;
}

.logo {
    margin-bottom: 0;
}

/* login */
.login_page .card-header {
    background-color: transparent;
    color: #324160;
    font: 20px Arial, Helvetica, sans-serif;
    text-align: center;
    border-bottom: 0;
    padding-bottom: 15px;
}

.login_page .login_form,
#register_form {
    max-width: 300px;
    margin: auto;
}

.login_button,
.btn.login_button,
.btn.button-sec,
.modal-footer .confirmStatus {
    width: 100%;
    background-color: #ff7b20;
    border: 1px solid transparent;
    box-shadow: none;
    padding: 2px 0;
    font-weight: 700;
    border-radius: 2px;
    padding: 5px 10px;
    font-weight: 700;
    white-space: nowrap;
    color: #fff;
    cursor: pointer;
}

.parseproduct_btn #parseall,
.parseproduct_btn #logClear {
    width: auto;
}

.parseproduct_btn {
    margin: 20px auto;
    text-align: center;
}

#deleteModal .modal-footer button,
.modal-footer .confirmStatus,
#ProductDeleteALL.login_button,
#ProductEnableStatusALL.login_button,
#ProductDisableStatusALL.login_button,
#BoutiqueDeleteALL.login_button,
#BoutiqueEnableStatusALL.login_button,
#BoutiqueDisableStatusALL.login_button,
.advanced_buttons .login_button {
    width: auto;
}

.btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

.article_popup {
    color: #ff7b20;
    margin-left: 3px;
}

.article_popup:hover {
    color: #ff7b20;
}

#deleteModal .modal-footer button {
    font-weight: 600;
}

.login_button:hover,
.btn-primary.login_button:hover,
.btn-primary.login_button:focus,
.add_catefgory .login_button:hover,
.modal-footer .confirmStatus:hover {
    background: transparent;
    border: 1px solid #ff7b20;
    color: #ff7b20 !important;
}

.login_button:focus,
.btn.login_button:focus,
.btn-primary.login_button:focus,
.btn-primary.login_button:active {
    outline: 0;
    box-shadow: none;
}

.login_page .card {
    max-width: 708px;
    padding: 10px;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #c7c7c7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: auto;
    width: 100%;
}

/* .login_page .form-control,
.controls input,
.controls textarea,
select,
input[type="text"],
.search_input input {
  width: 100%;
  height: auto;
  padding: 4px 6px;
  font-size: 13px;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 30px;
} */
.controls select {
    max-width: 300px;
    width: 100%;
}

.controls textarea {
    max-width: 300px;
    height: 150px;
    resize: none;
}

.controls.textarea textarea {
    max-width: 100%;
}

.controls {
    position: relative;
    display: inline-block;
}

.controls input {
    max-width: 300px;
}

.controls input.datepicker {
    display: block;
    width: 100%;
    max-width: 300px;
}

/* dev */
.controls .url_site,
.controls .flux_url,
.controls .url_facebook,
.controls .url,
.controls .lien_affiliation,
.controls .partner_url,
.controls #inputBannerURL {
    max-width: 668px;
}

/* end dev */
.login_page .form-control:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%),
        0 0 8px rgb(82 168 236 / 60%);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
        0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(82 168 236 / 60%);
}

.loginContainer {
    width: 100%;
    height: 110vh;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.loginImage {
    width: 50%;
    height: 100%;
    object-fit: cover;
}

.form-label-informations {
    font-size: 15px;
    font-weight: bold;
    color: #1a1a1a;
}

.form-control-informations {
    border: 2px solid #1a1a1a;
    padding: 5px;
    color: #1a1a1a;
}

.buttonLogin {
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
    height: 50px;
    border: 3px solid #1a1a1a;
}

.buttonLoginAction {
    padding: 5px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background-color: #1a1a1a;
}

.loginFormContainer {
    width: 75%;
}

.containerForm {
    position: relative;
    top: 12%;
}

@media (max-width: 565px) {
    .loginContainer {
        display: flex;
        flex-direction: column;
    }

    .containerForm {
        position: relative;
        top: 0%;
    }

    .loginFormContainer {
        width: 100%;
    }

    .loginImage {
        width: 100%;
        height: 40vh;
    }

    .w-50 {
        width: 100%;
        height: auto;
    }

    .buttonLogin {
        margin-top: 10px;
        width: 100%;
        height: 60px;
        font-size: 18px;
    }

    .buttonLoginAction {
        width: 100%;
        margin-bottom: 20px;
    }

    .custom-checkbox-label {
        width: 100%;
    }
}

.buttonLogin:focus {
    outline: none;
}

.registerButton {
    padding: 5px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background-color: #1a1a1a;
    width: 55%;
    margin: 0 10px;
}

.checkboxOffers {
    display: none;
}

.custom-checkbox {
    width: 16px;
    height: 16px;
    border: 2px solid #1a1a1a;
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 8px;
}

.checkboxOffers:checked + .custom-checkbox {
    background-color: #1a1a1a;
}

.custom-checkbox::after {
    content: "";
    position: absolute;
    display: none;
    left: 4px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.checkboxOffers:checked + .custom-checkbox::after {
    display: block;
}

.custom-checkbox-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    color: #1a1a1a;
}

.validateChangePassword {
    background-color: #1a1a1a;
    padding: 5px;
    color: #fff;
    border-radius: 5px;
}

.forgot-password-button {
    font-weight: bold;
    font-size: 17px;
    text-decoration: none;
    color: #1a1a1a;
}

.forgot-password-button:hover {
    color: #1a1a1a;
}

.login_page .form-group {
    margin-bottom: 10px;
}

.login_page .btn-link {
    padding: 12px 0;
    color: #000;
    display: inline-block;
    text-decoration: none;
    font-size: 15px;
    color: #4a4a4a;
}

.login_page .form-control::placeholder {
    color: #999;
}

::placeholder {
    color: #ccc;
    font-size: 14px;
}

.login_page .btn-link:hover {
    color: #ff7b0d;
    text-decoration: none;
}

.login_page .btn-link:focus {
    box-shadow: none;
}

.invalid-feedback {
    color: red;
    display: block !important;
    margin-top: 0;
    font-size: 100%;
}

#descLength-error.invalid-feedback {
    margin-top: -15px;
}

#descLength {
    height: 0;
    padding: 0;
    line-height: 0;
}

#header nav.login_page {
    padding-top: 0;
}

.header-logo {
    /* float: left; */
    margin-top: 5px;
    display: inline-block;
    width: 49%;
}

.header-logo a {
    color: transparent;
}

.header-logo a img {
    max-width: 100%;
}

.menub {
    /* float: left; */
    margin-top: 10px;
    clear: both;
    z-index: 10;
    position: relative;
}

.menub ul {
    margin-bottom: 0;
    z-index: 10;
    position: relative;
}

.menub li {
    /* float: left; */
    position: relative;
    list-style: none;
    display: inline-block;
}

.menub li:after {
    content: "";
    color: #fff;
    margin: 0 2px;
}

.menub li ul li:after {
    display: none;
}

.menub li a {
    color: #ffffff;
    display: inline-block;
    font-size: 13px;
    line-height: 30px;
    padding: 0 5px;
    border-radius: 5px 5px 0 0;
    text-decoration: none;
}

.menub li ul {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #ff7b0d;
    border-top: 0;
    /* width: 100%; */
    width: 150px;
    border-radius: 0 0 5px 5px;
    padding-left: 0;
    overflow: hidden;
    z-index: 100;
}

.menub li:hover ul {
    display: block;
}

.menub li.sel > a,
.menub ul > li:hover > a {
    background-color: #ff7b0d;
    color: #ffffff;
}

.menub li ul li a {
    color: #ff7b0d;
    border-radius: 0;
    width: 100%;
    margin-bottom: 0;
    white-space: nowrap;
}

.menub li ul li {
    width: 100%;
    clear: both;
    height: 30px;
}

.login-detail {
    /* float: right; */
    color: #fff;
    font-size: 13px;
    position: relative;
    display: inline-block;
    width: 49%;
    text-align: right;
}

.login-detail a {
    /* background: url(../images/logout.png) no-repeat left center; */
    margin-left: 10px;
    color: #fff;
    text-decoration: none;
}

.login-detail a i {
    padding-right: 5px;
}

.login-detail a:hover {
    color: #e70c0d;
}

.login-detail ul.profile_options {
    display: none;
    padding: 0;
    background: #fff;
    border: 1px solid #ff7b0d;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    position: absolute;
    /* width: 100%; */
    z-index: 100;
    top: 18px;
    right: 0;
    /* padding: 5px 10px; */
}

.login-detail.show_admin_options ul.profile_options {
    display: block;
}

.login-detail.show_admin_options .fa-caret-down {
    transform: rotate(180deg);
    cursor: pointer;
}

.login-detail .fa-caret-down {
    cursor: pointer;
}

.login-detail ul.profile_options li {
    list-style: none;
}

.login-detail ul.profile_options li a {
    color: #ff7b0d;
    display: block;
    padding: 5px 10px;
    margin-left: 0;
    text-align: left;
}

.login-detail ul.profile_options li:hover {
    background: #ff7b0d;
}

.login-detail ul.profile_options li:hover a {
    color: #fff;
}

.logout_btn {
    width: 100%;
    display: block;
}

.menub ul > li.sel ul li.sel,
.menub ul > li:hover ul li {
    background: #fff !important;
}

.menub ul {
    padding-left: 0;
}

.header-logo {
    padding-top: 10px;
}

.admin_page .col-form-label {
    /* font-size:11px; */
    font-weight: 700;
}

.admin_page .radio {
    font-size: 12px;
    display: inline-block;
    margin-right: 15px;
}

html {
    position: relative;
    min-height: 100%;
}

.footer {
    /* position: absolute; */
    width: 100%;
    bottom: 0;
}

div.no-footer.dataTables_wrapper div.dataTables_length select {
    width: 50px;
}

.no-footer {
    padding-bottom: 15px;
}

.admin_page .login_button {
    width: auto;
    font-size: 12px;
    padding: 4px 17px;
}

.admin_page .login_button:focus {
    box-shadow: none;
}

.admin_page .form-control {
    display: inline-block;
    padding: 3px 0.75rem;
    font-size: 13px;
}

.login-id {
    /* display: table-cell;
vertical-align: middle; */
    display: flex;
    width: 100%;
}

.login_center {
    /* display: table !important; */
    display: flex;
    width: 100%;
    min-height: 81vh;
}

.login_page .alert-success {
    font-size: 13px;
    text-align: center;
    padding: 1px;
}

.login_page .invalid-feedback {
    font-size: 11px;
}

.admin_page .radio input {
    vertical-align: middle;
}

.categorie_page h2,
.add_catefgory h1 {
    font-size: 18px;
    color: #ff7b20;
    border-bottom: 1px solid #dedddd;
    padding-bottom: 7px;
}

.categorie_page h2 a,
.add_catefgory h1 a {
    color: #324160;
    text-decoration: none;
}

.fa-list {
    border: 1px solid;
    padding: 2px;
    border-radius: 2px;
    padding-bottom: 0;
    font-size: 14px;
}

.categorie_page h2 a:hover,
.add_catefgory h1 a:hover {
    color: #ff7b20;
}

.categorie_page tbody tr {
    cursor: move;
}

.marque.categorie_page tbody tr,
.partnerBanner.categorie_page tbody tr,
#popup_table_content tbody tr {
    cursor: default;
}

.categorie_page table.dataTable thead th {
    padding: 4px 5px;
    font-size: 13px;
    font-weight: bold;
    background-color: #ff7b20 !important;
    color: #fff;
    vertical-align: top;
}

.categorie_page.boutique table.dataTable thead th {
    vertical-align: top;
}

.categorie_page table.dataTable.product-datatable thead th:first-child,
.categorie_page table.dataTable.boutique-datatable thead th:first-child {
    padding: 4px 12px;
}

.categorie_page table.dataTable thead .sorting:before,
.categorie_page table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after {
    top: 4px !important;
}

.categorie_page table.dataTable tbody > tr:nth-child(odd) > td,
.categorie_page table.dataTable tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}

.categorie_page table.dataTable tbody td {
    font-size: 13px;
    vertical-align: middle;
}

.categorie_page table.dataTable tbody td .sort {
    background-image: url("../images/arrow_cursor_pointer.png");
    width: 17px;
    height: 17px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 0px 15px;
    vertical-align: middle;
}

.categorie_page table.dataTable tbody td p {
    margin-bottom: 0;
}

.ui-sortable-helper td {
    width: 200px;
}

.main_class {
    display: flex;
    flex-direction: column;
    height: 100vh;
    margin-bottom: 50px;
}

.detail_part {
    /* margin-bottom:60px; */
}

.categorie_page .page-item.disabled .page-link {
    font-size: 11px;
}

.categorie_page div.dataTables_wrapper div.dataTables_info {
    font-size: 13px;
}

.categorie_page
    .dataTables_wrapper
    .dataTables_paginate
    .paginate_button:active,
.categorie_page .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.categorie_page .dataTables_wrapper .dataTables_paginate .paginate_button {
    background: transparent;
    box-shadow: none;
    border: 0;
}

.categorie_page .page-item.active .page-link,
.categorie_page .page-item .page-link {
    padding: 1px 8px;
    border-radius: 3px;
    font-size: 13px;
    color: #fff;
}

.categorie_page .page-item .page-link {
    color: #000;
}

.categorie_page .page-item.next .page-link:hover,
.categorie_page .page-item.previous .page-link:hover {
    color: #000;
}

.categorie_page .page-item.previous .page-link,
.categorie_page .page-item.next .page-link {
    color: #ff7b20;
    font-size: 14px;
}

table.table-bordered.dataTable tbody td:first-child {
    border-left-width: 1px;
}

.margin_center .control-group.pt-3 {
    padding-top: 30px !important;
}

.categorie_page .page-item .page-link:focus {
    box-shadow: none;
}

.categorie_page .page-item.active .page-link {
    background-color: #ff7b20;
    border-color: #ff7b20;
}

.categorie_page .page-item.previous .page-link {
    padding: 2px 5px;
}

.categorie_page .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.5em 2px;
}

.err_14 {
    font-size: 13px;
    line-height: 22px;
    color: #4b4b4b;
    float: right;
}

.side_title.mr-2.ml-2 {
    margin-top: 10px;
}

.sidenav .side_title {
    /* padding:10px 0 */
}

.add_catefgory .form-horizontal .control-label {
    max-width: 230px;
}

.form-horizontal .control-label {
    /* float: left;
width: 160px;*/
    padding-top: 5px;
    text-align: right;
    font-size: 11.844px;
    font-weight: bold;
    display: inline-block;
}

.cigarettes-jour span {
    font-weight: 700;
    color: #666;
}

.bg-white {
    background: #fff;
    min-height: 200px;
}

.sidenav .bg-white {
    min-height: initial;
}

.PhotoBrowse {
    background: none repeat scroll 0 0 #ff7b0d;
    color: #fff !important;
    line-height: 15px;
    margin: 0;
    vertical-align: top;
    border: medium none;
    cursor: pointer;
    display: inline-block;
    padding: 6px 7px;
    text-align: center;
    font-weight: normal;
    text-decoration: none;
    font-size: 14px;
    border: 1px solid #ff7b0d;
    margin-top: 1px;
    border-radius: 3px;
}

.image_format,
.keywords_format {
    display: block;
    font-size: 12px;
    color: #797878;
}

.add_catefgory .radio input,
.search_radio .radio input {
    margin-right: 5px;
    margin-top: 7px;
}

.search_radio .radio input {
    vertical-align: sub;
}

.add_catefgory .radio,
.search_radio .radio {
    font-size: 11.844px;
    font-weight: bold;
    margin-right: 9px;
}

.description_product h5.card-title,
.description_product h5.card-title a,
.boutique_product {
    color: #333;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 18px;
    line-height: normal;
    text-decoration: none;
}

.boutique_product {
    font-weight: 700;
    margin-bottom: 15px !important;
}

.boutique_contact,
.boutique_email,
.boutique_respon {
    color: #666666;
    padding: 0;
    margin: 0;
    font-size: 12px;
}

.description_product span.small-gris,
.description_product span.small-gris a {
    font-size: 12px;
    color: #1a1a1a;
    text-decoration: none;
    font-weight: bold;
}

.pro-sub .description_product span.card-text {
    font-size: 22px;
    background-color: #eaeaea;
    width: 130px;
    text-align: center;
    padding: 8px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.description_product p {
    color: #000;
    font-size: 14px;
    margin-bottom: 0;
    /* overflow: hidden;
text-align: justify;
max-width:335px; */
}

.pro-sub .description_product .prod-desc {
    font-size: 12px;
}

.description_product span.prod-desc {
    font-size: 11px;
}

.description_product span.prod-desc span,
.description_product span.prod-desc p,
.description_product span.prod-desc li,
#long_desc li,
#long_desc span,
#long_desc p {
    line-height: 1.6;
    text-align: justify;
}

#long_desc li br,
#long_desc ul br {
    display: none;
}

#long_desc li p {
    margin: 5px 0;
}

#long_desc p {
    margin: 0;
}

.checkOfferButton {
    background-color: #feeb17;
    border: 1px solid #feeb17;
    padding: 10px;
    font-size: 23px;
    color: #1a1a1a;
    border-radius: 5px;
    height: 50px;
}

.imgProductComparatif {
    width: 100%;
    height: auto;
border-radius: 10px;
}

.sellMineButton {
    background-color: #eaeaea;
    border: 1px solid #eaeaea;
    color: #1a1a1a;
    border-radius: 5px;
    height: 35px;
}

.controls input.title_err {
    line-height: 0;
    height: 0;
    display: block;
    padding: 0;
}

#date_from,
#date_to,
.controls input.datepicker {
    /* max-width: 200px; */
    position: relative;
}

.search_input #date_from,
.search_input #date_to {
    max-width: initial;
}

#date_from-error.invalid-feedback,
#date_to-error.invalid-feedback {
    position: absolute;
}

#date_from-error.invalid-feedback,
.controls #insertDateFrom-error.invalid-feedback,
.controls #insertDateTo-error.invalid-feedback {
    left: 30;
    width: 220px;
}

.controls #insertDateFrom-error.invalid-feedback,
.controls #insertDateTo-error.invalid-feedback {
    position: absolute;
}

#block_date_value {
    position: relative;
}

#date_to-error.invalid-feedback {
    left: 275px;
}

#insertDateTo-error {
    left: 255px;
}

.ui-datepicker-prev span:before,
.ui-datepicker-next span:before {
    content: "\f0d9";
    font-family: FontAwesome;
    display: block;
}

.ui-datepicker-next span:before {
    content: "\f0da";
    font-family: FontAwesome;
    display: block;
}

#inputIdsubCat {
    width: 100%;
}

.tagify-container > input {
    border: 0 none;
    width: 120px;
}

.tagify-container > input:focus {
    border-color: rgba(82, 168, 236, 0.8) !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(82 168 236 / 60%);
}

.description_product .produit-value {
    font-size: 13px;
    font-weight: bold;
    margin-top: 20px;
    color: #333;
}

.add_catefgory .login_button {
    width: auto;
    background: #ff7b0d;
    border: 1px solid #ff7b0d;
}

.white_bg {
    background-color: #fff;
    padding: 15px;
}

.categorie_page .dataTables_length label {
    font-size: 12px;
}

.categorie_page .form-control-sm {
    min-height: 0;
    padding: 0px 5px;
    font-size: 13px;
}

.categorie_page .dataTables_filter label {
    font-size: 13px;
}

.categorie_page h2 a i {
    padding-right: 8px;
    color: green;
}

.btn.edit:focus,
.btn.delete:focus,
.btn.active:focus {
    box-shadow: none;
}

.edit,
.delete {
    font-size: 16px;
    padding: 3px;
}

.edit i {
    color: #264992;
}

.dataTables_empty,
.delete i {
    color: #e41111;
}

.btn.active i {
    color: green;
}

.btn.in_active i {
    color: red;
}

.row.search_box {
    padding: 10px 11px;
    border: 1px solid #ff7b20;
    margin: 4px 0px 20px;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.search_box label {
    font-size: 13px;
}

.search_radio {
    display: inline-block;
}

.search_box .login_button {
    width: auto;
    font-size: 12px;
    font-weight: 700;
}

.marque_logo_photo {
    vertical-align: top;
    margin-left: 10px;
}

.search_title {
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    width: 135px;
    padding-right: 15px;
}

/* table.table-bordered.dataTable tbody td {word-break: break-word;} */
/* .search-signle-line {width:auto;margin-right:15px} */
.search_button {
    /* float:right; */
}

.management_warning i {
    color: #ef770d;
    font-size: 16px;
    margin-left: 3px;
}

.management_close i {
    color: red;
    font-size: 18px;
}

.management_exclam i {
    color: #b33434;
    font-size: 18px;
}

.management_exclam_success i {
    color: green;
    font-size: 18px;
}

.management_exclam,
.management_close,
.management_exclam_success {
    display: block;
    text-align: center;
}

.td_action {
    white-space: nowrap;
    padding: 8px 3px !important;
}

.nav-pills .nav-link {
    position: relative;
    color: #1a1a1a;
    padding: 10px;
    text-align: right;
    display: flex;
    border-radius: 18px 0 0 18px;
    align-items: center;
    z-index: 1;
    overflow: hidden;
    outline: none;
    box-shadow: none;
    transition: color 0.7s ease, margin-left 0.7s ease;
    background-color: none;
    border: none;
}

.nav-pills .nav-link::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    z-index: -1;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.7s ease;
}

.nav-pills .nav-link.active::before,
.nav-pills .show > .nav-link::before {
    transform: scaleX(1);
    transform-origin: left;
}

.nav-pills .nav-link.active {
    color: #000;
    margin-left: 5px;
    background-color: #fff;
}

.nav-pills .nav-link:focus,
.nav-pills .nav-link:active {
    outline: none;
    box-shadow: none;
}

.nav-pills .nav-link {
    color: #1a1a1a;
}
.nav-item .nav-link i {
    margin-right: 10px;
    font-size: 18px;
    color: #000;
}

.nav-pills .nav-link.active i {
    color: #000;
}
.nav-pills .sub-menu {
    list-style-type: none;
    padding-left: 20px;
}

.nav-pills .sub-menu .nav-item a {
    position: relative;
}

.sideBarAccountContainer {
    height: 95%;
    width: 100%;
    background-color: #feeb17;
    display: flex;
    flex-direction: column;
    justify-content: start;
    text-align: end;
    border-radius: 0 20px 20px 0;
    border-top-right-radius: 0px;
    padding-top: 40px;
}

@media (max-width: 780px) {
    .sideBarAccountContainer {
        border-radius: 0 0px 20px 0;
    }
}

.having-child {
    position: relative;
}

/* .having-child:after{
content:"\f078";
font: normal normal normal 12px/1 FontAwesome;
position:absolute;
top:12px;
right:10px
} */
/* .having-child.up:after{
content:"\f077";
} */

.having-child .sub-menu-arrow:after {
    /* content:"\f078";
font: normal normal normal 12px/1 FontAwesome;
position:absolute;
top:12px;
right:10px */
}

.having-child .sub-menu-arrow {
    position: absolute;
    top: 8px;
    right: 10px;
    cursor: pointer;
}

.having-child.up .sub-menu-arrow {
    /* right:-20px; */
}

.having-child.up .sub-menu-arrow {
    /* right:10px; */
}

.having-child .sub-menu-arrow img {
    width: 12px;
    transition: 0.5s;
}

.having-child.up .sub-menu-arrow img {
    transform: rotate(180deg);
}

.having-child.up .sub-menu-arrow:after {
    /* content:"\f077";
font: normal normal normal 12px/1 FontAwesome;
position:absolute;
top:12px;
right:10px */
}

.nav-pills .sub-menu .nav-item a {
    padding-left: 15px;
    display: block;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before {
    opacity: 1 !important;
}

.PhotoBrowse:hover {
    color: #ff7b0d !important;
    border: 1px solid #ff7b0d;
    background-color: transparent;
}

.star {
    color: red;
    vertical-align: top;
}

.controls .star {
    position: absolute;
    right: 20px;
    top: 0;
}

.controls .star.date_picker {
    right: 25px;
    top: 8px;
}

.controls .star.keyword_page {
    position: initial;
}

.add_catefgory a.login_button {
    text-decoration: none;
    padding: 8px;
    border: 1px solid #ff7b0d;
    background: transparent;
    color: #ff7b0d;
    box-shadow: none;
}

.add_catefgory a.login_button:hover {
    background-color: #ff7b0d;
    color: #fff !important;
}

.login_box {
    border: 1px solid #ff7b0d;
    max-width: 880px;
    margin: auto;
    padding: 50px 10px !important;
    border-radius: 4px;
}

/* .margin_center{
max-width: 650px;
margin: auto;
} */
.small_view {
    display: none;
}

.large_view {
    display: inline-flex;
}

.mobile-responsive .photo-produit {
    /* width:97px;
float:left; */
    display: table-cell;
    border: 1px solid;
    width: 100px;
    text-align: center;
    background-color: #fff;
    color: #ccc;
    padding: 5px 0;
    height: 110px;
    position: relative;
    vertical-align: middle;
}

.mobile-responsive .photo-produit img {
    background-color: #fff;
    max-width: 100px;
    width: auto;
    height: auto;
    max-height: 150px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.photo-produit a {
    display: table-cell;
    border: 1px solid;
    width: 100px;
    height: 100px;
    /* width:130px;
height:145px; */
    text-align: center;
    background-color: #fff;
    color: #ccc;
    padding: 0;
    position: relative;
    vertical-align: middle;
    text-decoration: none;
}

#userfile {
    display: none;
}

.bot-cls {
    display: block;
    color: #4a4a4a;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    /* padding-top:10px */
}

.bot-cls:hover {
    text-decoration: none;
    color: #ffa84c;
}

.photo-produit a img {
    background-color: #fff;
    max-width: 100px;
    width: auto;
    height: auto;
    max-height: 150px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.pro-sub .photo-produit a img {
    max-width: 240px;
    max-height: initial;
}

.pro-sub .fa-search {
    font-size: 18px;
    margin-left: 15px;
    vertical-align: middle;
    cursor: pointer;
}

.td_action .fa-search {
    font-size: 18px;
}

.categorie_page .alert {
    position: relative;
    max-width: 50%;
    margin: 0 auto 20px;
    text-align: center;
}

.categorie_page .alert button.close {
    position: absolute;
    right: 10px;
    top: 0;
}

.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 20px;
    margin-left: 3px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider.round {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e41111;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 34px;
}

.slider.round:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 50%;
}

.slider.active_green {
    background-color: green;
}

.slider.active_green:before {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
}

.fileinputs_photo {
    display: inline-block;
    vertical-align: top;
}

.category_logo_photo,
#logo_append {
    display: inline-block;
    vertical-align: top;
}

.textnothide {
    display: block !important;
    position: absolute;
    z-index: -1;
}

.categorie_page .search_input label {
    margin-top: 5px;
}

.categorie_page .search_input label,
.categorie_page .search_input input,
#popup_stats_content label,
#popup_stats_content .label,
#popup_flux_content label {
    float: left;
    width: 150px;
    font-weight: bold;
    padding-right: 15px;
}

#popup_flux_content label {
    width: 250px;
}

#popup_stats_content .control-group,
#popup_flux_content .control-group {
    margin-bottom: 15px;
}

.categorie_page .search_input input,
.categorie_page .search_input select {
    width: calc(100% - 160px);
    font-weight: normal;
}

.modal-header {
    float: left;
    width: 100%;
}

.modal-header h5 {
    float: left;
}

.modal-header .close {
    float: right;
}

.modal-footer {
    clear: both;
    text-align: right;
}

.modal-body h6 {
    font-weight: 500;
    font-size: 12px;
}

#description_modal .modal-content .modal-body {
    max-height: 250px;
    overflow: auto;
}

#description_modal .modal-content {
    padding: 0px 0 15px;
}

.left-menu-scroll {
    /* max-height:390px;
overflow:auto; */
}

.left-menu-scroll .nav-item {
    width: 100%;
}

.keywords_format {
    display: block;
}

.container-logo-partner {
    margin: 10px 0;
    font-weight: 700;
    color: #324160;
    clear: both;
    text-align: center;
}

.logo-partner {
    display: table-cell;
    height: 100%;
    vertical-align: bottom;
    width: 100%;
}

.partner_title {
    display: block;
}

.divide {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #dbdbdb;
    margin: 20px 0;
}

#conso-liquide {
    position: relative;
}

.titre-article {
    color: #ff7b0d;
    font-weight: 700;
    font-size: 23px;
    padding: 5px;
    line-height: normal;
    margin-bottom: 15px;
    padding-left: 0;
}

#info-conso .description_product a {
    color: #4a4a4a;
    text-decoration: none;
}

#info-conso .description_product {
    font-size: 12px;
}

#info-conso {
    padding: 15px;
    color: #666;
}

#info-conso h4 {
    z-index: 10;
    position: relative;
    width: calc(100% - 250px);
    font-size: 10px;
    color: #000;
    line-height: normal;
    margin-bottom: 10px;
}

.font10 {
    font-size: 11px;
}

blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 20px;
    border-left: 5px solid #eee;
}

#info-conso .dosage {
    font-size: 12px;
    line-height: 20px;
}

#conso-liquide .liquide {
    position: absolute;
    top: 0;
    right: 70px;
}

#conso-product {
    position: relative;
}

#conso-product .conso-image {
    position: absolute;
    top: 0;
    right: 60px;
}

#conso-product .row-fluid {
    width: 100%;
}

#economie {
    position: relative;
}

#economie img {
    position: absolute;
    top: 0;
    right: 70px;
}

#main {
    padding-bottom: 50px;
}

.menu-main {
    width: 100%;
}

@media (max-width: 576px) {
    .menu-main {
        width: 100%;
    }
}

.filterMobileButton {
    width: 100%;
    background-color: #1a1a1a;
    height: 50px;
    padding: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    border: none;
    outline: none;
}

.filterMobileButton:focus {
    outline: none;
    border-color: #1a1a1a;
}

.filterMainTitle {
    color: #1a1a1a;
    font-size: 25px;
    font-weight: bold;
}

.sortContainer {
    width: 18%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
    margin-left: 2%;
}

.filtersContainer {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.scrollableSubCategories {
    overflow-y: auto;
    border: 3px solid #1a1a1a;
    padding: 10px;
}

.filtersContainer span {
    font-weight: 900;
}

.filtersContainer div {
    margin-bottom: 5px;
}

.filtersContainer input {
    margin-right: 10px;
    margin-bottom: 10px;
}

.checkboxFilter {
    width: 100%;
    display: flex;
}

.checkboxFilter input[type="radio"] {
    display: none;
}

.customRadioLabel {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.customRadio {
    width: 12px;
    height: 12px;
    border: 3px solid #1a1a1a;
    background-color: #eaeaea;
    display: inline-block;
    position: relative;
    margin-right: 10px;
    transition: background-color 0.3s;
}

/* Style du bouton radio lorsque sélectionné */
input[type="radio"]:checked + .customRadioLabel .customRadio {
    background-color: #1a1a1a;
    /* Arrière-plan lorsqu'il est sélectionné */
}

.filter-mobile {
    position: relative;
    width: 100%;
}

.filterDetails {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.filter-modal {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    background-color: #eaeaea;
    border: 1px solid #ccc;
    padding: 10px;
    z-index: 1000;
}

.btn {
    margin: 10px;
}

.filterTitle {
    background-color: #1a1a1a;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 14px;
    padding: 5px;
    text-align: center;
}

.category-container {
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    right: 25px;
    margin: 10px;
    top: 10px;
}

.category-name {
    font-weight: bold;
text-align: center;
}

.categorieContainer {
    display: flex;
    flex-direction: row;
    width: 100%;
}

@media (max-width: 775px) {
    .categorieContainer {
        flex-direction: column;
    }
}

.import_product .menu-main {
    height: 100%;
    padding: 0;
}

.left-product {
    background-color: #fff;
    border: 1px solid #c7c7c7;
    border-radius: 2px;
    /* text-align:center */
}

.return_button {
    position: absolute;
    right: 25px;
    top: 7px;
    z-index: 10;
}

.po-rel {
    position: relative;
}

.left-product .go_btn.submit {
    display: block;
    text-align: center;
    margin: 10px auto !important;
}

.import_product {
    /* display:table; */
}

.import_product .list-block {
    /* height: 600px;
display: flex;
width: 100%;
vertical-align: middle; */
}

.td_action .empty_article {
    padding-left: 15px;
}

.action_buttons {
    display: inline-block;
    width: 87px;
}

.breadcrumb {
    margin: 0;
    color: #1a1a1a;
    font-size: 12px;
    background: transparent;
    margin-bottom: 10px;
    padding: 0;
}

.breadcrumb a {
    color: #1a1a1a;
    text-decoration: none;
    padding-right: 5px;
    font-size: 13px;
}

.error_detail {
    color: red;
    font-size: 20px;
    margin: 0 0 10px;
    border-bottom: 1px solid #9e9e9e;
    border-top: 1px solid #9e9e9e;
    line-height: 40px;
    clear: both;
}

.list h2 {
    color: #1a1a1a;
    font-size: 20px;
    margin: 0 0 10px;
    text-transform: uppercase;
    line-height: 40px;
    clear: both;
}

.prod_title {
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}

#popuparticle .modal-dialog,
#fluxmodal .modal-dialog,
#statsmodal .modal-dialog {
    max-width: 840px;
}

#search_modal.modal-dialog {
    max-width: 500px;
}

.pro-sub .description_product h5.card-title {
    font-size: 25px;
}

.form-inline .form-control {
    height: 30px;
    color: #ff7b0d;
}

.form-inline .form-control::placeholder {
    color: #ff7b0d;
}

.search_part .form-control:focus {
    box-shadow: none;
    border-color: none;
}

.search_part .form-control {
    background: #fff;
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    text-indent: 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    text-align: center;
}

.kelklope_loader {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 16px;
    margin: 6% auto;
    padding: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    box-shadow: 1px 1px 12px #b8b8b8;
    -moz-box-shadow: 1px 1px 12px #b8b8b8;
    box-shadow: 1px 1px 12px #b8b8b8;
    font-weight: bold;
    color: #000000;
    background-color: #ffffff;
}

.kelklope_loader .info {
    margin: 15px auto;
    color: #000000;
    padding: 10px;
    font-weight: normal;
}

.kelklope_loader .info p {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 0;
    background-color: #feeb17;
    border-radius: 10px;
    color: #000000;
}

.kelklope_loader .mentions {
    font-weight: normal;
    font-size: 10px;
    line-height: 10px;
}

.kelklope_loader .mentions a {
    color: #000000;
}

.kelklope_loader .mentions em {
    font-style: normal;
    display: block;
}

.loader {
    display: flex;
    color: #000000;
    font-size: 10px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    animation: mulShdSpin 1.3s infinite linear;
    transform: translateZ(0);
}

@keyframes mulShdSpin {
    0%,
    100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em,
            0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }
    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em,
            0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0,
            0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em,
            0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em,
            0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
            0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }
    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em,
            2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em,
            -2em -2em 0 0;
    }
    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
            0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}

.detail_part .modal-backdrop {
    background-color: #fff;
}

.advertisement img {
    max-width: 100%;
    width: 100%;
}

.advertisement {
    margin-bottom: 12px;
}

.login {
    padding: 5px;
}

.login h2,
.title-main {
    font-weight: 500;
    font-size: 20px;
    color: #1a1a1a;
    text-transform: uppercase;
}

.login .submit {
    padding: 5px 10px;
    font-weight: 700;
    white-space: nowrap;
    color: #fff !important;
    font-family: "Montserrat";
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    text-shadow: 0 0 2px #333;
    text-decoration: none;
    font-size: 15px;
    background: #ffa84c;
    background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, #ffa84c),
        color-stop(100%, #ff7b0d)
    );
    background: -webkit-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
    background: -o-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
    background: -ms-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
    background: linear-gradient(to bottom, #ffa84c 0%, #ff7b0d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa84c', endColorstr='#ff7b0d', GradientType=0);
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    line-height: 15px;
}

/*
.login-form{
max-width:312px;
margin:auto;
}
*/
.login-form .correction-link a {
    text-decoration: none;
    font-size: 15px;
    color: #4a4a4a;
}

.login-form .correction-link a:hover {
    color: #ff7b0d;
}

.banner-ad {
    margin-bottom: 12px;
    display: block;
}

.banner-ad img {
    width: 100%;
}

.readonly {
    background: rgb(230 229 228 / 35%);
    pointer-events: none;
}

.search_part form a {
    text-decoration: none;
    display: block;
    padding: 5px;
    line-height: 1.5;
    min-height: 0;
    font-weight: 700;
    cursor: pointer;
    font-size: 12px;
    background-color: #fff !important;
    border-top: 1px solid #eee !important;
    color: #333;
    border-radius: none;
}

.form-control.auto-search {
    font-size: 12px;
    font-weight: 700;
    width: 100%;
}

.code-espace a.active {
    color: #ff7b0d;
    background: transparent;
}

.code-espace a.active.logout,
.code-espace a.active.espace {
    background-color: transparent;
    color: #ff7b0d;
}

.code-espace a.active.espace:hover {
    color: #ff7b0d;
}

.code-espace a.active.logout:hover {
    color: red;
}

.merchant-register input[type="checkbox"] {
    width: auto;
}

.logout .fa-power-off {
    color: red;
    padding-right: 5px;
    font-size: 18px;
    vertical-align: middle;
}

.search_part form a:hover {
    background-color: #eee !important;
}

.search_part form div {
    /* max-width: 221px;
min-width:221px !important;
margin-right:10px;*/
    top: 0 !important;
    width: 100%;
}

.search_part form div > div {
    margin-right: 10px;
}

.search_part form div > div a {
    margin-right: 0;
}

.search_part form div > div:hover,
.search_part form div > div:focus {
    margin-right: 0;
}

.search_part form div:hover {
    background: #eee;
    border-radius: 5px;
}

.search-no-result {
    display: block;
    padding: 5px;
    line-height: 1.5;
    color: #333;
    font-weight: 700;
    background-color: #f5f5f5 !important;
    border-top: 1px solid #fff !important;
}

.input_pathstock_format {
    display: block;
    font-size: 11.844px;
    padding-top: 5px;
    color: #797878;
}

.pagination-outer {
    padding: 10px 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.pagination-slect {
    width: auto;
    float: right;
    margin-top: -5px;
}

.orange-txt {
    color: #fff;
    background: #1a1a1a;
    font-weight: 700;
}

.pagination {
    display: inline-block;
    margin-bottom: 0;
}

.pagination li {
    display: inline-block;
    float: none;
    height: auto;
    margin-bottom: 0;
    margin-left: 5px;
    width: auto;
}

.pagination li.active a,
.pagination li a:hover {
    background: #fff;
    border: 3px solid #1a1a1a;
    color: #1a1a1a;
    font-weight: 900;
    outline: 0;
}

.pagination li a:hover {
    background: #1a1a1a;
    border: 1px solid #1a1a1a;
    color: #fff;
    font-weight: 900;
}

.pagination li a {
    color: #000;
    text-decoration: none;
    font-weight: 900;
    padding: 3px 8px;
    background-color: #fff;
}

.topbanner img {
    width: 100%;
}

.bannertarifs_prixlabel {
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    top: 8px;
    left: 320px;
}

.pagination-txt {
    display: inline-block;
    float: left;
    vertical-align: middle;
    color: #1a1a1a;
    font-weight: bold;
}

.top-filer {
    padding-bottom: 10px;
    float: left;
}

.myproduct .top-filer {
    padding: 10px;
}

.filer-select select {
    width: auto;
}

/* .merchant-register {
    padding: 0 15px;
} */

.merchant-register h5 {
    text-align: center;
    font-size: 16px;
}

.merchant-register input {
    width: 100%;
}

.merchant-register span.validate {
    margin-left: 1%;
}

.merchant-register label {
    font-size: 15px;
    margin-bottom: 0;
}

span b.star {
    color: red;
}

.logo_content hr {
    background: white;
    opacity: 1;
}

.detail_part .pro-sub table.list-table .product_line td:last-child {
    border-right-width: 1px;
}

.del_code,
.valid-img {
    cursor: pointer;
}

.detail_part #date-container .react-date-picker {
    /* max-width:280px */
}

.priceTitle {
    font-size: 17px;
}

.margin_center .price,
.margin_center .price:hover {
    font-size: 13px;
    color: #000;
    font-weight: normal;
}

.categorie_page table.dataTable thead th.sorting_disabled,
.categorie_page table td {
    padding: 8px 3px;
}

.categorie_page table.dataTable tbody th,
.categorie_page table.dataTable tbody td {
    padding: 8px 3px;
}

.col-sm-6 .checkbox {
    padding-top: 5px;
}

#search_modal.modal-dialog table {
    max-width: 550px;
    margin: auto;
    width: 100%;
}

#search_modal.modal-dialog table .react-stars {
    margin: 0px auto 10px;
    width: 100%;
}

.total-review {
    border-top: 1px solid #dee2e6;
}

.total-review td {
    padding-top: 10px;
    font-weight: bold;
}

#search_modal.modal-dialog table td,
#search_modal.modal-dialog table th {
    text-align: center;
}

#search_modal.modal-dialog .nav-tabs {
    border-bottom: 0;
}

#search_modal.modal-dialog .nav-tabs .nav-link {
    background: #fff;
    border: 1px solid #ff7b20;
    color: #ff7b20;
    margin: 0 5px;
    padding: 5px 15px;
    border-radius: 5px;
}

#search_modal.modal-dialog .nav-tabs .nav-link.active {
    background: #ff7b20;
    border: 1px solid #ff7b20;
    color: #fff;
}

#search_modal.modal-dialog .tab-content {
    margin-top: 15px;
}

#un_comment textarea {
    width: 100%;
    resize: none;
    height: 100px;
    padding: 10px;
}

#star_element div {
    display: inline-block !important;
    vertical-align: top;
}

#star_element {
    margin-bottom: 10px;
}

.topbanner {
    margin-bottom: 10px;
}

.homebanner {
    width: 100%;
    padding: 10px;
    padding-bottom: 0;
}

.modal-open .modal {
    overflow: hidden;
}

.NovoteFound,
.NoCommentsFound {
    color: red;
}

.modal-dialog .pagination-outer {
    background-color: transparent;
}

#search_modal .modal-header,
#un_comment .modal-header {
    border-bottom: 0;
}

#un_comment .modal-header {
    display: block;
    padding-bottom: 0;
}

#un_comment .modal-header h2 {
    display: block;
    background: none repeat scroll 0 0 #ffe5e5;
    border: 1px dotted red;
    font-size: 13px;
    margin: 10px auto;
    padding: 10px;
    width: 100%;
    text-align: center;
}

.nocontent {
    display: none;
}

#un_comment .modal-body {
    padding: 0 15px;
}

#un_comment .modal-header .close {
    position: absolute;
    top: 15px;
    right: 20px;
}

.modal-header {
    /* padding:2.5rem; */
}

#un_comment .modal-header {
    padding-top: 2.5rem;
}

#deleteModal .modal-header {
    padding: 1rem;
}

.prod-detail td a {
    color: #000;
    text-decoration: none;
}

.noproduct {
    text-align: center;
    color: red;
}

.latestcomment {
    max-width: 500px;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
}

#un_comment .latestcomment {
    overflow-y: auto;
    max-width: 100%;
}

.withcontent.modal-body {
    position: relative;
}

#un_comment .latestcomment.content-above-five {
    height: 100%;
    /*
position: absolute;
width: 96%; */
}

#un_comment .latestcomment.content-below-five {
    max-height: 100%;
}

.download_pdf {
    text-align: center;
}

#un_comment .comment_text .viewmore {
    float: none;
}

#un_comment.modal-dialog {
    max-width: 700px;
}

.comment_date {
    float: right;
    /* width: 100px; */
    font-weight: bold;
    color: #a0a0a0;
    font-size: 11px;
}

.comment_text {
    width: calc(100% - 110px);
    /* display:block; */
}

.latestcomment .comment_text .viewmore {
    float: none;
}

.commentsTableRow {
    border-bottom: 2px solid #1a1a1a;
}

.commentsTableRow:last-child {
    border-bottom: none;
}

.comment_header {
    font-size: 20px;
}

#star_element .row {
    width: 100%;
}

#star_element .go_btn {
    float: right;
}

#un_comment .modal-footer {
    border-top: 0;
}

.latestcomment .nocommentsfound {
    color: red;
    text-align: center;
}

#un_comment .viewmore,
.latestcomment .viewmore {
    color: #ff7b20;
    float: right;
    cursor: pointer;
    margin-top: 5px;
    margin-right: 10px;
    text-transform: capitalize;
    position: relative;
    font-weight: bold;
    font-size: 12px;
}

#un_comment .viewmore:hover,
.latestcomment .viewmore:hover {
    text-decoration: underline;
}

#un_comment .viewmore:after,
.latestcomment .viewmore:after {
    content: "";
    border: solid #ff7b20;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-left: 2px;
}

.modal-footer .btn {
    padding: 3px 10px;
}

#un_comment .latestcomment .card-body {
    padding: 0 1em;
}

#block_code_value {
    position: relative;
}

#block_code_value .star {
    position: absolute;
    left: 304px;
    top: 35px;
}

#block_code_value .star.code_value {
    top: 15px;
}

#search_modal .rating-count {
    float: left;
    width: 40%;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100%;
    height: 100%;
    /*background-color: #15141459;*/
}

.overlay div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#un_comment .modal-footer .btn-primary {
    background: #ff7b20;
    color: #fff;
}

#un_comment .modal-footer .btn-primary:hover {
    background: transparent;
    color: #ff7b20 !important;
}

.overall-votecount {
    font-weight: bold;
    text-align: center;
}

.overall-rating:first-child span {
    font-size: 30px;
    text-align: center;
    color: #66666687;
}

#search_modal .modal-header h3 {
    color: #1a1a1a;
    font-size: 23px;
}

.overall-star {
    display: block;
    margin: 5px 0;
}

.star-display div {
    display: inline-block !important;
}

.rating-stars-detail .col-sm-4 {
    align-self: center;
}

.overall-star div {
    justify-content: center;
}

.star-container .progress {
    width: calc(100% - 50px);
    display: inline-flex;
    margin-left: 10px;
}

.star-display {
    vertical-align: middle;
}

.star-count {
    font-size: 14px;
    padding-right: 5px;
}

.rating-stars-detail {
    align-self: center;
    text-align: center;
}

.overall-star .rating {
    width: auto !important;
}

.commentscount {
    text-align: right;
    font-size: 12px;
}

.register_area.form {
    background: #fff;
    padding: 20px;
    text-align: center;
}

.register_area.form #email_block {
    width: 50%;
    margin: auto;
}

.register_area.form .btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    background: #fff;
    border: 1px solid #ff7b20;
    color: #fff;
    padding: 2px 10px;
    margin-top: 10px;
    margin-right: 10px;
}

.register_area.form .btn:hover {
    background: transparent !important;
    color: #ff7b20;
}

.productbanner {
    max-width: 300px !important;
    width: 100%;
}

.logo img {
    width: 80%;
    height: 100%;
}

@media (max-width: 768px) {
    .logo img {
        width: 50%;
    }
}

@media (max-width: 380px) {
    .logo img {
        width: 100%;
    }
}

.searchbar {
    width: 60%;
    height: 40%;
    border: 1.5px solid black;
    flex-grow: 1;
}

input.searchbar::placeholder {
    color: black;
    font-size: 20px;
    font-weight: bold;
}

/* Chrome, Safari, Opera */
input.searchbar::-webkit-input-placeholder {
    color: black;
    font-size: 20px;
    font-weight: bold;
}

/* Firefox 19+ */
input.searchbar::-moz-placeholder {
    color: black;
    font-size: 20px;
    font-weight: bold;
}

/* IE 10+ */
input.searchbar:-ms-input-placeholder {
    color: black;
    font-size: 20px;
    font-weight: bold;
}

/* Edge */
input.searchbar::-ms-input-placeholder {
    color: black;
    font-size: 20px;
    font-weight: bold;
}

/* Firefox 18- */
input.searchbar:-moz-placeholder {
    color: black;
    font-size: 20px;
    font-weight: bold;
}

.kelklope_box,
.pricecig_box {
    width: calc(100% - 90px);
    display: inline-block;
}

.kelklope_box .chosen-container,
.pricecig_box .chosen-container {
    width: 100% !important;
}

.login_box .form-group.text-center {
    padding-bottom: 15px;
}

.login_box .alert-success {
    text-align: center;
    width: 50%;
    margin: auto;
}

.small_view_rate .pro_price {
    white-space: nowrap;
    color: #ed7c00;
}

.comment-error-container {
    text-align: center;
    position: relative;
    width: 100%;
}

.search_title.category-lablel {
    width: 150px;
}

.comment-error {
    text-align: left;
}

.comment-error-container .comment-success {
    color: green;
}

.sorticon {
    display: inline-block;
    padding-left: 20px;
}

#star_element span {
    color: #ff7b0d;
    font-size: 15px;
    font-weight: bold;
}

.product-detail-tables .prod-detail {
    cursor: default;
}

#star_element span.star-gray {
    color: #324160;
    font-weight: 600;
}

.maj {
    font-size: 13px;
    color: #232323;
}

#myModalLabel .all_content {
    width: 30%;
    display: inline-block;
    vertical-align: middle;
}

#myModalLabel .percent {
    width: 70%;
    display: inline-block;
    vertical-align: middle;
}

#myModalLabel .all_content .star,
.rating_flow_row .star {
    width: 19px;
    vertical-align: middle;
}

.rating_flow_row .rating_value {
    font-size: 14px;
    padding-right: 5px;
    vertical-align: middle;
}

.rating_flow_row .progress {
    width: calc(100% - 60px);
    display: inline-flex;
    margin-left: 10px;
    vertical-align: middle;
}

#myModalLabel .all_content .stars {
    text-align: center;
}

.forgot_error {
    color: red;
    background: rgb(249 90 90 / 27%);
    padding: 8px;
    font-weight: 600;
    max-width: 600px;
    margin: 10px auto 0;
}

.forgot_modalbody .modal-dialog {
    max-width: 600px;
}

.forgot_modalbody .modal-title {
    font-size: 16px;
}

.help_modalbody .modal-dialog {
    max-width: 1000px;
}

.help_modalbody .modal-title {
    font-size: 16px;
}

.mobile-device {
    display: none;
}

.mobile-device .col-md-5,
.mobile-device .col-md-7 {
    width: 40%;
    display: inline-block;
}

.mobile-device .col-md-7 {
    width: auto;
    vertical-align: top;
    display: inline-flex;
    flex-direction: column;
}

.circle-shape .curve {
    width: 31%;
    height: auto;
    min-width: 150px;
    float: left;
    margin-right: 2rem;
    border-radius: 50%;
    -webkit-shape-outside: circle();
    shape-outside: circle();
}

.curve-content {
    margin-top: 40px;
}

.circle-shape {
    padding: 10px;
}

.home-page .bghjHX {
    margin: 0;
}

.gel-img .img-fit {
    border-radius: 50%;
    border: 0;
}

.gel-img img {
    width: 100%;
    height: auto;
}

/* .mobile-responsive .col-md-3,.mobile-responsive .col-md-9{
width:20%;
display:inline-block;
}
.mobile-responsive .col-md-9{
width:80%;
} */
.detail_part .pro-sub {
    /* background-color: #fff;
padding: 15px;
*/
}

.detail_part .code-de-reduction {
    background: #fff;
    padding: 15px;
}

.detail_part .pro-sub .pro_price.go_btn {
    /* float: right;
background: transparent;
color: #000 !important;
text-shadow: none;
font-size: 17px; */
}

.right_button {
    float: right;
    vertical-align: middle;
}

.right_button i {
    color: #fff;
    font-size: 25px;
    vertical-align: middle;
    margin-right: 5px;
}

.right_button h6 {
    font-size: 15px;
}

.detail_part .pro-sub .table th {
    background-color: #f5f5f5;
    cursor: pointer;
    /* padding: 15px;
width: 20%; */
    border-bottom: 0;
}

.avatar {
    width: 70%;
    height: 130px;
    border-radius: 5%;
    background-color: #1a1a1a;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 60px;
}

.avatarMessage {
    width: 95px;
    height: 85px;
    border-radius: 5%;
    background-color: #1a1a1a;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 60px;
}

@media (max-width: 768px) {
    .avatarMessage {
        background-color: #fff;
        color: #1a1a1a;
        width: 100%;
        font-size: 30px;
    }
}

.detail_part .pro-sub .norecordfound td {
    text-align: center;
}

.border-status {
}

.ck-editor__editable_inline {
    height: 250px;
    width: 100%;
}

.detail_part .pro-sub h4 {
    font-size: 18px;
    color: #ff7b20;
}

.detail_part .code-de-reduction.pro-sub h4 {
    color: #000;
    font-size: 16px;
}

.react-date-picker__inputGroup__input:invalid {
    background: transparent !important;
}

.detail_part .form-control {
    /* max-width: 300px; */
    font-size: 13px;
}

/* body,html{
height:100%;
} */
.detail_part .import_product .form-control {
    max-width: 100%;
}

.make-bold {
    font-weight: bold;
    color: #ff7b0d;
}

.detail_part .react-date-picker {
    max-width: 140px;
    margin-left: 10px;
    width: 100%;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.react-date-picker__wrapper {
    border: 0 !important;
}

.detail_part .pro-sub .pro_price.go_btn.submit {
    float: none;
    background: linear-gradient(to bottom, #ffa84c 0%, #ff7b0d 100%);
}

.detail_part h4 {
    margin-top: 5px;
    font-size: 18px;
}

.fontSizePromotion {
    font-size: 20px;
}

.promoTable {
    background-color: #1a1a1a;
    color: #fff;
}

.promoTH {
    color: #fff;
    /* font-size: 25px; */
    text-align: center;
}

.noPromo {
    text-align: center;
    background-color: #fff;
}

.product_line {
    background-color: #fff;
    text-align: center;
}

.validation i,
.valide i,
.invalide i,
.modify_code i,
.del_code i,
.valid-img i {
    color: #ffa84c;
    font-size: 20px;
    margin-right: 5px;
}

.valide i,
.valid-img i {
    color: #2fc32f;
    font-size: 20px;
}

.invalide i,
.del_code i {
    color: #fb3030;
    font-size: 20px;
}

.modify_code i {
    color: #6594ff;
    font-size: 20px;
}

.react-date-picker__inputGroup__input:focus {
    outline: 0;
}

.promo-container {
    clear: both;
}

.promo-container .success-msg {
    margin: 10px 5px 10px 0;
    /* display: inline-block; */
    vertical-align: middle;
}

.success-close {
    text-align: center;
}

.success-close i {
    font-size: 20px;
    color: #fb3030;
    vertical-align: middle;
    text-align: center;
}

.alert-dismissible .close {
    /* top:4px; */
}

.success-close .alert {
    padding: 12px 3rem 12px 1rem;
}

.import_product .list {
    border: 1px solid #999;
    border-radius: 4px 4px 1px 1px;
    margin-right: 0;
    -webkit-border-radius: 4px 4px 1px 1px;
    -moz-border-radius: 4px 4px 1px 1px;
    -ms-border-radius: 4px 4px 1px 1px;
    -o-border-radius: 4px 4px 1px 1px;
    width: 49%;
    margin-right: 2%;
    display: inline-block;
    min-height: 341px;
}

.import_product.product_stat .list {
    display: block;
    width: 100%;
    max-width: 500px;
    margin: auto;
}

.import_product.product_stat .list:last-child {
    margin-right: auto;
}

.import_product .list:last-child {
    margin-right: 0;
}

.import-product h6 {
    font-weight: 400;
    color: #333;
}

.import-product h6 span {
    font-weight: 600;
}

.import_product .list .list-block {
    padding: 20px;
    /* max-width:500px;
margin:auto;
width:100%; */
}

.import_product .url_text {
    word-break: break-word;
    color: #0000ee;
    border: 1px solid #ced4da;
    display: block;
    padding: 5px;
    border-radius: 4px;
}

.import_product .url_date {
    color: #ffa84c;
    font-weight: 700;
}

.import_product .list h3 {
    background-color: #324160;
    color: #ffffff;
    padding: 10px 20px;
    font-size: 16px;
}

.import_product .list-block .import-type span {
    display: block;
}

.import_product .list-block .bottom-submit {
    margin-top: 25px;
}

.import_product .list-block .bottom-submit button {
    color: #fff;
    border: 0;
}

.import_product .list .import_error {
    text-align: center;
}

.error-container {
    color: red;
}

.image-description {
    display: block;
}

.myproduct .container {
    /* background:#fff;
padding:10px 15px; */
}

.myproduct .photo-produit {
    display: table-cell;
    border: 1px solid;
    width: 100px;
    text-align: center;
    background-color: #fff;
    color: #ccc;
    padding: 5px 0;
    height: 112px;
    position: relative;
    vertical-align: middle;
}

.myproduct .title_page {
    padding-bottom: 5px;
    padding: 10px 15px;
    margin-bottom: 15px !important;
}

.myproduct .title_page .normal-view div {
    font-weight: 700;
}

.myproduct .description_product p {
    font-size: 15px;
}

.myproduct .myproduct-list {
    border-bottom: 1px solid #e0e0e0;
    /* margin-bottom:10px; */
    padding: 10px;
}

.myproduct .menu-main {
    /* padding:0; */
}

.list-table {
    border: 1px solid #ddd;
}

.list-table .description h1,
.list-table .description h2,
.list-table .description h3,
.list-table .description h4,
.list-table .description h5,
.list-table .description h6,
.list-table .description h1 strong,
.list-table .description h2 strong,
.list-table .description h3 strong,
.list-table .description h4 strong,
.list-table .description h5 strong,
.list-table .description h6 strong,
.list-table .description p strong,
.list-table h1,
.list-table h2,
.list-table h3,
.list-table h4,
.list-table h5,
.list-table h6,
.list-table strong {
    font-weight: normal;
    font-size: 13px;
}

.detail_part .pro-sub table.list-table th {
    width: 20%;
    padding: 15px;
    text-align: left;
}

.detail_part .pro-sub table.list-table td {
    padding: 15px;
}

.inner-table-list td {
    border: 0;
}

.detail_part .pro-sub table.list-table .inner-table-list td {
    padding: 0 5px;
}

ul.success {
    margin: 0;
}

.stock i {
    color: #2fc32f;
}

.react-date-picker__wrapper {
    padding: 3px;
}

.note-to-user,
.image-description {
    font-size: 11px;
    font-style: italic;
    color: #a0a0a0;
}

.price_detail .qnty {
    color: #ed7c00;
    font-weight: 600;
}

.forgot_modalbody h6 strong {
    display: inline-block;
    font-size: 15px;
    margin-bottom: 5px;
}

.help_modalbody h6 strong {
    display: inline-block;
    font-size: 15px;
    margin-bottom: 5px;
}

.prod-detail td {
    text-transform: capitalize;
}

.guest_product_line h4 a {
    text-decoration: none;
    color: black;
    font-weight: 600;
    font-size: 15px;
    padding-bottom: 15px;
    display: block;
}

.guest_product_line td img {
    max-width: 100px;
    max-height: 100px;
}

.guest_product_line a {
    text-decoration: none;
    color: #000;
}

.import-product {
    max-width: 500px;
    margin: auto;
    /* padding:80px 0; */
}

.norecordfound td {
    color: #1a1a1a;
}

.import-product .row {
    /* border: 1px solid #324160;
padding: 20px;*/
    border-radius: 3px;
}

.promo-offer span {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

.react-date-picker__wrapper {
    cursor: pointer;
}

.arrow {
    display: none;
}

.footer_part a {
    font-size: 12px;
}

.modal-header .close {
    padding: 10px;
}

.viewmore {
    color: #1a1a1a;
    font-weight: 600;
    cursor: pointer;
    font-size: 11px;
}

.mobile-toggle button {
    background: transparent;
    border: 0;
    display: none;
}

.mobile-toggle {
    /* max-width: 35px;
height: 25px;
position: absolute;
right: 0;
bottom: 0;*/
    float: right;
    /* margin-left:-5px; */
}

.not-found {
    display: block;
    width: 100%;
    color: red;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 35px;
}

.not-found-info {
    text-align: center;
}

.add-product h6 {
    font-size: 14px;
}

.fa-external-link,
.fa-share-square-o {
    font-size: 18px;
}

.fa-share-square-o {
    color: #ff7b20;
}

.pin .fa-map-marker {
    font-size: 40px;
}

.top-filer .small-text {
    font-size: 15px;
    font-weight: normal;
    text-transform: capitalize;
}

.three_col .round_logo img {
    border-radius: 50%;
    width: 100%;
    height: auto;
}

.singlepartner {
    padding: 15px;
}

.singlepartner a {
    font-size: 16px;
    font-weight: 600;
}

.singlepartner .single_img {
    width: 100%;
    max-width: 100%;
}

.singlepartner a.path-url {
    font-size: 12px;
    color: #b0b0b0;
    text-decoration: none;
}

.site-img {
    border: 1px solid #c7c7c7;
    padding: 5px;
    display: table;
    height: 55px;
}

.word-des {
    margin-top: 7px;
    margin-bottom: 5px;
    text-align: justify;
}

.site-img-center {
    vertical-align: middle;
    display: table-cell;
}

.uploaded_images .image-preview {
    /* display: inline-block; */
    margin-right: 15px;
    border: 1px solid #c7c7c7;
    padding: 5px;
    position: relative;
    float: left;
    margin-bottom: 20px;
}

.uploaded_images .image-preview img {
    max-width: 100%;
    height: 40px;
}

.uploaded_images .single small {
    display: block;
}

.uploaded_images .image-preview:last-child {
    margin-right: 0;
}

.uploaded_images .image-preview .image-remove {
    background: url(../images/close.png) no-repeat center;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    right: -10px;
    top: -10px;
    background-color: #fff;
    z-index: 1;
    border-radius: 50%;
    cursor: pointer;
}

.fileinputs_photo .file_photo {
    max-width: 90px;
    display: block;
}

.fileinputs_photo.single .file_photo {
    max-width: 86px;
}

.boutique-left-inner {
    display: table;
    width: 150px;
    height: 150px;
    border: 1px solid #c7c7c7;
    padding: 5px;
    text-align: center;
}

.reduction_img {
    width: 100%;
    height: auto;
}

.main-banner-img {
    width: 100%;
    height: auto;
}

.addArticlesButton {
    background-color: #feeb17;
    padding: 8px 20px;
    border-radius: 10px;
    text-transform: uppercase;
    border: 1px solid #feeb17;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1a1a1a;
    font-weight: bold;
}

.addArticlesButton:before {
    content: "+";
    display: flex;
    justify-content: center;
    font-size: 30px;
    margin-right: 10px;
    align-items: center;
    color: #ffff;
    font-weight: 900;
    border-radius: 20px;
    padding: 0px;
    width: 25px;
    height: 25px;
    background-color: #1a1a1a;
}

.numberArticlesShop {
    text-align: end;
    text-transform: lowercase;
    font-size: 20px;
}
/* .product-card-wrapper {
    width: 100%;
} */

@media (min-width: 768px) {
    .product-card-wrapper {
        width: 45%;
    }
}

@media (min-width: 992px) {
    .product-card-wrapper {
        width: 30%;
    }
}

@media (min-width: 1200px) {
    .product-card-wrapper {
        width: 20%;
    }
}

.product-card-wrapper .ProductCard {
    height: auto;
    display: flex;
    flex-direction: column;
}

.round_logo-ph {
    background: #fff;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    top: -70px;
    position: relative;
    text-align: center;
    left: 25px;
    display: table;
    border: 1px solid #f8f8f8;
}

.round_logo-ph-img {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.footer_part .dmca-protected a {
    border-right: 1px solid #fff;
    padding-right: 5px;
    font-weight: bold;
}

.footer_part .dmca-protected a.active {
    color: #ff7b0d;
}

.footer_part .dmca-protected a:last-child {
    border-right: 0;
}

.round_logo-ph img {
    width: 100%;
}

.po-relga {
    padding: 15px;
    background-color: #eaeaea;
    border-radius: 10px;
    border-top-left-radius: 0px;
    margin: 5px;
}

.list h2.small-title {
    font-size: 14px;
}

.site-name {
    font-weight: bold;
    font-size: 20px;
    color: #333333;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.site-detail i,
.map-far i {
    color: #1a1a1a;
    padding-right: 5px;
    font-size: 18px;
}

.site-detail i.fa-mobile {
    font-size: 20px;
}

.site-detail div,
.site-detail div a {
    font-size: 13px;
    color: #333333;
    margin-bottom: 5px;
    text-decoration: none;
}

.map-far {
    margin-top: 10px;
    position: relative;
}

.map-far i {
    position: absolute;
    left: 2px;
    top: 2px;
}

.map-far div {
    padding-left: 15px;
    font-size: 13px;
    color: #333333;
}

.expired-text {
    color: #1a1a1a;
    font-size: 12px;
    text-decoration: none;
    float: left;
    font-weight: 900;
    line-height: 26px;
}

.white_bg_promo_codes {
    background-color: #ffffff;
}

.grey_bg_promo_codes {
    background-color: #eaeaeaea;
}

.expired-text:hover {
    text-decoration: none;
    color: #666666;
}

.slide-down {
    animation: slideDown 0.4s ease-out;
    border: 2px solid #eaeaea;
    border-radius: 5px;
    /* height: 190px; */
}

@media (max-width: 768px) {
    .reduction_img {
        width: 160px;
        height: auto;
    }

    .description_div {
        font-size: 14px;
    }

    .offer-text {
        font-size: 12px;
    }

    .slide-down {
        /* height: 333px; */
    }
}

@media (max-width: 568px) {
    .slide-down {
        /* height: 450px; */
    }
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-70px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.reduction-list .grey_bg,
.boutique_list .grey_bg {
    padding-bottom: 10px;
    margin-bottom: 2px !important;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.boutique_list .grey_bg:nth-child(even) {
    background: #f3f3f3;
}

.boutique_list .grey_bg:nth-child(odd) {
    background: #fff;
}

.reduction-list .grey_bg:nth-child(4n + 1) {
    background: #fff;
}

.reduction-list .grey_bg td {
    background: #f3f3f3;
}

.reduction-description {
    color: #000;
    font-size: 17px;
    line-height: 24px;
    margin: 0 0 2px;
}

.mob-code-bloc {
    display: none;
}

.expired {
    font-size: 30px;
    padding-right: 10px;
    vertical-align: middle;
    float: left;
    position: absolute;
    left: 10px;
    background: url(../images/future.png) no-repeat left;
    height: 25px;
    width: 25px;
    background-size: contain;
}

.offer-text {
    color: #1a1a1a;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 10px;
    display: block;
}

.reduction-list .grey_bg {
    padding: 10px 5px;
    align-items: center;
    min-height: 117px;
}

.boutique_list .grey_bg {
    align-items: center;
    padding: 10px 5px;
}

.boutique_list .grey_bg div {
    vertical-align: middle;
}

.reduction-description p {
    margin-bottom: 0;
}

.clock-des {
    position: relative;
}

.offer-text .orange-text {
    color: #ffa84c;
    font-size: 14px;
}

.offer-text:hover {
    text-decoration: none;
    color: #333;
}

.boutique_address {
    font-weight: bold;
    font-size: 13px;
    color: #666666;
    margin-bottom: 0;
}

.boutique-img-outer {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.boutique_img {
    width: 100%;
    height: auto;
}

.photo_row {
    display: inline-block;
    position: relative;
    border: 1px solid #ccc;
    padding: 5px;
    margin-right: 15px;
    margin-bottom: 35px;
    text-align: center;
    font-size: 12px;
    line-height: 13px;
}

.home-product .mob-view {
    display: none;
}

.photo_row button {
    position: absolute;
    right: -17px;
    top: -22px;
    background: #fff;
    border-radius: 50px;
    border: 1px solid #ccc;
    color: #ccc;
    padding: 4px 10px;
    font-size: 13px;
}

.product-main.home-product {
    box-shadow: none;
    border: 2px solid #1a1a1a;
    border-radius: 0px;
    min-height: 317px;
}

.product-main {
    transition: all 0.3s ease;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 1px 6px 0;
    vertical-align: top;
    margin-top: 5px;
    min-height: 415px;
    margin-bottom: 15px;
    height: 100%;
}

.products-container {
    gap: 50px;
    transition: opacity 0.5s ease-in-out;
    background-color: #fff;
    border-radius: 10px;
    width: 100%;
}

.fade-in {
    animation: fadeIn 0.3s ease-in-out forwards;
}

.fade-out {
    animation: fadeOut 0.3s ease-in-out forwards;
}

.reverse-fade-in {
    animation: reverseFadeIn 0.3s ease-in-out forwards;
}

.reverse-fade-out {
    animation: reverseFadeOut 0.3s ease-in-out forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateX(100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(-100%);
    }
}

@keyframes reverseFadeIn {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes reverseFadeOut {
    from {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(100%);
    }
}

.products-container {
    overflow: hidden;
}

.topProductsTitle {
    font-size: 22px;
    font-weight: bold;
    color: #1a1a1a;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cardTopProducts {
    box-shadow: 1px 1px 3px 0;
    width: 190px;
    text-align: center;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.cardTopProducts:hover {
    transform: scale(1.02);
}

.cardHover {
    position: relative;
    width: 100%;
    height: 100%;
}

.cardHover:hover {
    cursor: pointer;
}

.cardTopProducts:hover {
    transition: 0.3s;
    box-shadow: 3px 1px 6px -1px #1a1a1a;
}

.partner-carousel-container {
    overflow: hidden;
    width: 100%;
    height: 100px; /* Ajustez selon vos besoins */
    position: relative;
}

.partner-carousel-track {
    display: flex;
    animation: scroll 20s linear infinite; /* Animation fluide */
}

.partner-item {
    flex: 0 0 auto;
    width: 120px; /* Taille des logos */
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.partner-logo {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* Animation */
@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

.topProductInformations {
    background-color: #1a1a1a;
    width: 100%;
    height: 20%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.single-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.topProductText {
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    margin: 0;
}

.overlayText {
    position: relative;
    z-index: 2;
    background: #1a1a1a;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    box-shadow: 0 -1px 0px 5px #1a1a1a;
}

@media (max-width: 1080px) {
    .products-container {
        gap: 0px;
        width: 100%;
    }
}

@media (max-width: 562px) {
    .products-container {
        gap: 0px;
    }

    .cardTopProducts {
        width: 45%;
    }

    .topProductText {
        font-size: 11px;
    }

    .topProductsTitle {
        margin-top: 20px;
        margin-bottom: 5px;
        font-size: 20px;
        display: flex;
        justify-content: center;
    }
    .topProductInformations {
        height: 30%;
    }
}

.cardTopProducts:hover .overlayText {
    opacity: 1;
}

@media (min-width: 700px) {
    .descriptionCategory {
        margin-bottom: 20px;
    }
}

.arrow-left,
.arrow-right {
    cursor: pointer;
    padding: 10px;
}

.arrow-left {
    margin-right: 10px;
}

.arrow-right {
    margin-left: 10px;
}

.arrow-left i,
.arrow-right i {
    color: #000;
}

.html-content::-webkit-scrollbar {
    width: 12px;
}

.html-content::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.html-content::-webkit-scrollbar-thumb {
    background: #1a1a1a;
}

.html-content::-webkit-scrollbar-thumb:hover {
    background: #1a1a1a;
}

.product-main .photo-produit a {
    border: 0;
    display: block;
    margin: auto;
    height: 200px;
    width: 100%;
}

.product-main .photo-produit a img {
    max-width: 100%;
    max-height: 100%;
}

.product-main:hover {
    box-shadow: 3px 1px 5px 0px #1a1a1a;
}

.product-main:hover .overlayText {
    opacity: 1;
}

.product-main a.price {
    width: 100%;
    clear: both;
    display: block;
    text-align: center;
    margin-top: 10px;
}

.product-main .price_detail .qnty {
    color: #666666;
    font-size: 13px;
    font-style: italic;
    padding: 5px 0;
}

.product-main .price_detail {
    text-align: center;
    padding-top: 10px;
    margin: auto;
}

.product-main .normal-view .price_detail a.go_btn {
    float: none;
    border-radius: 25px;
    padding: 5px 15px;
}

.product-main .description_product span.small-gris {
    padding: 5px 0 0;
    text-align: center;
}

.product-main .photo-produit {
    max-height: 215px;
    position: relative;
    text-align: center;
}

.product-main .description_product h5.card-title {
    min-height: 55px;
    text-align: center;
}

.boutique_title {
    color: #222222;
    font-size: 18px;
    margin-bottom: 20px;
}

.boutique-search {
    text-align: center;
}

.boutique-search .list {
    font-size: 13px;

    background: transparent !important;
}

.boutique-search .list span {
    border-bottom: 1px solid #eee;
    display: block;
    padding: 5px;
    color: #333;
    font-weight: 700;
}

.boutique-search .list span:hover {
    background: lightgrey;
}

.boutique-search .list:last-child {
    border-bottom: 0;
}

.boutique-search .top-pos div {
    top: 0 !important;
}

.map-des {
    word-break: break-word;
    font-size: 13px;
    color: #333;
}

.viewsContainer {
    background-color: #feeb17;
border-radius: 5px;
font-weight: bold;
}

.categories-container {
    background-color: #f5f5f5;
    border-radius: 5px;
    padding: 10px;
top: 80px;
position: sticky;
}

/* Titre du menu */
.categories-title {
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}

/* Blocs de catégories */
.category-item {
    background-color: #ffffff;
    padding: 10px;
    margin-bottom: 8px;
    border-radius: 3px;
    text-align: center;
    font-weight: 500;
}

.category-item:hover {
    cursor: pointer;
}

.sommaire-container {
position: sticky;
top: 80px;
    background-color: #f5f5f5;
    border-radius: 5px;
    padding: 10px;
}

.sommaire-title {
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 1.25rem;
}

.table-of-contents {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.toc-item {
    margin-bottom: 8px;
}

.maxBlogTitleSize {
font-size: 20px;
}

.toc-item.h1 {
    background-color: #fff;
    font-weight: bold;
    border-radius: 3px;
    padding: 8px;
    margin-bottom: 10px;
    font-size: 20px;
}

.toc-item.h2 {
    background-color: #fff;
    font-weight: bold;
    border-radius: 3px;
    padding: 8px;
    margin-bottom: 10px;
font-size: 20px;
}

.toc-item.h3 {
    margin-left: 20px;
font-size: 17px;
    color: #444;
    font-weight: normal;
    margin-bottom: 4px;
}

.table-of-contents a {
    text-decoration: none;
    color: inherit;
}

.table-of-contents a:hover {
    text-decoration: underline;
}

.table-of-contents ul,
.table-of-contents ol {
    margin: 4px 0 4px 20px;
    padding: 0;
    list-style-type: disc;
}

.table-of-contents ul li,
.table-of-contents ol li {
    margin-bottom: 4px;
}

.table-of-contents li em {
    font-style: italic;
    color: #666;
}

.table-of-contents li strong {
    font-weight: bold;
    color: #000;
}

.blog-banner-img {
    width: 100%;
    margin: auto;
    height: auto;
    display: block;
}

.blog-inner-title,
.blog-inner-title:hover {
    color: #333;
    text-decoration: none;
}

.blog-detail {
    padding: 20px;
}

.blog-detail .break {
    display: block;
}

.blog-detail .break a {
    color: #8b8b8b;
    font-size: 15px;
    text-decoration: none;
}

.blog-main-img {
    display: table;
    width: 300px;
    height: 250px;
    padding: 10px;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}

.info_blog-description h2 {
    text-align: center;
}

.blog-info-img {
    width: 100%;
    height: auto;
}

.date_blog-cat,
.categorie_blog {
    display: block;
    font-size: 13px;
    margin-top: 5px;
    color: #666666;
}

.categorie_blog {
    color: #ed7c00;
}

.action-blink {
    color: #1a1a1a;
    font-size: 12px;
    padding: 10px;
    margin-right: 10px;
    text-decoration: none;
    border: 1px solid #1a1a1a;
    width: 25%;
    border-radius: 5px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.notification-container {
    position: relative;
    display: inline-block;
}

.notification-bell {
    position: relative;
    z-index: 2;
}

.truncate-container {
    position: relative;
    display: block;
    max-height: 13.5em;
    overflow: hidden;
}

.truncate-container:not(.expanded)::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1.5em;
    background: linear-gradient(to bottom, transparent, white);
    pointer-events: none;
}

.truncate-container.expanded {
    max-height: none;
    overflow: visible;
}
.tooltip-text {
    visibility: hidden;
    width: 220px;
    background-color: #feeb17;
    color: #1a1a1a;
    text-align: center;
    border-radius: 10px;
    padding: 5px;
    position: absolute;
    z-index: 10;
    left: 100%;
    margin-left: -110px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 14px;
    border: 1px solid #1a1a1a;
}

.notification-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.imageContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
}

.action-blink:hover {
    color: #1a1a1a;
}

.blog-con-img {
    width: 100%;
    height: 150px;
    display: table;
}

.blog-con-imgi {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.categorie_blog {
    display: inline-block;
    text-decoration: none;
}

.categorie_blog:hover {
    text-decoration: none;
    color: #ed7c00;
}

.block_bat {
    align-self: flex-end;
    text-align: right;
    padding: 0 !important;
}

.blog-title {
    font-weight: 500;
    font-size: 20px;
    color: #324160;
    line-height: 40px;
    margin-bottom: 20px;
    border-bottom: 1px solid #1A1A1A;
}

.messagerieContainer {
    border: 2px solid #1a1a1a;
    border-radius: 10px;
    padding: 0px;
}

.messagerieHeader {
    display: flex;
    flex-direction: row;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-bottom: 2px #1a1a1a solid;
}

.image-messagerie {
    width: 100px;
    border-radius: 8px;
    object-fit: cover;
    @media (max-width: 768px) {
        .image-messagerie {
            width: 75px;
        }
    }

    @media (max-width: 576px) {
        .image-messagerie {
            width: 50px;
        }
    }
}

.discussionList {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    /* max-height: 550px; */
    border-right: 2px solid #1a1a1a;
    padding: 0px;
}

.discussionList::-webkit-scrollbar {
    width: 3px;
}

.discussionList::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
}

.discussionList::-webkit-scrollbar-thumb {
    background-color: #1a1a1a;
}

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

.messageList::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
}

.messageList::-webkit-scrollbar-thumb {
    background-color: #1a1a1a;
}

.messageList {
    height: 500px;
    display: flex;
    flex-direction: column;
    overflow: scroll;
    overflow-x: hidden;
}

.message-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.messageItem {
    display: flex;
    align-items: center;
    border-bottom: 2px solid #1a1a1a;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.messageItem:hover {
    background-color: #f5f5f5;
}

.newMessageInput {
    border: none;
}

.profile-picture {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #444;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    font-size: 16px;
    margin-right: 10px;
}

.initials {
    font-size: 16px;
}

.message-content {
    flex: 1;
}

.message-sender {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}

.message-text {
    font-size: 12px;
    color: #666;
    margin: 5px 0;
}

.message-date {
    font-size: 10px;
    color: #aaa;
    text-align: right;
}

.image-messagerie {
    width: 100px;
    height: 100px;
    border-radius: 8px;
    object-fit: cover;
}

.blog_listing > li {
    border-radius: 5px;
    border-top-left-radius: 0px;
    overflow: hidden;
    list-style: none;
border: 0.5px solid #1A1A1A;
box-shadow: 0 0 3px 0;
margin-bottom: 10px;
}

.blog_listing > li:hover {
transition: 0.3s;
    box-shadow: 0 1px 6px 0;
}

.blog-cont-img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: contain;
}

.product-main .description_product {
    min-height: 195px;
}

.home-page .product-main .description_product {
    min-height: 130px;
}

.rsbutton {
    position: relative;
    margin-bottom: 20px;
}

.rsbutton .search-icon {
    position: absolute;
    right: 15px;
    top: 1px;
    color: #1A1A1A;
    font-size: 16px;
}

.rsbutton button {
    background: transparent;
    border: 0;
}

.blog-list {
    clear: both;
}

.uploaded_images .image-preview.blog-image img {
    height: 100px;
}

.dimention-img {
    width: 100%;
    height: 200px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    display: table;
    z-index: 9999;
    position: relative;
    background: #fff;
}

.dimention-img .blog-title {
    text-align: center;
    border-bottom: 0;
}

.dimention-img-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);

    z-index: 9995;
}

.info_blog {
    font-size: 15px;
    color: #8b8b8b;
    line-height: 1.6;
}

.product-main.home-product .description_product h5.card-title {
    text-align: center;
    padding: 5px 0 !important;
    font-size: 13px;
    min-height: 54px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 22px;
}

.product-main.home-product a.price {
    text-align: left;
    display: inline-block;
    width: auto;
    color: #fff;
    margin-top: 0;
    font-size: 25px;
}

#alert_form .row {
    width: 100%;
    margin: 0;
}

.alert-content {
    padding: 0 10px;
}

#alert_success_modal .fa-envelope {
    display: block;
    text-align: center;
    font-size: 30px;
    color: #1a1a1a;
    padding-top: 20px;
}

#alert_success_modal.modal-dialog {
    max-width: 640px;
}

#alert_success_modal .description_header {
    padding-top: 0;
    font-size: 20px;
    padding-right: 0;
}

.alert-content-bg .photo-produit,
.alert-prix-cont,
.alert-content-bg-inner {
    background: rgb(242, 242, 242);
    padding: 10px;
    border-radius: 5px;
    min-height: 70px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.alert-prix-cont-outer {
    padding: 0 !important;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#alert_success_modal .close {
    font-size: 30px;
}

#alert_success_modal .alert-prix {
    font-size: 15px;
    text-align: center;
}

#alert_success_modal .alert-prix.prix-main {
    font-size: 24px;
    text-align: center;
    line-height: 26px;
    margin-top: 15px;
}

.alert-content {
    align-items: center;
}

.alert-prix-cont p {
    font-size: 18px;
    text-align: center;
    margin-bottom: 0;
}

.product-main.home-product .description_product {
    min-height: 80px;
}

#app .react-multiple-carousel__arrow--left::before {
    content: "\f053";
    font: normal normal normal 14px/1 FontAwesome;
}

#app .react-multiple-carousel__arrow--right::before {
    content: "\f054";
    font: normal normal normal 14px/1 FontAwesome;
}

.new-button button {
    display: block;
    text-align: center;
}

.pro_offre {
    float: right;
    color: #b0b0b0;
}

.pro_offre:hover {
    color: #ed7c00;
}

.product-main.home-product .price_detail {
    width: 100%;
    text-align: center;
    background-color: #1a1a1a;
}

.product-main.home-product .description_product span.small-gris {
    text-align: left;
    margin: 0 !important;
    text-transform: uppercase;
    /* min-height:42px; */
}

.container-logo-partner .react-multi-carousel-item {
    height: 170px;
    /*height: 100%;*/
    display: table;
    padding-left: 30px;
    padding-right: 30px;
}

.container-logo-partner .react-multiple-carousel__arrow--left {
    left: 0;
    bottom: 10%;
    min-width: 35px;
    min-height: 35px;
}

.container-logo-partner .react-multiple-carousel__arrow--right {
    right: 0;
    bottom: 10%;
    min-width: 35px;
    min-height: 35px;
}

.site_link,
.site_link a .prod_title {
    color: #b0b0b0;
}

.nav-list {
    position: relative;
}

.nav-list.fi {
    margin-right: 10px;
}

.code-espace .nav-list.fi {
    padding-right: 10px;
    margin-right: 0;
}
/*.detail_part{
margin-top:15px;
}*/
.nav-item .sub-menu {
    position: absolute;
    display: none;
    z-index: 9999;
    left: -5px;
    background: #475b7e;
    border-radius: 5px;
    border-top: 0;
    padding-left: 0;
    padding: 0;
    width: 230px;
    top: 32px;
}

.code-espace .nav-list.new-nav-list a.active {
    background: transparent;
    color: #ff7b0d;
}

.nav-item .sub-menu li a {
    color: #fff;
    margin: 0;
    width: 100%;
}

.nav-item .sub-menu li a:hover {
    background: #ff7b0d;
    color: #fff;
    border-radius: 0;
}

.nav-item .sub-menu li a:before {
    display: none;
}

.nav-list a {
    position: relative;
}

.nav-list a.codes:after,
.nav-list a.espace:after {
    position: absolute;
    content: "\f078";
    font: normal normal normal 12px/1 FontAwesome;
    right: -12px;
    top: 10px;
}

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

/* La bulle */
.bubble {
    position: absolute;
    top: 49.7%;
    transform: translateY(-50%);
    height: 40px;
    background-color: #fff;
    border-radius: 10px;
    transition: left 0.5s ease, width 0.5s ease;
    z-index: -1;
    pointer-events: none;
}

/* Catégories */
.categories {
    position: relative;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    padding: 10px 20px;
    background-color: #1a1a1a;
    color: #fff;
    border-radius: 10px;
    text-decoration: none;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    overflow: hidden;
}

.categories:hover {
    color: #1a1a1a;
    background-color: #fff;
}

.active-category {
    background-color: #fff !important;
    color: #1a1a1a !important;
    border-radius: 10px;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    color: #1a1a1a;
}

@media (max-width: 1080px) {
    .categories {
        font-size: 16px;
    }
}

@media (max-width: 870px) {
    .categories {
        font-size: 18px;
    }
}

.last_categories {
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    background-color: #1a1a1a;
    text-align: center;
    box-sizing: border-box;
    transition: all 0.3s ease;
    border-radius: 10px;
}

.codePromoButton {
    background-color: #fff;
    color: #1a1a1a;
}

.codePromoButton:hover {
    background-color: #feeb17;
    color: #1a1a1a;
    transition: 0.5s;
}

.annonceButton {
    background-color: #feeb17;
    color: #1a1a1a;
}

.annonceButton:hover {
    background-color: #fff;
    color: #1a1a1a;
    transition: 0.5s;
}

.react-multi-carousel-item {
    position: relative;
}

.react-multi-carousel-item .imageloader svg {
    position: absolute;
    top: 25%;
    right: 50%;
}

.pro-sub.import_product.product_stat .list {
    display: inline-block;
    max-width: 100%;
    height: 100%;
}

.pro-sub.import_product.product_stat .list .url_text {
    display: inline-block;
    color: black;
    border: 0;
}

.pro-sub.import_product.product_stat .list:first-child {
    margin-right: 15px;
}

.detail_part .row > .import_product:last-child .list {
    margin-right: 0;
}

.pro-sub.import_product.product_stat .list:first-child .list-block {
    padding-bottom: 0;
}

.pro-sub.import_product.product_stat .list:nth-child(2) .list-block {
    padding: 94px 20px;
}

.merchant-row {
    padding: 10px 15px;
    background-color: #f8f8f8;
    margin: 0;
}

.merchand-table .pro_price.go_btn i {
    margin-left: 25px;
}

.table-offer {
    color: #000;
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
}

.addCommentButton {
    background-color: #1a1a1a;
    font-size: 13px;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
}

.addCommentButton:hover {
    color: #fff;
}

.closeModalCommentButton {
    background-color: #1a1a1a;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #1a1a1a;
}

.addCommentModalButton {
    background-color: #feeb17;
    color: #1a1a1a;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #feeb17;
}

.addCommentModalButton:active {
    color: #1a1a1a;
    background-color: #feeb17;
}

.addCommentModalButton:hover {
    color: #1a1a1a;
    background-color: #feeb17;
}

.closeModalCommentButton:hover {
    color: #fff;
    background-color: #1a1a1a;
}

.closeModalCommentButton:active {
    color: #fff;
    background-color: #1a1a1a;
}

.tri-par {
    color: #000;
    font-size: 18px;
}

.table-trier {
    font-size: 18px;
}

.seeOfferButton {
    background-color: #feeb17;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #feeb17;
    font-size: 20px;
    text-align: center;
    display: inline-block;
}

.offerShopImageContainer {
    width: 15%;
}

.commentContainer {
    width: 70%;
    border-right: 2px solid #1a1a1a;
}

.votesContainer {
    width: 30%;
    padding: 13px;
}

.react-multi-carousel-item {
}

@media (max-width: 768px) {
    .seeOfferButton {
        font-size: 16px;
        padding: 8px;
    }
    .titleProductOffer {
        font-size: 14px;
    }
    .offerShopImageContainer {
        width: 25%;
    }

    .text-mobile-24 {
        font-size: 24px !important;
    }
    .commentContainer {
        width: 50%;
    }
    .votesContainer {
        width: 50%;
    }
}

@media (max-width: 576px) {
    .seeOfferButton {
        font-size: 14px;
        padding: 6px;
        border-radius: 5px;
    }

    .titleProductOffer {
        font-size: 11px;
    }

    .offerShopImageContainer {
        width: 25%;
    }
}

.tri-par-select .filer-select select {
    border: 0;
    outline: none;
    box-shadow: none;
    color: #1a1a1a;
    font-size: 18px;
}

.categorie_page table.merchand-table.dataTable tbody > tr:nth-child(odd) > td {
    background: #fff;
    border-top: 0;
}

.categorie_page table.merchand-table.dataTable tbody > tr td {
    border-bottom: 1px solid #dddddde0;
}

i.fa-chevron-circle-right:before {
    content: "\f054" !important;
}

.tri-par-select {
    background: #fff;
    display: inline-block;
    margin-bottom: 0;
    padding: 3px 20px;
    border-radius: 25px;
}

.code-redu .tri-par-select {
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.code-espace.justify-content-center {
    align-items: center;
}

.code-redu .filer-select select {
    background: #fff;
    margin-bottom: 0;
    padding: 3px 20px;
    border-radius: 5px;
}

.code-espace .nav-list.new-nav-list .sub-menu a.active {
    background: #ff7b0d;
    color: #fff;
}

.code-espace .nav-item a.codes:hover {
    /* color: #ff7b0d; */
    background: transparent;
}

.nav-list:hover {
    background: transparent;
}

.nav-list:hover .sub-menu {
    display: block;
}

.price_detail .d-block {
    min-height: 20px;
}

.search_part form.mob-bloc {
    display: none;
}

.merchand-tab-description .title {
    color: #475b7e;
    background: #f8f8f8;
    padding: 5px 10px;
    font-size: 23px;
    position: relative;
}

.merchand-tab-description .title .long-desc-arrow:before {
    position: absolute;
    content: "\f078";
    font: normal normal normal 17px/1 FontAwesome;
    left: 5px;
    top: 3px;
    display: inline-block;
}

.merchand-tab-description .title .long-desc-arrow.active:before {
    transform: rotate(180deg);
}

.merchand-tab-description .title .long-desc-arrow {
    position: relative;
}

.merchand-tab-description p {
    font-size: 14px;
    line-height: 36px;
}

.nav-list:hover .sub-menu .sub-menu-arrow {
    display: none;
}

.description_product p.card-text {
    color: #333;
    margin-top: 10px;
    font-size: 13px;
}

.product-desc {
    font-size: 17px;
    line-height: 30px;
}

.text-btn,
.text-btn:hover {
    color: #ff7b0d;
    font-weight: bold;
    font-size: 15px;
}

.merchand-table thead th {
    display: none;
}

.merchand-table .pro_price.go_btn,
.reduction-btn a {
    background: #f8f8f8;
    color: #ff7b0d !important;
    text-shadow: none;
    border-radius: 25px;
    text-transform: initial;
}

.reduction-btn a:hover {
    color: #fff !important;
}

.reduction-btn a i {
    font-size: 11px;
    padding-left: 15px;
}

.title-hide {
    display: none;
}

.stock.sprite {
    color: #2ab200;
}

.merchand-table .prod-detail td:nth-child(1) {
    width: 10%;
}

.merchand-table .prod-detail td:nth-child(2) span {
    font-weight: bold;
}

.merchand-table .prod-detail td:nth-child(2) {
    width: 20%;
    font-size: 18px;
    color: #000;
    text-align: left;
}

.merchand-table .prod-detail td:nth-child(3) {
    width: 13%;
    font-size: 18px;
    font-weight: bold;
}

.merchand-table .prod-detail td:nth-child(3) a {
    color: #ff7b0d;
}

.merchand-table .prod-detail td:nth-child(4) {
    width: 12%;
    font-size: 15px;
}

.out-of-stock {
    color: #e91616;
}

.in-stock {
    color: #2ab200;
}

.merchand-table .prod-detail td {
    padding: 5px !important;
    text-transform: initial;
}

.merchand-table .prod-detail td:nth-child(5) {
    width: 10%;
}

.merchand-table .prod-detail td:nth-child(6) {
    width: 20%;
    text-align: left;
    font-size: 13px;
    color: #80807e;
}

.boutique-name {
    display: block;
    color: #b0b0b0;
    font-size: 13px;
}

.merchand-table .prod-detail td:nth-child(7) {
    width: 15%;
}

.new-nav-list .sub-menu-arrow {
    display: none;
}

.description.showmore.viewmore {
    padding-left: 5px;
    white-space: nowrap;
}

.home-product .product_detail a {
    vertical-align: top;
}

.home-product .pro-offer {
    padding-bottom: 5px;
}

.merchand-table .pro_price.go_btn i:before {
    content: "\f054";
}

.home-page .product_detail {
    /* border-bottom:1px solid #c7C7c7; */
    border-bottom: 0px;
}

.alert-card {
    border: 1px solid #feeb17;
    background-color: #feeb17;
    padding: 7px 20px;
    cursor: pointer;
}

.alert-card:hover {
    background: #1a1a1a;
    border: 1px solid #1a1a1a;
    color: #fff;
}

.alert-card i {
    padding-right: 5px;
}

#alert_modal,
#alert_success_modal {
    height: 100%;
    display: table;
}

#alert_modal .modal-content,
#alert_success_modal .modal-content {
    display: table-cell;
    vertical-align: middle;
    background: transparent;
    border: 0;
}

#alert_modal .modal-body,
#alert_success_modal .modal-body {
    background: #fff;
    padding-bottom: 0;
    padding: 0;
}

#alert_modal .description_header,
#alert_success_modal .description_header {
    padding-top: 0;
    padding-left: 0;
    border-bottom: 1px solid #ddd;
    font-size: 22px;
    padding: 20px;
    background: #fff;
}

#alert_modal button span {
    font-size: 30px;
}

.alert-input {
    position: relative;
    margin-bottom: 0;
}

.alert-input i {
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 20px;
    color: #1a1a1a;
}

#target_price {
    padding-right: 30px;
    height: 35px;
}

.alert-prix {
    margin: 20px 0 0;
    font-size: 17px;
}

.alert-note {
    color: rgb(135, 135, 135);
    font-size: 12px;
    margin-bottom: 10px;
}

.actuel {
    font-style: normal;
    color: #333;
    font-size: 12px;
    font-weight: normal;
}

.card-actuel {
    color: #1a1a1a;
    font-size: 17px;
    font-weight: bold;
    margin-top: 5px;
    display: block;
    text-align: center;
}

.imgProductContainer {
    display: flex;
    width: 230px;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    padding: 5px;
    border-radius: 10px;
    box-shadow: 1px 1px 3px 0px #1a1a1a;
}

.photo-produit img {
    /* width: auto; */
}

.myproduct-list .photo-produit img {
    width: 100%;
    height: auto;
}

.prix-bg {
    margin-top: 15px;
    background: #eaeaea;
    padding: 30px 20px;
}

.prix-bg .alert-prix {
    margin: 0;
}

.prix-bg button,
.new-button button,
.new-button a.btn.submit {
    display: block;
    background: #1a1a1a;
    text-align: center;
    color: #fff;
    margin-top: 15px;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #1a1a1a;
    text-decoration: none;
}

.prix-bg button:hover,
.new-button button:hover {
    color: #1a1a1a;
    background: transparent;
}

.new-button a.btn.submit {
    background: #fff;
    border: 1px solid rgb(6, 113, 207);
    color: rgb(6, 113, 207);
}

.new-button a.btn.submit:hover {
    background: rgb(6, 113, 207);
    color: #fff;
}

.alert-page .block_bas h3 {
    border-bottom: 0;
    padding-bottom: 0;
}

.alert-page .block_bas h5 {
    font-size: 15px;
    margin-bottom: 0;
}

.alert-page .blog-con-img {
    border: 0;
}

.alert-page .date_blog-cat {
    margin-top: 0;
    margin-bottom: 5px;
}

.alert-page .price {
    margin-bottom: 0;
}

.alert-page .go_btn {
    background: rgb(6, 113, 207);
    max-width: initial;
    font-size: 14px;
    border: 1px solid rgb(6, 113, 207);
}

.alert-page .go_btn:hover {
    background: transparent;
    color: rgb(6, 113, 207) !important;
    text-shadow: none;
}

.block_bas-inner {
    margin-bottom: 30px;
}

.alert-page .action-blink i {
    padding-right: 5px;
}

.alert-page .block_cont {
    position: relative;
}

.alert-page .delete-icon {
    margin-left: 100px;
}

.alert-page .block_cont .fa-bell {
    position: absolute;
    top: 10px;
    top: 10px;
    right: -95%;
    font-size: 18px;
    color: rgb(6, 113, 207);
}

.alert-page .action-blink {
    text-decoration: none;
    color: rgb(6, 113, 207);
}

.mob-cont {
    display: none;
}

.alert-page .blog-title {
    border-bottom: 0;
    font-size: 18px;
    margin-top: 0;
    display: inline-block;
    margin-bottom: 15px;
    line-height: 100%;
}

.alert-page .blog-title span {
    font-size: 14px;
}

.alert-page .filer-select {
    float: right;
    margin-bottom: 15px;
}

.alert-page .menu-main {
    padding-top: 0;
}

.row-alert-bg {
    background: rgb(242, 242, 242);
    padding-bottom: 15px;
    margin-top: 20px;
}

.top-select {
    display: inline-block;
    margin-left: 30px;
}

.top-select-cont {
    display: inline-block;
    margin-right: 10px;
}

.top-select-cont input {
    vertical-align: middle;
}

.top-select-cont label {
    margin-left: 5px;
    font-weight: bold;
    vertical-align: middle;
    margin-bottom: 0;
    font-size: 14px;
}

.product-discount {
    background: #ed7c00;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    padding: 7px 25px 7px 5px;
    display: inline-block;
    position: absolute;
    top: 20px;
    z-index: 20;
    left: 0;
    clip-path: polygon(0% 100%, 100% 100%, 0% -351%);
}

.view-more-discount {
    color: #000;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    padding-right: 20px;
}

.view-more-discount:hover {
    color: #000;
}

.view-more-discount:before {
    content: "\f054";
    font: normal normal normal 13px/1 FontAwesome;
    position: absolute;
    right: 0;
    top: 13px;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
}

.html-content h1,
.html-content h2,
.html-content h3,
.html-content h4,
.html-content h5,
.html-content h6 {
    font-size: 28px;
}

.html-content p,
.html-content div {
    font-size: 15px;
}

.logo-upload-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #fff;
    border: 2px solid #ccc;
    border-radius: 10px;
    text-align: center;
    width: 150px;
    height: 150px;
    position: relative;
    font-weight: bold;
    overflow: hidden;
}

.logo-upload-container .btn-upload {
    background: none;
    border: none;
    color: #000;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.logo-upload-container .logo-text {
    font-size: 16px;
    color: #1a1a1a;
}

.logo-upload-container .plus-sign {
    font-size: 60px;
    color: #1a1a1a;
    font-weight: bold;
    margin: 10px 0;
}

.logo-upload-container .file-label {
    margin-top: 10px;
    font-size: 14px;
    color: #1a1a1a;
}

.logo-upload-container input[type="file"] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.logo-upload-container img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.logo-upload-container .file-label {
    margin-top: 10px;
    font-size: 14px;
}

.upload-btn-wrapper input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}

.detail_part .main-banner-img {
    display: none;
}

.detail_part .round_logo-ph {
    left: 0;
    top: -15px;
}

.detail_part .list {
    margin-top: 10px;
}

.content-vert-center {
    display: table;
}

.vert-center {
    display: table-cell;
    vertical-align: middle;
    height: 282px;
}

.searching_prod .form-outline {
    width: 100%;
    max-width: 240px;
}

.searching_prod button {
    margin-left: -2px;
}

.description_product .popup_image {
    position: relative;
}

.description_product .fa-question-circle {
    position: absolute;
    top: 9px;
    right: -15px;
    color: #bbbbbb;
    font-size: 14px;
}

.merchant-pro .sub-cat,
.merchant-pro .sub-marq {
    padding-left: 257px;
    text-transform: capitalize;
    display: inline-block;
}

.merchant-pro .sub-cat.sub-marq-apply {
    padding-left: 85px;
}

.merchant-pro .sub-cat-col,
.merchant-pro .sub-marq-col {
    font-style: normal;
    float: right;
}

.sub-cat {
    display: inline-block;
    margin-bottom: 10px;
}

.merchant-pro .sub-marq {
    padding-left: 30px;
}

.merchant-pro .filter-left .small-text {
    display: inline-block;
    width: 137px;
}

.merchant-pro .sub-cat .filer-select select,
.merchant-pro .sub-marq .filer-select select {
    width: 208px;
    margin-left: 6px;
}

.detail_part .filter-left {
    display: inline-block;
}

.all-boutique-details .sub-cat {
    padding-left: 522px;
}

.all-boutique-details .sub-cat.sub-marq-apply {
    padding-left: 350px;
}

.sub-marq-apply.sub-cat .filter-left .small-text {
    width: auto;
}

.sub-marq .filter-left .small-text {
    width: auto;
}

/*eredia(max-width:1440px){
.position_img img{
/* position:inherit; */

.nouv_produit {
    box-shadow: 0 0px 16px rgb(0 0 0 / 30%);
    color: #fff !important;
    background: linear-gradient(90deg, #ff9e1f, #ff7c00);
    text-decoration: none !important;
    border-radius: 25px !important;
    border-color: #ff7b0d !important;
    min-width: 270px;
}

.singlepartner_parent {
    width: 365px;
    height: 150px;
}

.singlepartner {
    width: 100%;
    height: 100%;
}

.hr_class {
    width: 40%;
    background-color: #ff9e1f;
    border: solid 2px #ff9e1f;
    opacity: 1 !important;
}

.nouv_produit:not(:disabled):not(.disabled):active,
.nouv_produit:active {
    background: linear-gradient(90deg, #ff9e1f, #ff7c00);
}

#partnerBanner_image_photo {
    width: 365px;
    height: 150px;
}

.product-main.home-product {
    height: 70px;
}

.bg_custom_parent_partner {
    width: 365px;
}

.bg_custom_parent_partner {
    border-radius: 15px;
    background-color: #f5f5f5;
    padding-bottom: 18px;
}

.btn_action {
    padding: 5px;
    font-size: 15px;
    cursor: pointer;
}

.react-multi-carousel-list {
    z-index: 1;
}

@media (max-width: 1090px) {
    .custom-col {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}

@media (max-width: 562px) {
    .custom-col {
        flex: 0 0 50%;
        /* Correspond à col-12 */
        max-width: 50%;
        /* Correspond à col-12 */
    }
}

@media (max-width: 1280px) {
    .ann_page_annonce .liste_annonces .ann_normal-view .col-md-5 {
        height: 160px;
    }

    .ann_page_annonce .liste_annonces .ann_normal-view .col-md-6 {
        width: 100%;
        text-align: left;
    }

    .text_titre_annonce {
        clear: both;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
    }

    .ann_page_annonce .liste_annonces .ann_normal-view .photo-produit {
        max-height: 160px;
        height: 150px;
        width: 150px;
        margin: auto;
    }

    .container_code_reduc {
        max-width: 82% !important;
    }

    .bg_second_color {
        width: 250px;
    }

    .bg_custom_parent_partner,
    .scroll_active,
    .singlepartner_parent,
    .singlepartner-outer,
    .shop_view_block {
        max-width: 250px;
    }

    .singlepartner_parent {
        height: 100px;
    }

    .descp_cmp_text {
        font-size: 12px !important;
        line-height: 12px !important;
    }

    .product-main.home-product .description_product h5.card-title {
        max-height: 100px;
        height: 70px;
        line-height: 19px;
    }

    .home-page .description_product {
        height: 110px;
    }

    .product-main .photo-produit a {
        height: 160px;
    }

    .product-main.home-product {
        min-height: 300px;
        height: 50px;
    }
}

@media (max-width: 1200px) {
    .pro-sub.import_product.product_stat .list {
        max-width: 475px;
    }

    .sub-cat,
    .sub-marq {
        padding-left: 0px;
    }
}

@media (max-width: 1024px) {
    .small_view .col-md-4 img {
        width: 100%;
        height: auto;
        max-width: 262px;
        margin-left: -24px;
    }

    .large_viewtd {
        display: none;
    }

    .small_view {
        display: inline-flex;
    }

    .product-main .description_product h5.card-title {
        font-size: 15px;
        min-height: initial;
    }

    .list h2.small-title .top-filer {
        float: none !important;
    }

    .code-espace a.codes,
    .code-espace a {
        margin: 0 2px;
    }

    .home-page .container-logo-partner .kVtMtA {
        left: 5%;
    }

    .home-page .container-logo-partner .bhRnqO {
        right: 5%;
    }

    .search_part form div.new-searchy {
        width: 300px;
        margin: 0 10px 0 10px;
    }

    .pro-sub.import_product.product_stat .list {
        max-width: 500px;
        display: block;
    }

    .pro-sub.import_product.product_stat .list:first-child {
        margin-right: auto;
        margin-bottom: 20px;
    }

    .pro-sub.import_product.product_stat .list:nth-child(2) .list-block {
        padding: 30px 15px 0;
    }

    .alert-page .delete-icon {
        margin-left: 50px;
    }

    .all-boutique-details .sub-cat.sub-marq-apply {
        padding-left: 0px;
    }
}

@media (max-width: 922px) {
    .content-vert-center .vert-center button {
        margin-bottom: 10px;
    }

    .merchant-pro .sub-cat,
    .merchant-pro .sub-marq,
    .merchant-pro .sub-cat.sub-marq-apply {
        padding-left: 0;
    }

    .merchant-pro .sub-cat,
    .merchant-pro.sub-marq {
        display: block;
    }

    .merchant-pro .sub-cat span,
    .merchant-pro .sub-marq span {
        padding-left: 0 !important;
    }

    .merchant-pro .filter-left .small-text {
        width: 135px;
    }
}

@media (max-width: 900px) {
    .search_part form div.new-searchy {
        width: 250px;
        margin: 0 10px 0 10px;
    }

    /* .search_part form{
width: 100%;
text-align: center;
display: inline-block;
} */
    #header .search_part p {
        text-align: center;
        display: inline-block;
    }

    #header .search_part {
        width: 100%;
    }

    #header .search_part input[type="recherche"] {
        width: auto;
    }

    /* .code-espace a.codes, .code-espace a{
padding: 4px 10px;
} */
    .code-espace a.codes,
    .code-espace a {
        margin: 0 5px;
    }

    .search_part .code-espace {
        padding-top: 0 !important;
        width: 100%;
    }

    .photo-produit a img {
        max-width: 100%;
        width: auto;
        height: auto;
        max-height: initial;
    }

    #conso-product .conso-image,
    #economie img,
    #conso-liquide .liquide {
        right: 0;
    }

    .uploaded_images .image-preview {
        margin-bottom: 15px;
        margin-right: 13px;
    }

    .product-main .photo-produit a {
        height: 150px;
    }

    .product-main .photo-produit {
        min-height: 167px;
        display: flex;
        justify-content: center;
    }

    .product-main {
        min-height: 385px;
        margin-bottom: 10px;
    }

    .img-gallery.small-images .outerimg {
        width: 33.3%;
    }

    .blog-inner-title,
    .blog-inner-title:hover {
        font-size: 15px;
    }

    .curve-content {
        margin-top: 0;
    }

    .search_part form.mob-bloc {
        display: block;
        margin: 10px;
        float: right;
    }

    .search_part form {
        display: none;
    }

    .new-nav-list .sub-menu-arrow {
        display: inline-block;
    }

    .nav-list a.codes:after,
    .nav-list a.espace:after {
        display: none;
    }

    .new-nav-list .sub-menu-arrow img {
        width: 10px;
    }

    .react-multi-carousel-list img {
        width: 100%;
    }

    .code-espace a.espace {
        display: inline-block;
    }

    .nav-item .sub-menu {
        top: 30px;
    }
}

.page_annonce_view .annonce_block {
    height: 100%;
}

.col_img_custom {
    /* width: 130px; */
    height: 130px;
    padding-top: 15px !important;
    padding-bottom: 15px;
}

.ann_photo {
    min-width: 100%;
}

.text_titre_annonce {
    font-size: min(max(16px, 4vw), 1.6rem);
}

@media (min-width: 769px) and (max-width: 1200px) {
    .col_img_custom {
        width: 100%;
    }

    .tri-par {
        font-size: 15px !important;
    }

    .ann_page_annonce .ann_filer-select select {
        font-size: 13px !important;
    }

    .col_block_custom {
        width: 100%;
    }

    .col_block_custom .text_titre_annonce {
        white-space: normal;
    }

    .col_img_custom .photo-produit {
        width: 150px !important;
        height: 150px !important;
    }

    .col_img_custom .photo-produit img {
        width: inherit !important;
        height: inherit !important;
    }

    .custom_row-100 {
        width: 100%;
    }

    .annonce_elem {
        width: 33.3333333333%;
        margin-top: 1%;
    }

    .ann_page_annonce .ann_annonce_block {
        height: 100%;
    }

    .ann_page_annonce .ann_normal-view {
        height: 100%;
    }

    .home-page .list-p-annonce-data .photo_p_annonce {
        width: 100% !important;
        padding-top: 6px;
    }

    .col_block_custom .price,
    .col_block_custom mt-3 {
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }

    .detail_part .form-control.mr-sm-2.auto-search {
        max-width: 100% !important;
    }

    .title_ann_only {
        height: 50px;
        font-size: min(max(16px, 4vw), 1.3rem);
        white-space: normal;
    }

    .custom_ann_row_view .title_ann_only {
        padding-bottom: 5px;
        margin-bottom: 0;
    }

    .custom_ann_row_view {
        height: 400px;
    }

    .container {
        max-width: 100% !important;
    }

    .page_annonce_view .annonce_block {
        height: 100%;
    }

    .custom_padding {
        padding: 0;
    }

    .sidenav {
        padding-left: 0;
    }

    .scroll_active {
        padding: 2px !important;
    }

    /*.home-page .sidenav{
order:3;
width: 100%;
}

.detail_part .col-md-9{
width: 100% !important;
}

.home-page .sidenav_block {
max-width: 100%;
}
.sidenav_block{
display: flex;
width: 100%;
}
*/

    .singlepartner-outer {
        width: auto;
        max-width: 100%;
        padding: 10px;
    }

    .scroll_active {
        position: relative !important;
        min-width: 100% !important;
        top: 0 !important;
        margin-bottom: 0 !important;
    }

    .bg_custom_parent_partner {
        max-width: 220px !important;
        width: 100%;
    }

    .side_title.bg_second_color {
        max-width: 100%;
        width: 100%;
        padding: 10px;
    }

    .singlepartner_parent {
        max-width: 100%;
        height: 125px;
        width: 100%;
        position: relative;
    }

    .singlepartner .site-img {
        height: 100%;
    }

    .site-img {
        display: block;
    }

    .site-img-center {
        display: block;
    }

    .singlepartner .single_img {
        width: 100%;
        max-width: 100%;
        max-height: 165px;
    }

    .shop_view_block {
        width: 100% !important;
        max-width: 100%;
    }

    .singlepartner-outer {
        max-width: 100%;
        padding: 0px;
        min-width: 225px !important;
    }

    .sidenav_block {
        min-width: 225px !important;
    }

    .sidenav {
        order: 0 !important;
        width: 25% !important;
        left: 15px;
        padding: 0;
        margin: 0;
    }

    #list-p-annonce .normal-view .photo_p_annonce img {
        width: 100%;
    }

    #list-p-annonce .normal-view .photo_p_annonce {
        width: 100%;
    }

    .padding-top-10 {
        padding: 0px;
    }

    .bg_custom_parent_partner {
        max-width: 100%;
    }

    .scroll_active {
        position: fixed !important;
        width: 100%;
        min-width: 225px;
        max-width: 300px !important;
        top: 110px !important;
    }
}

@media (min-width: 1280px) and (max-width: 1700px) {
    .sidenav_block {
        min-width: 280px !important;
        width: min-content !important;
    }

    .bg_custom_parent_partner,
    .singlepartner_parent,
    .shop_view_block {
        width: 100% !important;
    }

    .scroll_active {
        min-width: initial !important;
        max-width: 400px;
    }

    .singlepartner-outer {
        min-width: 270px !important;
    }

    .singlepartner_parent {
        height: 100px;
    }
}

@media (min-width: 1250px) and (max-width: 1472px) {
    .text_plus_de_produits .descp_cmp_text,
    .text_plus_de_boutique .descp_cmp_text {
        font-size: 92% !important;
        line-height: 12px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1270px) {
    .text_plus_de_produits .descp_cmp_text,
    .text_plus_de_boutique .descp_cmp_text {
        font-size: 85% !important;
        line-height: 12px !important;
    }

    .text_plus_de_produits .titre_cmp_text {
        font-size: 14px !important;
        line-height: 15px !important;
    }
}

/*
.sidenav{
order:2;
width: 100%;
}
*/
@media (min-width: 901px) and (max-width: 1199px) {
    .compteur_img {
        width: 89px !important;
        height: 89px !important;
        left: 0px !important;
    }

    .plus_de_produits_img,
    .mise_a_jour_prix_img,
    .plus_de_boutique_img {
        background-size: 89px !important;
    }

    .bloc_cmp_text {
        height: 90px !important;
        margin-left: -40px;
        padding-right: 0px;
    }

    .bloc_compteur_homepage {
        padding: 1px;
    }

    .descp_cmp_text {
        font-size: 11px !important;
        line-height: 11px !important;
    }
}

@media (min-width: 768px) and (max-width: 900px) {
    .mobile-toggle {
        margin-top: -90px;
    }

    .mobile-toggle button {
        display: block;
    }

    .search_part .code-espace {
        visibility: hidden !important;
        width: 0;
        display: block !important;
        position: absolute;
        transition: width 0.5s;
        padding: 10px;
    }

    .search_part form.mob-bloc {
        float: none;
        margin: -2px 0px;
        background-color: #fff;
    }

    .search_part form div.new-searchy {
        width: 100%;
        margin: 10px 0;
        margin-right: 0px;
        margin-right: 10px;
    }

    #header .search_part {
        top: 72px;
    }

    #header nav {
        padding: 19px 0px 0;
    }

    .plus_de_produits_img,
    .mise_a_jour_prix_img,
    .plus_de_boutique_img {
        background-size: 65px !important;
    }

    .compteur_img {
        width: 65px !important;
        height: 65px !important;
        left: 0px !important;
    }

    .titre_cmp_text {
        font-size: 12px !important;
        line-height: 15px;
    }

    .bloc_cmp_text {
        width: 100%;
        padding-right: 0px !important;
        margin-left: -30px;
        max-width: 200px;
    }

    .row_init_cmp_home_page {
        margin-bottom: 10px !important;
    }

    .child_bloc_cmp_text {
        padding-left: 28px;
    }
}

@media (min-width: 768px) and (max-width: 850px) {
    .login_button {
        margin-top: 10px;
    }
}

@media (max-width: 790px) {
    .row.search_box div {
        display: block;
        width: 100%;
    }

    .search_box .search_radio {
        margin-top: 10px;
    }
}

@media (max-width: 768px) {
    .search_parent_block_produits {
        text-align: center;
        max-height: 275px;
        max-width: 400px;
    }

    .mob-view {
        display: flex;
        flex-direction: row;
    }

    .search_photo-produit img {
        width: 100%;
        height: 100%;
    }

    .singlepartner_parent {
        width: 100%;
        max-width: 360px;
        height: 150px;
    }

    .logo-partner img {
        max-height: initial !important;
    }

    .singlepartner {
        width: 100%;
        height: 100%;
    }

    .row_check_category_shop {
        display: flex;
    }

    .bg_custom_parent_partner {
        width: 100%;
        max-width: 365px;
        margin: auto;
    }

    .bg_custom_parent_partner .site-img {
        width: 100%;
        height: 100%;
    }

    .singlepartner .single_img {
        width: 365px;
        height: 150px;
    }

    .no_padding {
        padding-left: 0;
        padding-right: 0;
    }

    .padding-top-10 {
        padding: 15px;
    }

    .nouv_produit {
        min-width: 65%;
        width: 100%;
        max-width: 250px;
    }

    .pq_kelklope {
        min-width: 230px;
    }

    #header .search_part {
        width: 100%;
        margin-top: 0px;
    }

    #alert_success_modal .fa-envelope {
        font-size: 20px;
        padding-top: 10px;
    }

    .block_bat {
        text-align: left;
        width: 100%;
    }

    .alert-page .go_btn {
        display: block;
        text-align: center;
    }

    .normal_cont {
        display: none;
    }

    .mob-cont {
        display: block;
    }

    .pro-sub .description_product {
        text-align: center;
    }

    .pro-sub .description_product p {
        text-align: left;
    }

    .pro-sub .description_product span.card-text {
        display: inline-block;
    }

    .merchand-table .prod-detail td:nth-child(6) {
        width: 75% !important;
        display: inline-block;
    }

    .merchand-table .prod-detail td:nth-child(7) {
        width: 25% !important;
        display: inline-block;
    }

    .title-hide {
        display: block;
    }

    .product-main.home-product .price_detail {
        border-top: 0;
    }

    .code-redu .filer-select select {
        padding: 3px;
    }

    .merchant-row {
        padding: 10px;
    }

    .tri-par,
    .tri-par-select .filer-select select {
        font-size: 15px;
    }

    .tri-par {
        line-height: 30px;
    }

    .nav-list.fi {
        margin-right: 0;
    }

    .reduction-list .grey_bg:nth-child(3n + 1) {
        background: #f3f3f3;
    }

    .reduction-list .grey_bg {
        background: #fff;
    }

    .code-redu .tri-par-select {
        float: left;
    }

    /* .description_product .card-title{
display:none
}
.home-page .description_product .card-title{
display:block
} */
    .home-page .react-multi-carousel-list {
        display: none;
    }

    .pro-sub .description_product .card-title {
        display: none !important;
    }

    .home-product .mob-view .text-btn {
        display: block;
        text-align: center;
        padding: 10px 0;
        border-top: 1px solid #ddd;
    }

    .home-product .mob-view .text-btn i {
        padding-left: 10px;
    }

    .home-product .mob-view .pro_offre {
        display: none;
        width: 100%;
        color: #333;
        padding: 0;
        font-size: 14px;
    }

    .product-main.home-product .description_product h5.card-title {
        min-height: initial;
    }

    .product-main.home-product a.price {
        font-size: 20px;
    }

    .search_part form.mob-bloc {
        float: none;
        margin: -2px 0px;
        background-color: #fff;
    }

    .merchand-table .prod-detail td:nth-child(5) a {
        display: block;
        max-width: 120px;
    }

    .pro-sub .description_product h5.card-title,
    .pro-sub .description_product span.small-gris,
    .description_product span.card-text {
        padding-left: 0 !important;
        text-align: center;
        display: block;
    }

    .product-main.home-product .description_product {
        min-height: initial;
        height: 90px;
    }

    .home-product.product-main .mob-view {
        display: flex;
    }

    .home-product.product-main .normal-view {
        display: none;
    }

    .search_part form div.new-searchy {
        width: 100%;
        margin: 10px 0;
        margin-right: 10px;
    }

    #header .search_part button[type="submit"].search-icon {
        line-height: 22px;
    }

    .map-section {
        margin-top: 15px;
    }

    .mapContainer {
        border: 2px solid #1a1a1a;
        height: 50vh;
        max-height: 400px;
        min-height: 200px;
    }

    .product-main.home-product {
        min-height: initial;
    }

    .mobile-toggle {
        margin-top: -90px;
    }

    .footer_part .col-md-2,
    .footer_part .col-md-10 {
        text-align: center;
    }

    .footer_part .col-md-10 {
        display: inline-block !important;
        /* margin-top:10px; */
    }

    .categorie_page h2,
    .add_catefgory h1 {
        font-size: 14px;
    }

    .categorie_page .search_input label,
    .categorie_page .search_input input,
    .search_input select {
        width: 100% !important;
    }

    .search_title {
        width: auto;
        margin-right: 20px;
    }

    .footer_part a {
        margin: 5px auto;
    }

    .main_class {
        margin-bottom: 92px;
    }

    .detail_part {
        margin-bottom: 20px;
    }

    .mobile-device {
        display: block;
    }

    .home-page .sidenav {
        order: 3;
    }

    .normal-view {
        display: none;
    }

    .product-main .normal-view {
        display: block;
    }

    .bot-cls img {
        width: 100%;
    }

    .bot-cls {
        padding-top: 10px;
    }

    .sidenav .bot-cls {
        padding-top: 0;
    }

    .form-horizontal .control-label {
        text-align: left;
    }

    .form-horizontal .controls input,
    .form-horizontal .controls select {
        max-width: 100%;
    }

    .form-horizontal .controls {
        width: 100%;
    }

    .sidenav .bot-cls img {
        display: none;
    }

    .heading {
        position: relative;
    }

    .heading .arrow {
        position: absolute;
        right: 0;
        top: 28%;
        transform: translate(-50%, 0);
    }

    .arrow {
        display: block;
    }

    .nav-list {
        display: none;
    }

    .nav-list.new-nav-list {
        display: block;
    }

    .nav-list a.codes:after,
    .nav-list a.espace:after {
        right: 0;
    }

    .code-espace a.codes:hover {
        background: transparent;
        color: #ff7b0d;
    }

    .nav-item .sub-menu {
        position: static;
        width: 100%;
    }

    .show-list-detail .nav-list {
        display: block;
    }

    .show-list-detail .arrow img {
        transform: rotate(180deg);
    }

    .arrow img {
        transition: 0.3s;
    }

    .register_area.form {
        margin-bottom: 50px;
    }

    .dmca-protected {
        text-align: center !important;
    }

    /* .login{
margin-bottom:15px;
} */
    .search_box .search_input i {
        top: 41px;
    }

    .pro_pric {
        font-size: 13px;
    }

    .btn-marque {
        max-width: 270px;
        margin: 5px auto;
    }

    .code-espace a.codes,
    .code-espace a {
        /* margin: -3px 2px; */
    }

    .mobile-toggle button {
        display: block;
    }

    .search_part .code-espace {
        visibility: hidden !important;
        width: 0;
        display: block !important;
        position: absolute;
        transition: width 0.5s;
        padding: 10px;
    }

    .search_part .code-espace.mobile-header-show {
        visibility: visible !important;
        position: absolute;
        right: 0;
        background: red;
        /* bottom: -30px; */
        z-index: 10000;
        background-color: #324160;
        border: 2px solid orange;
        top: -20px;
        border-radius: 3px;
        width: 100%;
        max-width: 350px;
    }

    .search_part .form-inline .form-control {
        height: 35px;
    }

    .search_part .code-espace.mobile-header-show a {
        display: inline-block;
        width: 90%;
        border-radius: 5px;
        margin-bottom: 5px;
        font-size: 14px !important;
    }

    .left-menu-scroll {
        max-height: 235px;
    }

    .home-page .left-menu-scroll {
        max-height: 390px;
    }

    .search_part .code-espace {
        padding-top: 0.25rem !important;
    }

    .merchant-register .text-right {
        text-align: left !important;
    }

    .small_view_rate .col-xs-9 {
        width: 55%;
    }

    .small_view_rate .col-xs-3 {
        width: 45%;
    }

    .detail_part.myproduct a.float-right {
        float: none !important;
    }

    .myproduct .myproduct-list .description_product {
        margin-top: 10px;
    }

    .nav-list:hover .sub-menu {
        display: none;
    }

    .nav-item .sub-menu li a:hover,
    .code-espace .nav-list.new-nav-list .sub-menu a.active {
        background: transparent;
        /* color: #ff7b0d; */
    }

    .price {
        margin-bottom: 5px !important;
        margin-top: 5px;
    }

    #list-p-annonce-data .mob-view .photo-produit {
        min-height: 160px;
    }

    .reduction_img,
    .reduction-description {
        margin-bottom: 10px;
    }

    .new-nav-list .sub-menu-arrow img {
        width: 13px;
        filter: brightness(1) invert(1);
        cursor: pointer;
    }

    .po-rel {
        margin-top: 0px;
    }

    .return_button {
        top: 0px;
    }

    .round_logo-ph {
        width: 100px;
        height: 100px;
    }

    .img-gallery .outerimg {
        width: 33.3%;
    }

    .control-group .controls.editor_format {
        width: 100%;
    }

    table.dataTable.Posts-datatable {
        width: 100% !important;
        min-width: 700px !important;
    }

    .side-mob-hide {
        display: none;
    }

    .footer {
        position: static;
    }

    #app {
        padding-bottom: 0;
    }

    .nav-item .sub-menu li a {
        width: auto;
    }

    .nav-list:hover .sub-menu .sub-menu-arrow {
        display: inline-block;
        color: #fff;
    }

    #star_element span {
        display: block;
    }

    #star_element span.star-gray {
        display: inline-block;
    }

    .text-btn.float-right {
        float: none !important;
    }

    .table-trier {
        display: none;
    }

    .mob-code-bloc {
        display: flex;
    }

    .mob-code-none {
        display: none;
    }

    .description_outer {
        color: #9f9f9f;
        font-size: 15px;
        text-transform: uppercase;
    }

    .description_outer {
        position: relative;
    }

    .description_outer:after {
        content: "\f107";
        font: normal normal normal 18px/1 FontAwesome;
        position: absolute;
        right: -20px;
        top: 0;
        cursor: pointer;
    }

    .description_outer.show:after {
        content: "\f106";
    }

    .det-desc {
        margin-bottom: 10px;
    }

    .table.merchand-table {
        display: block;
    }

    .table.merchand-table td {
        display: block;
        width: 100% !important;
        text-align: left;
        padding: 5px 0px !important;
    }

    .merchand-table .prod-detail td:nth-child(1) {
        display: none;
    }

    .merchand-table .prod-detail td:nth-child(3),
    .merchand-table .prod-detail td:nth-child(4) {
        width: auto !important;
        display: inline-block;
        text-align: left;
    }

    .merchand-table .prod-detail td:nth-child(4) {
        padding-left: 20px !important;
    }

    .merchand-table .pro_price.go_btn {
        font-size: 15px !important;
        border-radius: 5px;
    }

    .merchand-table .prod-detail td:nth-child(7) {
        text-align: right;
    }

    .categorie_page
        table.merchand-table.dataTable
        tbody
        > tr:nth-child(odd)
        > td {
        border-bottom: 0;
    }

    .categorie_page table.merchand-table.dataTable td {
        border-top: 0;
        border-bottom: 0;
    }

    .alert-page .block_bas h3 {
        padding-right: 15px;
    }

    .categorie_page table.merchand-table.dataTable tbody > tr {
        border-bottom: 1px solid #dddddde0;
        margin-bottom: 10px;
    }

    .pro-sub .description_product,
    #star_element {
        padding: 0 !important;
    }

    #alert_modal .photo-produit,
    #alert_success_modal .photo-produit {
        text-align: center;
        width: 50%;
        display: block;
        margin: auto;
    }

    #alert_success_modal .alert-prix.prix-main {
        font-size: 20px;
    }

    .block_bas-inner {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .block_bas-inner h5 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .alert-page .filer-select {
        display: none;
    }

    .alert-page .action-blink i {
        margin-right: 0;
        margin-left: 5px;
    }

    .alert-content-bg .photo-produit,
    .alert-prix-cont,
    .alert-content-bg-inner {
        min-height: initial;
        background: transparent;
        border-radius: 0;
        padding: 0;
    }

    .alert-content-bg,
    .alert-prix-cont-outer {
        background: rgb(242, 242, 242);
        padding: 10px !important;
        border-radius: 5px;
        margin-bottom: 10px;
    }

    #alert_success_modal.modal-dialog {
        max-width: 500px;
    }

    #alert_modal .photo-produit,
    #alert_success_modal .photo-produit {
        width: 30%;
    }

    .product-discount {
        position: static;
        margin-top: 10px;
        padding: 7px 14px 7px 5px;
        font-size: 15px;
        margin-bottom: 5px;
    }

    .detail_part .pro-sub {
        margin-bottom: 15px;
    }
}

@media (max-width: 771px) {
    .custom-col-md-12 {
        /* flex: 0 0 33.3333%; */
        /* max-width: 33.3333%; */
    }
}

@media (max-width: 700px) {
    .import_product .list {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
}

@media (max-width: 640px) {
    .align_center {
        text-align: center;
    }

    .go_btn,
    .login #profile_form .submit {
        margin-top: 5px;
    }

    .small_view_rate .col-xs-9 {
        width: 65%;
    }

    .small_view_rate .col-xs-3 {
        width: 35%;
    }

    .code-espace a.codes,
    .code-espace a {
        /* font-size:11px; */
    }

    .detail_part .pro-sub .pro_price.go_btn.submit,
    .detail_part .pro-sub .pro_price.go_btn {
        font-size: 11px;
    }

    .correction-link .col-md-6 {
        width: 50%;
        display: inline-block;
    }

    .register_area.form #email_block {
        width: 100%;
    }

    .right_button {
        float: none;
    }

    .detail_part .react-date-picker {
        max-width: 88%;
    }

    .boutique div.dataTables_wrapper div.dataTables_length {
        float: left;
    }

    .po-relga {
        margin-top: -70px;
    }

    .searching_prod .form-outline {
        max-width: 270px;
    }

    .searching_prod button {
        margin-top: 0;
    }
}

@media (max-width: 639px) {
    .pagination-outer .pagination-txt {
        clear: both;
        width: 100%;
        margin-bottom: 10px;
    }
}

@media (max-width: 575px) {
    #header .search_part input[type="recherche"] {
        display: inline-block;
    }

    .form-horizontal .control-label {
        text-align: left;
    }

    #info-conso h4 {
        width: calc(100% - 90px);
    }

    .advanced_buttons div {
        text-align: center !important;
    }

    .login_button,
    .btn.login_button {
        margin-bottom: 5px;
    }

    .alert-page .block_cont .fa-bell {
        right: -92%;
    }

    #header .search_part p {
        display: block;
        text-align: left;
        font-size: 13px;
    }

    .merchand-table .prod-detail td:nth-child(6) {
        width: 100% !important;
        display: inline-block;
    }

    .merchand-table .prod-detail td:nth-child(7) {
        width: 100% !important;
        display: inline-block;
    }

    .search_part form {
        text-align: left;
    }

    .form-control.auto-search::placeholder {
        font-size: 11px;
    }

    .form-control.auto-search {
        width: 100%;
    }

    .search_part form div {
        /* max-width: 170px;
min-width: 122px !important; */
        margin-right: 3px;
    }

    #header .search_part button[type="submit"] {
        padding: 5px 5px;
        font-size: 13px;
        line-height: 13px;
    }

    .search_part .code-espace,
    .code-espace a.espace {
        /* display:inline-block !important; */
    }

    .search_part .code-espace {
        /* text-align:center;
width:100%;*/
    }

    #header .search_part {
        margin-top: 5px;
    }

    .logo {
        width: 80%;
        text-align: center;
    }

    #header .logo p {
        margin-top: -10px;
    }

    .sidenav h2.side_title {
        font-size: 14px;
        /* padding:5px 0; */
    }

    h2.side_title {
        font-size: 14px;
    }

    .mobile-responsive .col-md-3,
    .mobile-responsive .col-md-9 {
        width: 40%;
        display: inline-block;
    }

    .mobile-responsive .col-md-9 {
        width: 60%;
    }

    .detail_part .three_col .round_logo {
        margin-bottom: 10px;
    }

    .product-main .photo-produit {
        min-height: initial;
    }

    .product-main {
        min-height: initial;
    }

    .boutique-left {
        margin-bottom: 10px;
    }

    .boutique-left-inner {
        width: 100%;
    }

    .boutique_list .grey_bg {
        padding: 10px;
    }

    .site-detail {
        margin-top: 10px;
    }

    .filter-left,
    .detail_part .filter-left {
        display: block;
        margin-bottom: 5px;
    }

    .block_bas {
        margin-top: 10px;
    }

    .blog-banner-img {
        width: 100%;
    }

    .blog-title {
        font-size: 17px;
        line-height: 22px;
    }

    .boutique-search .form-control {
        padding-right: 30px;
    }

    .product-main .description_product {
        min-height: initial;
    }

    .blog-con-img {
        width: 100%;
    }

    .blog-detail h2 {
        display: block;
        margin-top: 30px;
    }

    .date_blog-cate {
        display: block;
    }

    .product-main .photo-produit a {
        height: auto;
    }

    .detail_part .react-multiple-carousel__arrow {
        min-width: 25px;
        min-height: 25px;
    }

    .product_detail .col-md-4.col-sm-6 {
        padding: 0;
    }

    .description_div,
    .clock-des {
        margin: 5px 0;
    }

    .product-main.home-product .description_product span.small-gris {
        min-height: initial;
    }

    .alert-page .delete-icon {
        margin-left: 20px;
    }

    #alert_modal .photo-produit,
    #alert_success_modal .photo-produit {
        width: 50%;
    }
}

@media (min-width: 576px) {
    #header .search_part input[type="recherche"] {
        width: 240px;
    }
}

@media (max-width: 485px) {
    .login_button {
        margin-top: 10px;
    }

    .merchand-tab-description p {
        font-size: 14px;
        line-height: 30px;
    }

    .merchand-tab-description .title {
        font-size: 18px;
    }

    .main-banner-img {
        height: 95px;
    }

    .alert-page .delete-icon {
        margin-left: 0px;
    }

    .merchand-tab-description .title .long-desc-arrow:before {
        font: normal normal normal 13px/1 FontAwesome;
    }
}

@media (max-width: 479px) {
    .range img {
        max-width: 100%;
    }

    .logo img {
        max-width: 100%;
        height: 65px;
    }

    .categorie_page h2,
    .add_catefgory h1 {
        font-size: 13px;
        display: inline-block;
        width: 100%;
    }

    .pagination-slect {
        float: none;
        margin-top: 7px;
        display: inline-block;
    }

    .pagination-slect select {
        width: auto;
        margin-left: 10px;
    }

    .pagination li a {
        padding: 3px;
    }

    .img-gallery.small-images .outerimg,
    .img-gallery .outerimg {
        width: 50%;
    }

    .merchant-row {
        padding: 3px;
    }

    .offer-text {
        font-size: 15px;
    }

    .code-redu .tri-par-select {
        display: flex;
    }

    .offer-text .orange-text {
        font-size: 11px;
    }

    .offer-text,
    .description_outer {
        font-size: 13px;
    }

    .detail_part.home-page {
        margin-top: 100px !important;
    }
}

@media (max-width: 420px) {
    .code-redu .tri-par-select {
        display: block;
        text-align: left;
    }

    .tri-par {
        width: 100%;
        float: left;
    }

    .detail_part.home-page {
        margin-top: 100px !important;
    }
}

@media (min-width: 250px) and (max-width: 330px) {
    .fade.description_txt.modal.show {
        margin-top: 25px !important;
    }

    .container {
        margin: 1px !important;
        padding: 3px;
    }

    .product-main.home-product .description_product h5.card-title {
        line-height: 15px;
        font-size: 11px;
    }

    .nouv_produit {
        min-width: min-content;
    }

    .voir_p_ann {
        min-width: 200px !important;
    }

    .singlepartner-outer {
        min-width: 200px !important;
    }

    .circle-shape .curve {
        min-width: 120px;
    }

    .singlepartner_parent {
        min-height: 130px;
    }

    .curve-content h1 {
        font-size: 30px;
        line-height: 22px;
    }
}

@media (max-width: 390px) {
    #header .search_part p {
        margin-right: 0 !important;
    }

    .categorie_page h2 a,
    .add_catefgory h1 a {
        padding-top: 6px;
    }

    .bannertarifs_prixlabel {
        top: 35px;
        right: 13px;
    }

    #header .logo p {
        margin-top: -10px;
    }

    /* .search_part form div {
max-width: 188px;
min-width: 169px !important;
} */

    .code-redu .tri-par {
        padding-right: 5px;
    }

    .detail_part.home-page {
        margin-top: 100px !important;
    }
}

@media (max-width: 380px) {
    .uploaded_images .image-preview:nth-child(2n) {
        margin-right: 0;
    }

    .alert-page .action-blink {
        padding: 2px;
    }

    .blog_listing > li {
        padding: 10px;
    }

    .alert-page .blog-con-img,
    .alert-page .action-blink {
        padding: 0;
    }

    .blog-con-img {
        height: 120px;
    }

    .alert-page .block_cont .fa-bell {
        right: -90%;
    }

    .detail_part.home-page {
        margin-top: 100px !important;
    }
}

.categoriesImage {
    width: 100%;
    height: auto;
    margin: 15px;
}

.read-more {
    padding: 7px 15px;
    background: #fff;
    color: #1a1a1a;
    font-size: 18px;
    font-weight: bold;
    min-width: 106px;
    display: inline-block;
    text-align: center;
}

.read-more-wrap {
    width: 100%;
    text-align: left;
    margin-top: 10px;
}
.offersContainer {
    margin-top: 0;
    border: 2px solid #1a1a1a;
    border-radius: 10px;
    padding: 0;
    overflow: hidden;
    width: 100%;
}

.offersTableCell {
    flex: 1;
    text-align: center;
}

.offersTableCell.logo {
    flex: 0.5;
}

.offersTableCell.price {
    flex: 0.5;
}

.offersTableCell.action {
    flex: 0.5;
}

.offersTableRow {
    display: flex;
    justify-content: space-around;
    padding: 10px;
    align-items: center;
    border-bottom: 3px dashed #eaeaea;
}

.offersTableRow:last-child {
    border-bottom: none;
}

button.offer-button {
    background-color: #ffd700;
    border: none;
    padding: 10px 20px;
    color: #000;
    font-weight: bold;
    border-radius: 5px;
}

button.offer-button:hover {
    background-color: #ffc400;
}

/* Styles des onglets */
.productOffersButtonContainer {
    margin-bottom: 0;
}

.productOffersButton {
    background-color: #1a1a1a;
    color: #fff;
    padding: 8px;
    cursor: pointer;
    font-weight: bold;
    border: 1px solid #1a1a1a;
    border-radius: 10px 10px 0 0;
    /* width: 20%; */
    /* margin-left: 10%; */
}

.productOffersButton.active {
    background-color: #fff;
    border: 2px solid #1a1a1a;
    border-bottom: 1px solid #eaeaea;
    color: #1a1a1a;
}

.fontSizeText {
    font-size: 20px;
}

@media (max-width: 768px) {
    .productOffersButton {
        /* font-size: 18px; */
    }
    .fontSizeText {
        font-size: 16px;
        height: 50px;
    }
}

.selectedmarque,
.selectedsubcat {
    font-style: normal !important;
    padding-left: 0 !important;
}

#selected_subcat,
.marque_autocomplete {
    padding-top: 5px;
}

.controls input.is_master_product {
    max-width: initial;
    width: auto;
    height: auto;
    vertical-align: middle;
    margin: 0 5px;
    margin-top: -2px;
    cursor: pointer;
}

#selected_product {
    display: inline-block;
}

.selectedproduct {
    padding-left: 0 !important;
    font-style: normal !important;
}

.span_or {
    margin-left: 10px;
    margin-right: 5px;
}

.product_list #product_selected_id,
#marque_selected_id,
#subcat_selected_id {
    position: absolute;
    opacity: 0;
    top: 22px;
    right: 0px;
}

.ui-autocomplete {
    max-height: 225px;
    overflow-y: auto;
}

.ui-autocomplete li .ui-state-active {
    border: 0 !important;
    color: #ff7b20;
    cursor: pointer;
}

.product_list .selectedproductdiv .fa-trash,
.selectedmarquediv .fa-trash,
.selectedsubmarquediv .fa-trash,
.selectedsubcatdiv .fa-trash {
    position: static !important;
    margin-left: 0px;
    color: #ff7b20;
    cursor: pointer;
}

.ui-menu-item-wrapper:hover {
    color: #ff7b20;
}

.edit-pro-not-found .controls .url {
    width: 80%;
}

.click_here a,
.selectedproduct_fluxurl a {
    color: #ff7b0d;
    font-style: normal;
    text-decoration: none;
    margin-left: 5px;
    font-weight: normal;
}

.selectedproduct_fluxurl {
    font-size: 13px;
}

.selectedproduct_fluxurl span {
    font-style: normal;
    padding-left: 0 !important;
}

.click_here a:hover,
.selectedproduct_fluxurl a:hover {
    text-decoration: underline;
}

.article_product_tab .nav-link {
    text-decoration: none;
    color: #ff7b20;
}

.article_product_tab .nav-link.active {
    background: #ff7b20;
    color: #fff;
}

.article_product_tab .nav- .tabs {
    display: flex;
    align-items: center;
    border-bottom: 2px solid black;
}

.tab {
    padding: 10px 20px;
    font-weight: bold;
    cursor: pointer;
    border: 2px solid black;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    margin-right: 10px;
    background-color: white;
}

.tab.active {
    background-color: white;
}

.tab:not(.active) {
    color: #555;
}
.nav-item.show .nav-link,
.article_product_tab .nav-tabs .nav-link.active {
    border-color: #ff7b20 #ff7b20 #fff;
}

.article_product_tab .nav-tabs .nav-link:focus,
.article_product_tab .nav-tabs .nav-link:hover {
    border-color: #ff7b20 #ff7b20 #ff7b20;
}

.articles-page #selected_product {
    display: initial;
}

.articlelist_productupdate,
.pnflist_productupdate {
    color: #0d6efd;
    text-decoration: underline;
    font-size: 13px;
    padding: 0;
}

.articlelist_productupdate:hover,
.pnflist_productupdate:hover {
    color: #0a58ca;
    text-decoration: underline;
    cursor: pointer;
}

/* .prod_setid_show{
display:none
} */
.invalid-feedback-title_err,
.invalid-feedback-category_err,
.invalid-feedback-marque_err,
.invalid-feedback-categoryDatatable_err,
.invalid-feedback-marqueDatatable_err {
    color: red;
    margin-top: 0;
    font-size: 12px;
    font-style: normal !important;
}

.selectproductdelete .fa-trash {
    cursor: pointer;
    color: #ff7b20;
}

#productModal #marque_selected_id,
#productModal #subcat_selected_id {
    position: static;
}

#myModalLabelProduct .selectproductdelete .fa-trash {
    padding: 2px;
}

#productDatatableModal .modal-dialog {
    max-width: 860px;
}

#productDatatableModal table.dataTable thead th {
    padding: 8px 5px;
    font-size: 13px;
    font-weight: bold;
    background-color: #ff7b20 !important;
    color: #fff;
    vertical-align: top;
}

#productDatatableModal .form-control-sm {
    min-height: 0;
    padding: 0px 5px;
    font-size: 13px;
}

.modal-open .ui-autocomplete {
    z-index: 10009 !important;
    width: 400px !important;
}

.boutique-name {
    color: blue;
    display: inline-block;
}

.pro_title:hover .boutique-name {
    color: #ff7b20;
}

.ui-autocomplete {
    z-index: 10009 !important;
}

#productDatatableModal
    .dataTables_wrapper
    .dataTables_paginate
    .paginate_button:hover {
    background: transparent;
    box-shadow: none;
    border: 0;
}

#productDatatableModal
    .dataTables_wrapper
    .dataTables_paginate
    .paginate_button {
    padding: 0.5em 2px;
    border: 0;
}

#productDatatableModal .page-item.active .page-link {
    background-color: #ff7b20;
    border-color: #ff7b20;
}

#productDatatableModal .page-item.active .page-link,
#productDatatableModal .page-item .page-link {
    padding: 1px 8px;
    border-radius: 3px;
    font-size: 13px;
    color: #fff;
}

#productDatatableModal .page-item .page-link {
    color: #000;
}

#productDatatableModal .page-item.next .page-link:hover,
#productDatatableModal .page-item.previous .page-link:hover {
    color: #000;
}

#productDatatableModal .page-item.previous .page-link {
    padding: 2px 5px;
}

#productDatatableModal .page-item.previous .page-link,
#productDatatableModal .page-item.next .page-link {
    color: #ff7b20;
    font-size: 14px;
}

#productDatatableModal .dataTables_wrapper {
    max-height: 450px;
}

#productDatatableModal .pnf-assignproduct-datatable {
    overflow-y: auto;
}

.selectedproductDatatable {
    padding-left: 0 !important;
}

.selectproductDatatableDelete {
    color: #ff7b20;
    cursor: pointer;
}

.assignproductbulk_div {
    position: fixed;
    background: #00000047;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    max-width: 100%;
}

.assignproductbulk_alert {
    text-align: center;
}

#productDatatableModal .control-group .controls {
    width: 65%;
}

.selectedmarqueDatatable,
.selectedsubcatDatatable {
    padding-left: 0 !important;
    font-style: normal !important;
}

.append_marqueDatatable .fa-trash,
.append_subcatDatatable .fa-trash,
.append_submarqueDatatable .fa-trash {
    position: static !important;
    cursor: pointer;
    color: #ff7b20;
}

.marqueDatatable_selected_id {
    opacity: 0;
}

.mar-msg,
.mar-boutique {
    width: 120px !important;
}

.mar-tit {
    width: 170px !important;
}

.mar-produit {
    width: 460px !important;
}

/* .table-responsive {
    width: 70%;
} */

.table-responsive#pnfpopup_table_content {
    overflow-x: hidden;
    padding-right: 15px;
}

#productModal .product_title.ui-autocomplete-input {
    width: 65%;
}

.modal-open .control-group .controls {
    width: 65%;
}

.detail_part .pro-sub td .pro_price.go_btn {
    float: right;
}

.singlepartner .site-img {
    border: 0;
    padding: 0;
    height: 100px;
}

.singlepartner .site-img img {
    border-radius: 5px;
}

.singlepartner-outer .border {
    border: 0 !important;
}

/* .singlepartner-outer .side_title {
background:transparent;
color: #4a4a4a;
border-top: 1px solid #c7C7c7;
padding-bottom:0
} */

.singlepartner-outer {
    position: relative;
    width: 100%;
    box-shadow: 1px 0px 4px 0px #1a1a1a;
    /* padding: 5px; */
}

.shop_view_block {
    width: 365px;
}

.partner_logo_valid #imagetxt_validation {
    display: block;
    padding: 0;
    height: 0;
    border: 0;
}

.partner_logo_valid #imagetxt_validation-error {
    position: absolute;
    top: 36px;
    line-height: 35px;
}

.categorie_page .search_input input.defcheckbox {
    width: initial;
    box-shadow: none;
    height: auto;
    margin-top: 3px;
    margin-right: 5px;
}

.search_box .search_input.raisonexpand {
    width: 100%;
}

.categorie_page .raisonexpand.search_input label {
    margin-top: 0;
    width: auto;
    font-weight: normal;
}

.categorie_page .raisonexpand.search_input label.lblraison {
    width: 150px;
    font-weight: bold;
}

.w-100_imp,
.modal-open .control-group .w-100_imp {
    width: 100% !important;
}

.pnflist_productupdate_link_master:hover,
.create_mp.pnflist_productupdate_link_master:hover {
    text-decoration: underline;
}

body,
p,
a,
i,
span,
div,
.btn,
label,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat", sans-serif;
}

.detail_part.home-page
    .react-multi-carousel-item.react-multi-carousel-item--active
    img {
    width: 100% !important;
}

#header .search_part {
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 80px;
}

header#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.sidenav .bg-white {
    border: none !important;
}

.detail_part.home-page .col-md-9 .border.bg-white {
    border: none !important;
}

.container {
    max-width: 80%;
    margin: auto;
}

.style_contenu_page {
    min-height: 811px;
}

/*
.detail_part{
margin-top: 10%;
}

.detail_part.home-page{
margin-top:6%;
}

.page_rechercher_produits{
margin-top: 10%;
}

*/

.login-form button#submit {
    height: 40px;
}

.detail_part .form-control {
    max-width: 500px;
    height: 40px;
}

h2.side_title.text-left {
    border-radius: 15px;
}

h2.side_title {
    text-align: center;
    padding: 14px;
}

.page_annonce .filer-select select {
    background: #fff;
    margin-bottom: 0;
    padding: 3px 20px;
    border-radius: 25px;
}

.search_ann_parent_row {
    padding: 10px 15px;
    background-color: #f8f8f8;
    margin: 0;
}

.search_ann_child_row {
    padding: 10px 15px;
    background-color: #f8f8f8;
    margin: 0;
}

.input_search_ann {
    border-radius: 25px !important;
    padding: 1rem !important;
}

.input_search_ann::placeholder {
    color: #5f5a5a;
    opacity: 1;
}

.input_search_ann:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #5f5a5a;
}

.input_search_ann::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #5f5a5a;
}

.text_row {
    color: #000 !important;
    font-size: 1rem !important;
}

.titre_annonce {
    /* **/
}

.liste_annonces {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0.5rem;
}

.ann_page_annonce .liste_annonces {
    display: block;
}

.annonce_elem {
    width: 33%;
}

.text_titre_annonce {
    font-weight: 400;
}

.search_ann_child_row .fa-list {
    border: none !important;
}

.gest_annonces_page h2 {
    font-size: 18px;
    color: #ff7b20;
    border-bottom: 1px solid #dedddd;
    padding-bottom: 7px;
}

.page_title {
    font-size: 18px;
    color: #ff7b20;
    border-bottom: 1px solid #dedddd;
    padding-bottom: 7px;
}

.sidenav {
    left: 0;
    display: block;
    padding: 0px;
}

.inactive_submenu {
    display: none;
}

.geoloc_class {
    margin: 2px;
}

.localisation_content {
    display: flex;
    width: 100%;
}

.search_products_localisation {
    margin-bottom: 40px;
}

.text_find_shop_map_in_product {
    margin-right: 5px;
}

.custom_icon_marker {
    font-size: 1.1rem;
}

.search_product_loc {
    height: 35px !important;
    border-radius: 15px !important;
    background-color: #f5f5f5;
    width: 100% !important;
    margin-left: 0px;
}

.search_product_loc::placeholder {
    color: #000;
}

.row_mob_view {
    display: none;
}

.custom_font_bold {
    font-weight: bold;
}

.row_map_and_text_content {
    display: flex;
}

.search_localisation {
    height: 35px !important;
    border-radius: 15px !important;
    background-color: #f5f5f5;
}

.search_localisation::placeholder {
    color: #000;
}

.btn_search_localisation {
    padding-top: 0px;
}

#btn_map_pos_id {
    font-size: 25px;
}

.perso_localiastion_modal {
    min-width: 900px;
}

.loc_autocomplete-items {
    position: initial;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
    max-height: 400px;
    overflow: scroll;
}

.loc_autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}

.loc_autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
}

.loc_autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}

.ann_mob_view {
    display: none;
}

.ann_desktop_view {
    display: block;
}

.ann_deposer_ann {
    background-color: #ff7b0d !important;
    color: #fff !important;
    text-decoration: none !important;
    margin-right: 5%;
    border-radius: 25px !important;
    border-color: #ff7b0d !important;
    min-width: 270px;
}

.ann_gerer_ann {
    background-color: #475b7e !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 25px !important;
    border-color: #475b7e !important;
    min-width: 270px;
}

.ann_annonce_block {
    min-height: 200px !important;
}

.ann_ville_et_code_postal,
.ann_categorie_annonce {
    font-size: 14px;
}

.ann_date_publication {
    font-size: 12px;
    margin-top: 1%;
}

.ann_custom_list_dropdown {
    left: 0px;
    top: 115px;
    min-width: 275px;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0ann_5) 0px 2px 12px;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    padding: 2px 0px;
    font-size: 90%;
    position: absolute;
    z-index: 9999;
    margin: 32px 0px 0px;
    max-height: 400px;
    overflow-x: hidden;
}

.ann_item_list {
    background: white none repeat scroll 0% 0%;
}

.ann_desktop_search_child_row {
    display: block;
}

.ann_mob_search_row {
    display: none;
}

.ann_page_annonce .ann_filer-select select {
    /*width: min-content !important;*/
    width: 95% !important;
    background-color: #fff;
    border: none;
}

.sub_header {
    margin-left: 0.2rem;
}

.ann_meta_description {
    display: block;
}

.ann_gerer_ann {
    display: inline-block;
}

@media (max-width: 1790px) {
    .ann_page_annonce .ann_filer-select select {
        font-size: 12px;
        /*width: min-content !important; */
        /*width: 80% !important;*/
    }
}

.ann_item_none {
    font-size: 1rem;
    margin: auto;
}

.ann_block-ruby {
    display: block ruby;
    white-space: nowrap;
}

.ann_title_bloc {
    display: flex;
}

.ann_parent_title_bloc {
    text-align: center;
    margin: auto;
}

.ann_page_annonce .annonces_list {
    min-height: 57em;
}

.shop_view_test {
    top: 770px !important;
}

.other_shop_view_test {
    top: 520px !important;
}

.sidenav_block {
    position: relative;
    width: 100%;
    padding: 0px;
    min-width: 365px;
    max-width: 400px;
}

#add_masterproduct,
.admin_page,
.container.my-3.marque.categorie_page.boutique.pb-4,
.container.my-3.marque.categorie_page.pb-4,
.clear.container.add_catefgory.pb-3,
#app3,
.page_code_reduction,
.page_login_guest_marchand,
.details_produit,
.page_mes_infos,
.myproduct,
.page_boutique_detail,
.page_rechercher_produits .page_alert,
.page_recuperer_passw,
.page_register_vapoteur,
.detail_part,
.liste_promo,
.gest_annonces_page,
.page_article_offres,
.page_article_no_link_data,
.partnerBanner,
.gest_annonces_page_edit,
#logo_site {
    margin-top: 160px !important;
}

.descp_cmp_text {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    color: #000000;
}

.cmp_desktop_view {
    display: block;
}

.cmp_mob_view {
    display: none;
}

.compteur_img {
    width: 100px;
    height: 100px;
    left: 40px;
}

.mise_a_jour_prix_img {
    background-image: url("https://www.kelklope.com/images/compteur/mise_a_jour_prix_img.png");
    background-size: 100px;
}

.titre_cmp_text {
    margin-bottom: 7px;
    /*position: absolute;*/
    /*font-family: 'Montserrat'; */
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    color: #000000;
    margin-top: 12px;
}

.row_init_cmp_home_page {
    padding-top: 1rem !important;
    padding-bottom: 1rem;
    margin-top: 1rem !important;
    margin-bottom: -1rem;
}

.plus_de_produits_img {
    background-image: url("https://www.kelklope.com/images/compteur/plus_de_produits_img.png");
    background-size: 100px;
}

.plus_de_boutique_img {
    background-image: url("https://www.kelklope.com/images/compteur/plus_de_boutique_img.png");
    background-size: 100px;
}

.child_bloc_cmp_text {
    padding-left: 40px;
}

.bloc_cmp_text {
    position: absolute;
    box-sizing: border-box;
    width: 264px;
    height: 95px;
    background: #ededed;
    border-radius: 10px;
    z-index: -1;
}

.scroll_active {
    position: fixed;
    min-width: 365px;
    top: 135px;
    margin-bottom: 100px;
    padding: 0px;
    max-width: 400px;
    padding-top: 10px;
}

.sidenav_block .btn-marque a {
    background: linear-gradient(to bottom, #475b7e 0%, #475b7e 100%) !important;
    border-bottom: none;
    border-radius: 15px;
    height: 32px;
}

.page_mes_annonces {
    margin-top: 125px !important;
}

.detail_part.home-page {
    margin-top: 120px !important;
}

.modal {
    margin-top: 120px;
}

.fade.description_txt.modal.show {
    margin-top: 0px !important;
}

.mob_version {
    display: none !important;
}

.mob_version,
.prod-boutique_url_text,
.art-updated_date,
.prod-boutique_url_text,
.art-updated_date {
    display: none;
}

.hide_mob_version {
    display: block;
    font-family: "Montserrat", sans-serif;
}

.no_result,
.b-no_result {
    text-align: center;
}

/*
.footer{
position: fixed;
bottom: 0;
}*/

/*
#add_masterproduct, .admin_page, .container.my-3.marque.categorie_page.boutique.pb-4,
.container.my-3.marque.categorie_page.pb-4, .clear.container.add_catefgory.pb-3{
margin-top: 10% !important;
}
*/

.site-img-center {
    text-align: center;
}

.logo-partner img {
    width: 50%;
}

.curve-content {
    font-size: 1rem;
}

.curve-content p {
    padding: 2%;
    font-size: 14px;
}

@media screen and (max-height: 1200px) {
    .footer {
        position: relative;
        bottom: 0;
    }
}

@media screen and (max-height: 700px) {
    .footer {
        position: relative;
        bottom: 0;
    }
}

.version_display_none {
    display: none;
}

.row_init_cmp_home_page {
    display: block;
}

@media (max-width: 768px) {
    .singlepartner-outer {
        width: auto;
        padding: 10px;
    }

    .custom_product_block {
        padding: 5px;
    }

    .reduction-list .grey_bg:nth-child(2n) {
        background: #fff;
    }

    .reduction-list .grey_bg:nth-child(4n) {
        background: #f3f3f3;
    }

    .cmp_price_update {
        width: 75px;
    }

    .cmp_desktop_view,
    .descp_cmp_text {
        display: none;
    }

    .row_init_cmp_home_page {
        padding-top: 1rem !important;
        padding-bottom: 0px;
        margin-top: 0.5rem !important;
        margin-bottom: 0px;
    }

    .titre_cmp_text {
        font-weight: 600;
        margin-bottom: 0px;
        font-size: 0.6rem;
        display: contents;
    }

    .compteur_img {
        width: 30px;
        height: 30px;
        left: 0px;
    }

    .mise_a_jour_prix_img,
    .plus_de_produits_img,
    .plus_de_boutique_img {
        background-size: 30px;
    }

    .detail_part.home-page .topbanner {
        margin-bottom: 0;
    }

    .child_bloc_cmp_text {
        padding-left: 0px;
        margin-top: -10px;
    }

    .bloc_cmp_text {
        padding: 0;
        margin: 0;
        position: initial;
        box-sizing: inherit;
        width: inherit;
        background: transparent;
        height: auto;
    }

    .bloc_compteur_homepage {
        padding-left: 0px;
        text-align: center;
    }

    .cmp_mob_view {
        display: flex;
    }

    .parent_bloc_compteur_homepage {
        margin: auto;
        padding: 0;
    }

    .container-logo-partner .react-multi-carousel-item {
        height: auto;
    }

    .scroll_active {
        position: relative;
        min-width: 100%;
        top: 0;
        margin-bottom: 0;
        padding: 10px;
    }

    #header .search_part button[type="submit"].search-icon {
        padding: 6px 12px 5px;
    }

    .row_mob_view {
        display: block;
    }

    .row_desktop_view {
        display: none;
    }

    .row_map_and_text_content {
        display: block;
    }

    .perso_localiastion_modal {
        min-width: 300px;
    }

    .categorie_page table.merchand-table.dataTable tbody > tr td {
        border-bottom: none;
    }

    .style_contenu_page {
        min-height: 511px;
    }

    .prod-boutique_url_text {
        display: block ruby;
        text-transform: capitalize;
        float: right;
        width: 50%;
        padding: 15px 10px;
    }

    .art-updated_date {
        display: block;
        width: 100%;
        float: left;
        font-size: 0.7rem;
        padding-top: 10px;
        font-family: "Montserrat";
    }

    .alert-card {
        display: block;
        margin: auto;
    }

    .hide_mob_version,
    .art-updated_date,
    .prod-boutique_url_text {
        display: block;
    }

    .prod-boutique_url_text {
        display: block ruby;
    }

    .titre_detail_produit {
        min-width: 300px;
    }

    .fiche_prod_img_boutique {
        /*max-width: 80px !important;*/
        float: left;
        vertical-align: middle;
        display: flex !important;
        align-items: center;
        max-width: initial;
    }

    .fiche_prod_img_boutique img {
        max-width: 40px;
    }

    #app3,
    .detail_part.home-page,
    .page_code_reduction,
    .details_produit,
    .page_mes_infos,
    .myproduct,
    .page_boutique_detail,
    .page_rechercher_produits .page_alert,
    .page_recuperer_passw,
    .page_register_vapoteur,
    .detail_part,
    .liste_promo,
    .page_article_offres,
    .page_article_no_link_data,
    .partnerBanner,
    .gest_annonces_page_edit,
    #logo_site {
        margin-top: 120px !important;
    }

    .page_login_guest_marchand {
        margin-top: 120px !important;
    }

    .deposer_ann {
        background-color: #ff7b0d !important;
        color: #fff !important;
        text-decoration: none !important;
    }

    .gerer_ann {
        background-color: #475b7e !important;
        color: #fff !important;
        text-decoration: none !important;
    }

    .prod-desc a {
        color: #000;
    }

    .normal-view {
        display: none !important;
    }

    #app_list_annonce_id {
        margin: auto !important;
    }

    .product-main.home-product {
        max-width: 500px;
    }

    .page_login_guest_marchand .login {
        border: none !important;
    }

    .page_mes_infos .border.bg-white.login {
        border: none !important;
    }

    .fade.forgot_modalbody.modal.show {
        margin-top: 40% !important;
    }

    .annonce_row {
        display: block !important;
    }

    .annonce_block,
    .mob_annonce_marg {
        margin: 2% !important;
    }

    .annonce_mob_min_height {
        min-height: 55em;
    }

    .page_annonce_view .annonces_list {
        min-height: 90em;
    }

    .annonce_block {
        height: 100%;
        border: none !important;
        padding: 3%;
    }

    /*
#app3{
margin-top: 20%;
}
.detail_part.home-page{
margin-top: 40% !important;
}

.page_code_reduction{
margin-top: 38% !important;
}
.detail_part{
margin-top: 30% !important;
}

.liste_promo{
margin-top: 17% !important;
}

.page_login_guest_marchand{
margin-top: 40% !important;
}

.details_produit{
margin-top: 40% !important;
}

.page_mes_infos, .myproduct{
margin-top: 40% !important;
}

.page_boutique_detail{
margin-top: 38% !important;
}

.page_alert{
margin-top: 38% !important;
}

.page_recuperer_passw{
margin-top: 35% !important;
}

.page_rechercher_produits{
margin-top: 38% !important;
}

.page_register_vapoteur{
margin-top: 40% !important;
}*/

    .page_register_vapoteur .border.bg-white.login {
        border: none !important;
    }

    #header .search_part {
        margin-top: -2% !important;
    }

    .mob_disposition_produit {
        display: block !important;
        padding: 1rem;
        margin: auto;
    }

    .parent_block_produits {
        text-align: center;
        max-width: 275px;
        max-height: 275px;
    }

    .search_parent_block_produits {
        max-width: 100%;
    }

    .mob_disposition_produit {
        text-align: left;
    }

    .liste_annonces {
        display: block !important;
        margin-left: 0.35rem;
    }

    .container {
        max-width: 100% !important;
    }

    .page_annonce {
        margin: 0 !important;
    }

    .annonce_elem {
        max-width: 100%;
        width: 97%;
    }

    .ann_meta_description,
    .ann_long_text,
    .ann_drop_and_manage {
        padding: 0ann_5rem !important;
    }

    .ann_meta_description,
    .ann_gerer_ann {
        display: none;
    }

    .ann_deposer_ann {
        margin-bottom: 1rem !important;
        margin-right: 0px !important;
    }

    .ann_normal-view {
        display: none !important;
    }

    .ann_row_select_categorie,
    .ann_row_select_tri {
        display: block;
        float: left !important;
        text-align: left;
        margin-top: 2%;
    }

    .ann_row_select_tri .ann_tri-par {
        width: auto;
    }

    .ann_row_search_ann {
        margin-top: 3%;
    }

    .ann_product-main.ann_home-product {
        box-shadow: 0px 0px 3px gray;
        margin-bottom: 1% !important;
    }

    .ann_annonce_mob_min_height {
        min-height: auto;
    }

    .ann_desktop_search_child_row {
        display: none;
    }

    .ann_mob_search_row {
        display: block;
    }

    .ann_annonce_block {
        min-height: 150px !important;
    }

    .ann_mob_view {
        display: block;
    }

    .ann_desktop_view {
        display: none;
    }
}

/*
@media(min-width:408px) and (max-width:850px){
#add_masterproduct, .admin_page, .container.my-3.marque.categorie_page.boutique.pb-4,
.container.my-3.marque.categorie_page.pb-4, .clear.container.add_catefgory.pb-3{
margin-top: 40% !important;
}
}
*/

.min_font_size {
    font-size: 0.85rem !important;
    font-weight: 100;
    color: #787878 !important;
    padding: 0;
    margin-left: 5%;
}

.footer_annonce {
    position: fixed !important;
}

.pos_absolute {
    position: absolute !important;
}

.annonce-row {
    margin: 0;
    background-color: #f8f8f8;
}

.annonce_data_tr img {
    width: 45px;
    height: 45px;
}

.title_bloc {
    display: flex;
}

.bg_second_color {
    position: relative;
    text-align: left;
    border-top: 1px solid #fff;
    border-bottom: none;
    /* border-bottom: 1px solid #fff; */
    background: #ffa84c;
    background: -moz-linear-gradient(top, #ffa84c 0%, #475b7e 100%) !important;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, #475b7e),
        color-stop(100%, #475b7e)
    ) !important;
    background: -webkit-linear-gradient(
        top,
        #475b7e 0%,
        #475b7e 100%
    ) !important;
    background: -o-linear-gradient(top, #475b7e 0%, #475b7e 100%) !important;
    background: -ms-linear-gradient(top, #475b7e 0%, #475b7e 100%) !important;
    background: linear-gradient(to bottom, #475b7e 0%, #475b7e 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#475b7e', endColorstr='#475b7e', GradientType=0) !important;
    line-height: 22px;
    color: #fff;
    font-size: 16px;
    padding: 10px 30px 10px 10px;
    margin-bottom: 6px;
}

.singlepartner {
    padding: 0 0 5px !important;
    border-radius: 15px;
}

.singlepartner_parent {
    background-color: #f5f5f5;
    border-bottom: none;
    margin-bottom: 1px;
    padding: 5px;
}

.boutique_sub_menu {
    display: none !important;
}

.mt-2rem {
    margin-top: 2rem !important;
}

.dt_pub_p_annonce {
    font-size: 0.75rem;
}

.voir_p_ann {
    background-color: #475b7e !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 25px !important;
    border-color: #475b7e !important;
    min-width: 270px;
}

.list-p-annonce {
    box-shadow: 0 0px 16px rgba(0, 0, 0, 0.3);
    border-radius: 30px;
    padding: 10px;
    margin-top: 10px;
}

.view_discount {
    display: none;
}

.inline_flex {
    display: block ruby;
}

.center_img {
    margin-top: 1.5rem;
}

.list-p-annonce-data {
    margin-bottom: 15px;
}

.padding-top-10 {
    padding-top: 10px;
}

.connecter {
    background-color: #ff7b0d !important;
    color: #fff !important;
    margin: auto;
    text-align: center;
    text-decoration: none;
}

.close_comm {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    border: none;
    background: #fff;
    margin-left: 92%;
}

.comm_header {
    padding: 5px;
}

.td_priority {
    font-size: 0.8rem;
}

.row_check_category_shop {
    max-width: 500px;
    text-align: center;
}

.form-radio_btn_category_shop {
    padding-right: 3px;
}

.form-radio_btn_category_shop input {
    width: fit-content;
}

.form-radio_btn {
    padding-right: 3px;
    margin-right: 0.5rem;
}

.form-radio_btn input {
    width: fit-content;
}

.d_block_b_physik {
    display: none;
}

.slideshow-container .mySlides:first-child {
    display: block;
}

/* */
.mob_view {
    display: none;
}

.desktop_view {
    display: block;
}

.deposer_ann {
    background-color: #ff7b0d !important;
    color: #fff !important;
    text-decoration: none !important;
    margin-right: 5%;
    border-radius: 25px !important;
    border-color: #ff7b0d !important;
    min-width: 270px;
}

.gerer_ann {
    background-color: #475b7e !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 25px !important;
    border-color: #475b7e !important;
    min-width: 270px;
}

/*
#app .footer{
display: none !important;
}*/
.annonce_block {
    min-height: 200px !important;
}

.ville_et_code_postal,
.categorie_annonce {
    font-size: 14px;
}

.date_publication {
    font-size: 12px;
    margin-top: 1%;
}

.custom_list_dropdown {
    left: 0px;
    top: 115px;
    min-width: 275px;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 12px;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    padding: 2px 0px;
    font-size: 90%;
    position: absolute;
    z-index: 9999;
    margin: 32px 0px 0px;
    max-height: 400px;
    overflow-x: hidden;
}

.item_list {
    background: white none repeat scroll 0% 0%;
}

.desktop_search_child_row {
    display: block;
}

.mob_search_row {
    display: none;
}

.page_annonce .filer-select select {
    /*width: min-content !important;*/
    width: 95% !important;
}

.meta_description {
    display: block;
}

.gerer_ann {
    display: inline-block;
}

@media (max-width: 1790px) {
    .page_annonce .filer-select select {
        font-size: 12px;
        /*width: min-content !important; */
        /*width: 80% !important;*/
    }
}

@media (max-width: 768px) {
    .fade.description_txt.modal.show {
        margin-top: 2rem !important;
    }

    .home-page .product-main.home-product .description_product {
        min-height: initial;
        height: 100%;
    }

    .ann_page_annonce .liste_annonces .mob-view .photo-produit {
        padding-top: 10px;
    }

    .search_part .code-espace.mobile-header-show {
        max-width: 290px !important;
    }

    ul.vapoteur_sub_menu.sub-menu.code-espace.justify-content-center.mobile-header-show.text-right {
        max-width: 234px !important;
    }

    .vapoteur_sub_menu {
        list-style: none;
        float: right !important;
        right: 12px !important;
        left: auto !important;
        top: 1px !important;
    }

    .mobile-toggle {
        float: left;
        margin-left: 0.1rem;
    }

    .mobile-vapoteurs {
        display: block;
        float: right;
        margin-top: -92px;
        color: #fff;
        margin-right: 6px;
    }

    .icone_vapoteur,
    .icone_vapoteur:hover {
        display: block;
        height: 28px;
        background-size: 28.5px !important;
        width: 28px;
        height: 28px !important;
    }

    .d-flex.code-espace.justify-content-center.mobile-header-show
        .icone_vapoteur {
        display: none;
    }

    .icone_vapoteur .guest_mobile {
        position: relative;
        content: "\f078";
        font: normal normal normal 12px/1 FontAwesome;
        right: 0px !important;
        top: 23px !important;
        color: #fff;
        right: -8px !important;
    }

    .logo {
        margin: auto;
        width: 95%;
        text-align: center;
    }

    .search_part .code-espace.mobile-header-show {
        float: left;
        left: 0;
        top: -15px;
    }

    .nav_icone_vapoteur {
        display: none;
    }

    .search_normal-view {
        display: none;
    }

    .block-search-title {
        margin-top: 20px;
    }

    .description_product {
        height: 100%;
    }

    .meta_description,
    .long_text,
    .drop_and_manage {
        padding: 0.5rem !important;
    }

    .bg_second_color,
    .show-list-detail {
        width: 100%;
    }

    .bg_custom_parent_partner,
    .scroll_active,
    .singlepartner_parent,
    .singlepartner-outer {
        max-width: initial;
    }

    .shop_view_block {
        max-width: inherit;
    }

    .product-main.home-product .description_product h5.card-title {
        line-height: 22px;
        max-height: 85px;
        display: flex;
        height: 30px;
        justify-content: center;
    }

    .meta_description,
    .gerer_ann {
        display: none;
    }

    .deposer_ann {
        margin-bottom: 1rem !important;
        margin-right: 0px !important;
    }

    .footer_annonce {
        position: relative !important;
    }

    .normal-view {
        display: none !important;
    }

    .row_select_categorie,
    .row_select_tri {
        display: block;
        float: left !important;
        text-align: left;
        margin-top: 2%;
    }

    .row_select_tri .tri-par {
        width: auto;
    }

    .row_search_ann {
        margin-top: 3%;
    }

    .product-main.home-product {
        box-shadow: 0px 0px 3px gray;
        margin-bottom: 1% !important;
        height: 30%;
    }

    .annonce_mob_min_height {
        min-height: auto;
    }

    .desktop_search_child_row {
        display: none;
    }

    .mob_search_row {
        display: block;
    }

    .annonce_block {
        min-height: 150px !important;
    }

    .mob_view {
        display: block;
    }

    .desktop_view {
        display: none;
    }

    /*
row_select_categorie, row_search_ann, row_select_tri
*/
}

.item_none {
    font-size: 1rem;
    margin: auto;
}

.block-ruby {
    display: block ruby;
    white-space: nowrap;
}

.title_bloc {
    display: flex;
}

.parent_title_bloc {
    text-align: center;
    margin: auto;
}

/* next_ann & prev_annious buttons */
.prev_ann,
.next_ann {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 12px;
    margin-top: -22px;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border: none;
    user-select: none;
    background-color: transparent;
    color: #a6a6a6;
}

/* Position the "next_ann button" to the right */
.next_ann {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev_ann:hover,
.next_ann:hover {
    /*background-color: rgba(0,0,0,0.8);*/
    background-color: transparent !important;
    color: #a6a6a6 !important;
    border: none !important;
}

.prev_ann {
    left: 0;
}

.next_ann {
    right: 0;
}

.prev_ann:hover,
.next_ann:hover {
    background-color: #000;
    color: #fff;
}

@media only screen and (max-width: 300px) {
    .prev_ann,
    .next_ann,
    .text {
        font-size: 11px;
    }
}

.go_back {
    background-color: #475b7e !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 25px !important;
    border-color: #475b7e !important;
    min-width: 70px;
    font-size: 0.9rem;
}

.photo-produit-detail {
    width: 420px;
    height: 430px;
    margin: auto;
    background-color: #f2f2f2;
}

/* Slideshow container */
.slideshow-container {
    max-width: 1000px;
    position: relative;
    margin: auto;
}

.mySlides {
    display: none;
}

/* Caption text */
.text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

/* The dots/bullets/indicators */
.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

@keyframes fade_ann {
    from {
        opacity: 0.4;
    }

    to {
        opacity: 1;
    }
}

.fade_ann:not(.show) {
    opacity: 1 !important;
}

.annonce_img {
    width: 100%;
    height: 100%;
    max-height: 430px;
    max-width: 450px;
    cursor: pointer;
    padding: 1%;
}

.seeMoreAnnonceButton {
    width: 20%;
    background-color: #1a1a1a;
    color: #fff;
    padding: 5px;
    text-align: center;
    text-decoration: none;
}

.seeMoreAnnonceButton:hover {
    color: #fff;
    text-decoration: none;
}

.contacter {
    max-width: 230px;
    margin: auto;
    border-radius: 1rem;
    font-size: 1.1rem;
}

.detail_product {
    font-size: 18px;
    font-family: "Montserrat Alternates";
    margin-top: 1rem;
}

.detail_product label {
    margin-bottom: 5%;
}

.block_annonce {
    text-align: left !important;
    margin: auto !important;
}

.date_heure {
    font-size: 14px;
}

.search_normal-view .photo-produit img {
    max-width: inherit;
    max-height: inherit;
}

.search_photo-produit img {
    width: initial;
    height: initial;
}

.block_produit {
    display: flex;
    flex-wrap: wrap;
}

.search_text_color {
    color: #a5a5a5 !important;
    text-decoration: none;
}

.search_title {
    font-size: 1.1rem;
    display: inline;
    font-weight: 400;
}

.block-search-title {
    margin-bottom: 10px;
}

.content_img {
    margin-left: 25px;
}

.ann_middle {
    transition: 0.5s ease;
    opacity: 0;
    position: relative;
    /*transform: translate(-50%, -50%);*/
    /*-ms-transform: translate(-50%, -50%);*/
    text-align: center;
    display: block;
}

.img_annonce_display:hover {
    opacity: 0.3;
}

.container_img:hover .ann_middle {
    opacity: 1;
}

.container_img {
    max-height: 165px;
    display: inline-flex;
}

.ann_middle .btn-custom_native {
    background-color: #324160;
    margin-right: 0.3rem;
    color: #fff;
}

.ann_middle i {
    font-size: 1rem;
}

.ann_middle span {
    margin-bottom: 1rem;
}

.img_annonce_display {
    width: 150px;
    height: 150px;
    margin-bottom: 5px;
    display: block;
    transition: 0.5s ease;
    backface-visibility: hidden;
    opacity: 1;
    float: left;
}

.curve-content p {
    font-size: 14px !important;
}

.curve-content h1 {
    font-size: 30px !important;
    color: #436b92;
}

#fluxmodal .modal-content {
    max-height: 75vh;
    overflow-y: auto;
}

.textSectionCategory {
    display: flex;
    justify-content: space-around;
    margin-top: 30px;
}

.textSection {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 5px;
    border-width: 3px;
    background-color: #f5f5f5;
    border-color: #a6a6a6;
    margin-bottom: 15px;
    padding: 10px 1px 0px 10px;
    box-shadow: 2px 1px 8px 0 rgba(0, 0, 0, 0.27);
}

.titleText {
    font-size: 17px;
    font-weight: normal;
    color: #333;
}

.text-section {
    border-top: 1px solid #dadada;
    padding-top: 5px;
}

.desc-seller-container {
    height: 280px;
}

.annonce_detail_size {
    width: 100%;
    border-radius: 10px;
    min-height: 100px;
    background-color: #eaeaea;
    padding: 10px;
}

.contactSellerButton {
    background-color: #1a1a1a;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    align-self: center;
    margin-top: auto;
    text-align: center;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.contactSellerButton:hover {
    color: #fff;
}

.product-detail-container {
    gap: 20px;
}

.product-similar-container {
    width: 100%;
}

.similarAnnonceContainer {
    flex: 0 1 250px;
    margin: 10px;
}
.photo-grid {
    display: flex;
    width: 100%;
    height: 285px;
    gap: 10px;
}

.main-photo {
    flex: 2;
    height: 100%;
}

.right-photos {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    height: 100%;
}

.small-photo {
    flex: 1;
    height: 48%;
}

.photo {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 10px;
    background-color: #eaeaea;
}

.allProductsContainer {
    flex: 1;
    display: flex;
    /* justify-content: center; */
    /* align-items: center; */
    margin: 10px;
    flex-direction: column;
}

.productListContainer {
    width: 80%;
}

.emptySquare {
    width: 100%;
    height: 100%;
    background-color: #eaeaea;
    border-radius: 10px;
}

.annonce_details {
    width: 95%;
    border-bottom: 1px solid #1a1a1a;
    padding: 5px;
    font-size: 18px;
}

.priceAnnonceContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eaeaea;
    font-weight: bold;
    color: #1a1a1a;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 10px;
    width: 100px;
    font-size: 20px;
}

.favoriteButton {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-color: #feeb17;
    color: #1a1a1a;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #feeb17;
}

.favoriteButton img {
    margin-left: 10px;
}

.buyProductButton {
    background-color: #feeb17;
    color: #1a1a1a;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #feeb17;
}

.buyProductButton.ml-2 {
    margin-left: 10px;
}
.publicityContainer {
    width: 80%;
    height: 20%;
    border: 2px solid #1a1a1a;
    padding: 10px;
    text-align: center;
}

.descriptionPageContainer {
    text-align: center;
    width: 100%;
}

.categoryItem {
    width: 75%;
    height: 85px;
    background-color: #1a1a1a;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    margin: 10px;
    text-align: center;
    line-height: 70px;
    text-decoration: none;
}

.categoryItem:hover {
    text-decoration: none;
}

@media (max-width: 570px) {
    .categoryItem {
        width: 100%;
        margin-top: 10px;
    }
    .priceAnnonceContainer {
        width: 100%;
    }

    .favoriteButton {
        width: 100%;
    }

    .product-detail-container {
        gap: 0px;
    }
}

@media (min-width: 768px) {
    .buyProductButton {
        width: 30% !important;
    }
}

.zoom-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.zoom-image {
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: center;
    transition: transform 0.2s ease, top 0.2s ease, left 0.2s ease;
}

.zoom-container:hover .zoom-image {
    transform: scale(2);
}

.blackButton {
    background-color: #1a1a1a;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #1a1a1a;
    transition: all 0.3s ease;
}

.yellowButton {
    background-color: #feeb17;
    color: #1a1a1a;
    padding: 5px;
    border-radius: 5px;
    border: none;
    transition: all 0.3s ease;
}

.yellowButton:hover {
    background-color: #1a1a1a;
    color: #feeb17;
    border-color: #1a1a1a;
    transform: scale(1.02);
    text-decoration: none;
}

.blackButton:hover {
    background-color: #d3d3d3;
    color: #1a1a1a;
    transform: scale(1.02);
    text-decoration: none;
}

.profilInformations {
    background-color: #eaeaea;
    padding: 20px;
    border-radius: 10px;
    border-top-left-radius: 0px;
}

.annonce-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 1px 2px 7px -2px #1a1a1a;
    text-align: center;
    position: relative;
    width: 100%;
    overflow: hidden;
    transition: all 0.3s ease;
}
.annonce-card:hover {
    box-shadow: 1px 2px 7px -1px #1a1a1a;
    transform: scale(1.02);
}

.annonce-image {
    width: 100%;
    height: 185px;
    border-radius: 10px 10px 0 0;
    object-fit: cover;
}

.annonce-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
    height: 100%;
    justify-content: space-around;
}

.addAnnoncesButton:before {
    content: "+";
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    margin-right: 10px;
    color: #ffffff;
    font-weight: 900;
    width: 25px;
    height: 25px;
    background-color: #1a1a1a;
    border-radius: 50%;
}

.annonce-title {
    font-size: 18px;
    font-weight: bold;
    color: #1a1a1a;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 45px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.annonce-description {
    font-size: 14px;
    color: #808080;
    text-align: center;
    max-height: 40px;
    overflow: hidden;
}

.annonce-price {
    font-size: 20px;
    font-weight: bold;
    color: #1a1a1a;
    margin: 10px 0;
    padding: 5px 10px;
    background-color: #feeb17;
    border-radius: 10px;
    width: 75px;
}

.annonce-date {
    font-size: 12px;
    color: #1a1a1a;
    margin-bottom: 10px;
}

.annonce-status {
    position: absolute;
    top: 20px;
    right: 0;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 5px 0px 0px 5px;
    color: #fff;
}

.annonce-status.publie {
    background-color: #50b456;
}

.annonce-status.encours {
    background-color: #fc7e17;
}

.annonce-status.refuse {
    background-color: #dd1535;
}

.annonce-actions {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 10px;
    align-items: center;
}

.tabsAnnonce {
    display: flex;
    justify-content: center;
    border-bottom: 3px solid #1a1a1a;
    margin-bottom: 20px;
}

.tabAnnonce {
    padding: 10px 20px;
    font-weight: bold;
    cursor: pointer;
    font-size: 18px;
    border: 3px solid #1a1a1a;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    text-align: center;
}

.tabAnnonce.active {
    color: #fff;
}

.tabAnnonce:not(.active) {
    color: #1a1a1a;
}

@media (max-width: 950px) {
    .tabAnnonce {
        font-size: 16px;
        padding: 8px 15px;
    }
    .annonce_details {
        margin: 0px;
    }
}

.addAnnonceContainer {
    background-color: #eaeaea;
    border-radius: 10px;
    border-top-left-radius: 0px;
}

.formAddAnnonce {
    border-radius: 10px;
    width: 100%;
    box-shadow: 1px 1px 2px -1px #1a1a1a;
}

.labelAddAnnonce {
    font-size: 17px;
    text-align: end;
    margin-right: 15px;
    width: 25%;
}

.closeAddAnnonce {
    background-color: #fff;
    color: #1a1a1a;
    border: 1px solid #1a1a1a;
    border-radius: 50px;
    width: 30px;
    font-weight: 900;
    height: 30px;
}

@media (max-width: 768px) {
    .labelAddAnnonce {
        text-align: center;
        width: 100%;
    }
}

.sticky-search {
    position: sticky;
    top: 0;
    z-index: 1;
    padding-bottom: 8px;
    border-bottom: 1px solid #eaeaea;
    justify-content: center;
    align-items: center;
}

.tooltipQuestion {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #1a1a1a;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 15px;
    cursor: pointer;
}

.tooltip-textAddAnnonce {
    visibility: hidden;
    width: 250px;
    background-color: #1a1a1a;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -125px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltipAddAnnonce-container {
    position: relative;
    display: inline-block;
    top: 5px;
}

.tooltipAddAnnonce-container:hover .tooltip-textAddAnnonce {
    visibility: visible;
    opacity: 1;
}

.form-control-filter {
    background-color: #fff;
    color: #1a1a1a;
    border: 1px solid #1a1a1a;
    border-radius: 5px;
}

.boutique-card {
    width: 100%;
    max-width: 270px;
    min-height: 300px;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}

.boutique-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .boutique-card {
        width: 165px;
        height: 330px;
    }
}

.boutique-header {
    margin-bottom: 15px;
    flex-shrink: 0;
}

.boutique-logo {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.boutique-name-title {
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
}

.boutique-address,
.boutique-email {
    font-size: 12px;
    color: #1a1a1a;
    margin: 5px 0;
}

.boutique-link {
    margin-top: 10px;
    padding: 8px 12px;
    background-color: #ffc107;
    color: #000;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.boutique-link:hover {
    background-color: #eaeaea;
}

.returnConnexion {
    text-decoration: underline;
}

.returnConnexion:hover {
    text-decoration: underline;
    color: #1a1a1a;
}

.partner-carousel-container {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
}

.partner-carousel-track {
    display: flex;
    animation: scroll 20s linear infinite;
}

.partner-group {
    display: flex;
    justify-content: space-between;
    flex: 0 0 auto;
}

.partner-item {
    flex: 0 0 auto;
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.partner-logo {
    object-fit: contain;
}

/* Animation */
@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.filtersContainer {
    border-radius: 20px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    background-color: #eaeaea;
}

.filterByTitle {
    background-color: #feeb17;
    padding: 10px;
    border-top-left-radius: 20px;
    text-align: end;
}

.filterSelectStyle {
    background-color: #ffffff00;
    border: none;
    text-align: end;
}

@media (max-width: 576px) {
    .filtersContainer {
        border-radius: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        background-color: #f5f5f5;
    }

    .filterByTitle {
        text-align: center;
        border-top-left-radius: 0;
        font-size: 16px;
        padding: 8px;
    }

    .filterSelectStyle {
        text-align: left;
        width: 100%;
        margin: 5px 0;
    }
}