.masonry-item span {
    background: #393939;
    color: white;
    padding: 7px 15px;
    border-radius: 6px;
    font-size: 18px;
    letter-spacing: 1px;
    display: flex;
    margin: 10px auto 15px auto;
}

.no-results-message {
    color: white;
}

.stockNumber_wrapper {
    background: #252525;
    color:white;
    border:none;
}

.search-submit {
    background: #141414;
    color: white;
    vertical-align: middle;
    padding: 9px 20px;
    border: 0;
    outline: none;
    cursor: pointer;
    border-radius: 0px 5px 5px 0px;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.widget-filters__actions.d-flex .btn span {
    color: white;
}

.sidebar--offcanvas--always .sidebar__close {
    fill: white;
}

span.filters-button__icon svg path {
    fill: white !important;
}

.search-submit {
    background: #141414;
}



select#searchSelectFilter1 {
    background: #222222;
    border: none;
    color: #eeeeee;
    padding: 0px 10px;
    outline: none;
}

@media (min-width: 992px) and (max-width: 1200px) {

    select#searchSelectFilter {
        border: 1px solid #474747;
        background: #191919;
    }

    .border-around {
        border: 3px solid #000000;
        border-radius: 5px;
    }

}

span.indicator__icon.favorisHeart svg {
    fill: black;
}

input#CT_Num,
input#E_Exp,
input#DO_Souche,
input#DO_Tiers,
.transportWrapper input{
    background-color: #353535 !important;
    color: white !important;
}

div#EnteteReleve_length select {
    border-color: #5e5b5b !important;
}

div#EnteteReleve_length label {
    color: #727272;
}

.typography table {
    background: #252525 !important;
    color: white;
}

select#searchSelectFilter {
    width: 170px;
    border: none;
    border-radius: 3px 0px 0px 3px;
    background: #222222;
    border-right: 1px solid #303030;
    color: grey;
    padding: 0px 5px;
    cursor: pointer;
}

#panier-table td:nth-child(8) input {
    width: 100px !important;
    background: #484747;
    border: none;
    color: white;
    text-transform: uppercase;
    padding: 10px;
    border-radius: 5px;
}

button#toggleSwitchSearch {
    background: #343434;
    border: none;
    width: 80px;
    border-radius: 5px;
    color: white;
}

.search__button--end {
    color: white !important;
}




.account__details {

    background: #252525;
    border: 1px solid #3a3838;

}

input#monthInput {

    background: #181818;
    color: white;

}

.dataTables_info {
    color: white !important;
    margin-top: 60px;
}


span.indicator__icon.favorisHeart svg {
    fill: white;
}
.my-account-dashboard div#table__one_wrapper,
.form-section-two,
div#table__two_wrapper {
    border: 1px solid #3f3f3f;
    border-radius: 5px;
    padding: 10px;
}

.nav-scroll-container li.nav-item {
    border-right: 1px solid #292929;
}

.nav-scroll-container li.nav-item:nth-child(4){
    border-right: none !important;
}

span.indicator__icon {
    fill: white !important;
}

.dataTables_wrapper {
    border: none;
    border-radius: 5px;
    padding: 20px 0px;
}

.apexcharts-legend-series span.apexcharts-legend-text {
    color: white !important;
}

.form-section-two label {
    display: block;
    text-align: left;
    font-size: 20px;
    color: white;
}

a.paginate_button {
    background: #454545 !important;
}


span.tableTitleTab::before, span.tableTitleTab::after {
    border: 1px solid #353535;
}

span.tableTitleTab::before, span.tableTitleTab::after {
    border: 1px solid #353535;

}

ul#myTab {
    border: 1px solid #3a3838;

}

span.tableTitleTab {

    background: #353535;
    color: white;

}

.tg-account .account-banner .inner-banner .nav-area ul li a.active,
.tg-account .account-banner .inner-banner .nav-area ul li a:hover {
    color: white;
    background: #252525;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: white !important;
    color: black !important;
}

.apexcharts-title-text,
.apexcharts-menu-icon svg path:nth-child(2) {
    fill: white !important;
}

.account__CD {

    background: #252525;
    border: 1px solid #3a3838;
}

.apexcharts-svg text {
    fill: white;
}

.st0 {
    fill: white;
    stroke-width: 10px;
    stroke: white;
}

.grid-item img {
    border: 1px solid #4c4c4c;
}

.changeBtnBg {
    background: black !important;
    color: white !important;
}



h1.offrePageTitle {
    color: white !important;
}

.flipdown.flipdown__theme-dark .rotor-group-heading:before {
    color: white !important;
}

.flipdown.flipdown__theme-dark .rotor-bottom, .flipdown.flipdown__theme-dark .rotor-leaf-rear {
    color: #efefef;
    background-color: #393737 !important;
}

flipdown.flipdown__theme-dark .rotor, .flipdown.flipdown__theme-dark .rotor-top, .flipdown.flipdown__theme-dark .rotor-leaf-front {
    color: #efefef;
    background-color: #393737 !important;
}

.flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before, .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after {
    background-color: #393737 !important;
}

.flipdown.flipdown__theme-dark .rotor:after {
    border-top: solid 1px #151515 !important;
}

.indicator:hover .st0 {
    fill: #262626 !important;
    stroke-width: 10px;
    stroke: #262626;
}

.indicator:hover .favorisHeart svg path {
    fill: #262626 !important;
}

input#InputRechercheProduit{
    border: none !important;
    background: #222222 !important;
}

.sidebar__header__top {
    display: flex;
    width: 100%;
    padding: 10px 15px;
    background: #141414;
    border-bottom: 1px solid #3a3a3a;
}
/* Style for even rows (black background with a slightly darker shade) */
#panier-table tbody tr:nth-child(even),
tr.wishlist__row.wishlist__row--body.even,
table.dataTable tbody tr.even {
    background-color: #333 !important; /* Dark gray */
}

#panier-table td:nth-child(3) a {
    color: white !important;
}


.dataTableWrapper.reduceMarginTop {
    width: 100%;
    margin-bottom: 30px;
    padding: 15px;
    background: #191919;
    border: 1px solid #444444;
    border-radius: 5px;
}

table.dataTable thead {
    color: grey;
    background: #252525;
}

.wishlist__column--body {
    border-top: 1px solid #3e3e3e;
}

/* Style for odd rows (lighter shade for contrast) */
#panier-table tbody tr:nth-child(odd),
tr.wishlist__row.wishlist__row--body.odd,
table.dataTable tbody tr.odd {
    background-color: #222 !important; /* Slightly darker gray */
}

.dataTables_wrapper .dataTables_filter input {
    padding: 7px 10px !important;
    outline: none;
    color: white !important;
    background: #252525 !important;
    border-radius: 5px !important;
    border: 1px solid #5e5b5b  !important;
}

.widget-filters__actions.d-flex input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    position: relative;
    background-color: #efefef;
    transition: background-color 0.3s ease, border-color 0.3s ease;
    padding: 12px;
    margin: 0px 5px 0px 0px;
    cursor: pointer;
    box-shadow: inset 0 0 10px #303030;
}

.sidebar--offcanvas--always .sidebar__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #3a3a3a;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-wrap: wrap; /* Add this */
    flex-wrap: wrap; /* Add this */
}

.search-input {
    background: #363636;
    color: white;
    vertical-align: middle;
    font-size: 16px;
    line-height: 2;
    padding: 5px 16px;
    border: 0;
    outline: none;
    border-radius: 5px 0px 0px 5px;
}

.widget-filters__actions.d-flex .btn i {
    padding: 15px 8px !important;
    line-height: 0px !important;
    background: #505050;
    border-radius: 5px;
    color: white;
}

.bottomFooterWrapper .product-card__addtocart-icon,
.product-card__rating,
.block-products-columns .product-card__rating{
    background: transparent !important;
}

.category-card--layout--classic .category-card__info {
    background: black;
}

.questionParagraph {
    color: white;
}

.questionnaire {
    background: #1E1E1E;
}

h1.table-title {
    color: white;
}

.questionnaire table th, .questionnaire table td {
    background: #252525;
    color: white;
    border: 1px solid #313131;
}

textarea.questionInput {
    background: #2f2f2f;
    border: 1px solid #3f3f3f !important;
}

.block-sale__item,
.block-products-carousel__column,
.block-products-columns__list-item,
.block-brands__item-link img,
.block-categories__item{
    border: none;
    border-radius: 5px;
}

/****************************** Background Only ******************************/

.product-card__footer,
.widget-filters__list,
.search-wrapper:after,
.block-brands__list:after,
.block-products-columns .product-card__info,
.block-products-carousel__column .product-card__info,
.block-products-columns .product-card__rating,
.product-card__info,
.block-sale__item .product-card .product-card__footer,
.block-sale__item .product-card:after,
.products-list[data-layout="grid"] .product-card .product-card__footer{
    background: #1e1e1e;
}


.block-categories__body,
.block.block-sale,
.block-features.block.block-features--layout--bottom-strip,
.shop-grid,
.error-page,
.account-addresses,
.commandes,
.contact-page,
.adress_update,
.account-password,
.checkout-page,
.cart-page,
.product-page,
.account-profile,
.block-space--layout--before-footer,
.account-dashboard,
.whislist-page,
.family-page,
.capcarrosserie,
.capservice,
.filtration,
.accessoire,
.allumage,
.autres,
.carrosserie,
.courrois,
.divers,
.echappement,
.embrayage,
.freinage,
.goujon,
.lubrifiant,
.moteur,
.refroidissement,
.soufflet,
.suspension,
.reg,
.block.block-products-carousel.nouveaute,
.block-space.block-space--layout--divider-nl.change-bg-color,
.block.search-section,
.block.block-brands.block-brands--layout--columns-8-full,
.block.search-section,
.change-bg-color-carte{
    background: #252525 !important;
}

.header,
.header__megamenu-are,
.header__topbar-classic-bg,
.topbar--classic,
.header__navbar,
.block-categories__body,
.block-categories__title-decor .decor__start,
.block-categories__title-decor .decor__end,
.block-categories__title-decor .decor__center,
.block-categories__body-decor .decor__start,
.block-categories__body-decor .decor__end,
.block-categories__body-decor .decor__center,
.block-sale__body-decor .decor__start,
.block-sale__body-decor .decor__end,
.block-sale__body-decor .decor__center,
.site-footer,
.site-footer__decor .decor__start,
.site-footer__decor .decor__end {
    background: #191919 !important;
}


.site__body {
    background: #191919;
}

.timer__dots:before,
.timer__dots:after {
    background: white;
}

.filters-button:hover {
    background: #9d9d9d;
}

.block-products-carousel__column .product-card--layout--grid:after {
    background: #403f3f;
}

.block-brands__divider,
.block-brands--layout--columns-8-full .block-brands__divider{
    background: transparent;
}

.category-card--layout--classic .category-card__body {
    background-color: #fcfcfc;
}

.filters-button {
    background: #373535 !important;
}

.mobile-header {
    background: #2a2a2a !important;
}

.mobile-header__menu-button:hover {
    background: black !important;
}

.site-footer__bottom {
    background-color: #2b2b2b !important;
}

.category-card--layout--classic .category-card__image {
    background: white;
}

.sidebar--offcanvas--always .sidebar__close,
.products-list[data-layout="grid"] .product-card:after{
    background-color: white;
}

/****************************** Color Only ******************************/

.not-found__title,
.not-found__text,
.dialog-header h4,
.product__title,
.product__features,
.product__price,
.related-product h2.section-header__title,
.shop-features__item-subtitle,
.section-header__title,
.aroma-category-link h3 span,
.fixBg .input-number__add,
.fixBg .input-number__sub,
.fixBg-b .input-number__add,
.fixBg-b .input-number__sub,
.fixBg-c .input-number__add,
.fixBg-c .input-number__sub,
.product-card .product-card__prices,
.form-control + .select2-container .select2-selection__rendered,
.footer-contacts__title,
.footer-links__title,
.footer-newsletter__title,
.remise-2,
.disponibilité,
.reference,
.designation,
.famille,
.reference-block-title,
.search-wrapper label,
.search-wrapper span,
.topbar--classic .topbar__item-text,
span.settingsName,
.indicator__title,
.indicator__value,
.main-menu .main-menu__link,
.block-sale__title,
.block-sale__subtitle,
.block-features__item-title,
.phone__number,
.label-minute, 
.label-hour, 
.label-second,
.notification a,
.account__details__info, .account__details__profile,
.dt-search label,
.block-categories__title,
.section-header__groups-button,
.block-products-columns__title,
.block-products-carousel__column .product-card__price.product-card__price--current .block-products-columns .product-card__info,
.product-card .product-card__name a,
.block-products-columns .product-card__info,
.block-products-columns .product-card__price,
.block-products-columns .product-card__rating,
.product-card .product-card__price--new,
.product-card__rating-label,
.block-products-carousel .product-card__price,
.block-products-carousel__column .product-card__rating-label,
.block-products-carousel .product-card .product-card__addtocart-icon svg,
.block-sale__item .product-card .product-card__addtocart-icon svg,
.input-number__add,
.input-number__sub,
.product-card .product-card__prices,
h1.block-header__title,
.bottomFooterWrapper .product-card__addtocart-icon,
.contact-us__address .fa-square-phone:before,
.mobile-search__input,
span.settingsName i,
.compte-icon a i,
.notification a i,
span#calendar-icon-reg {
    color: white !important;
}


.block-features__item-subtitle,
.product-card .product-card__price--old{
    color: white !important;
}

.product-card .product-card__name .product-reference {
    color: orange !important;
}

.footer-contacts__contacts dt {
    color: #dddddd !important;
}

.card-table tbody tr:hover > *,
.card-table tfoot tr:hover > *,
.account-nav__item--active:hover{
    color: black !important;
}

/****************************** color + box-shadow + border + background ******************************/

a.addresses-list__item.addresses-list__item--new,
.addresses-list__item.card.address-card,
.account-nav,
.products-view__options,
.sidebar--offcanvas--always .sidebar__body,
.products-view__pagination,
.card,
.cart-table__table,
.product--layout--full .product__card,
.product__tabs.product-tabs.product-tabs--layout--full,
.product__info-card,
.product__shop-features,
.wishlist,
.categoBox,
.category-card__body,
.product-vid,
.product__info__wrapper,
.product_all_info,
.product__all_price,
.product__video,
.dataTableWrapper.reduceMarginTop{
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid #353535 !important;
    background: #1E1E1E !important;
    color: white !important;
}


/****************************** color + Background ******************************/

.my-account-dashboard .dt-container .dt-paging .dt-paging-button,
.tabs.tg-tabs-content-wrapp .dt-paging nav button.dt-paging-button.current{
    color: #282626 !important;
    background: #f2f2f2;
}

.my-account-dashboard .dt-container .dt-paging .dt-paging-button:not(.current):not(.next):not(.previous):not(.last):not(.first) {
    color: white !important;
    background: transparent;
}


table.dataTable thead {
    color: white;
    background: #191919;
}

div.dt-buttons>.dt-button {
    background: #2a2a2a !important;
    color: white !important;
}

/************************* Border + Background + box-shadow *******************/

.sendInfoToTable,
.tg,
.block-brands__list,
.search-wrapper{
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border: 1px solid #353535;
    background: #1E1E1E;
}

.dashboardMonthInput,
.tg-tabs-content-wrapp{
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid #3a3838  !important;
    background: #252525;
}

/****************************** Box-shadow only ******************************/

.block-categories__title-decor .decor__start,
.block-categories__title-decor .decor__end,
.block-categories__body-decor .decor__start,
.block-categories__body-decor .decor__end,
.block-categories__body{
    -webkit-box-shadow: none;
    box-shadow: none;
}

/****************************** color + border + background ******************************/

#clientNameInput,
#transportNameInput,
select#modeDeReg,
#bordereauInput,
#dueDate,
#bdaymonth,
#referencetInput,
#points,
#agenceInput,
#montantInput{
    color: white;
    background: #353535;
}

.tg-account .account-banner .inner-banner .nav-area ul li a {
    background: #363636;
    color: #fff;

}


/******************************** border-bottom **************************************/

.header__topbar-classic,
.header__navbar,
.header__topbar-classic-bg {
    border-bottom: 1px solid #353535 !important;
}

.subcategory::after {
    border-bottom: 15px solid orange;

}


/******************************** fill **************************************/

.indicator__icon,
.filters-button__icon,
.mobile-indicator__icon {
    fill: white !important;
}

/******************************** other css **************************************/
button.btn.btn-secondary.btn-sm.btn-actualiser {
    background: white;
}


.widget-filters__actions.d-flex input[type="checkbox"] {
    background-color: #505050;
}


hr.separateLine {
    width: 100%;
    background: #525252;
    margin: 70px 0px;
}


.form-reg input[type="submit"] {
    background: white;
    color: #31353D;
}

.reglementTable {
    padding: 15px;
    margin-top: -45px;
    position: relative;
    z-index: 1;
    background: #191919;
    color: white;
}

.monthYearWrapper input[type="month"] {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%23ffffff' d='M19 3h-2V1h-2v2H9V1H7v2H5c-1.1 0-1.99.9-1.99 2L3 19c0 1.1.89 2 1.99 2H19c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM5 19V7h14v12H5z'/%3E%3C/svg%3E%0A")!important; /* Use Font Awesome calendar icon */

}

.toggle-icon {

    color: black !important;
}

#clientNameInput,
select#modeDeReg,
#montantInput,
#dueDate,
#bdaymonth,
#referencetInput,
textarea#description,
input.flatpickr-input.flatpickr-mobile,
.dueDateWrapper .form-control.input{
    background-color: #353535 !important;
}


::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

.reg select {
    
    background-color: #353535 !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='17px' width='17px' viewBox='0 0 16 16' fill='white'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") no-repeat right 10px center !important;
}



.form-reg {
    background: #191919;
}


.header__navbar {
    border-top: 1px solid #353535 !important;
}

.block-products-columns__list-item {
    border: 1px solid #353535;
}

div.dt-container .dt-search input {
    background: white;
    border: 1px solid lightgrey !important;
}

a.allCartes {
    background: white;
    color: black;
}

.account__card .card {

}

.block-products-carousel__column .product-card__footer {
    background: #1E1E1E;
    padding: 10px 11px;
    height: 100%;
}

.formInputWrapper textarea {
    width: 100%;
    border: none;
    border-radius: 5px;
    padding: 2px 9px;
    background: #252525;
    color: white;
}

table.dataTable tbody {
    color: white;
    font-size: 15px;
}

.formInputWrapper label {
    width: 10%;
    margin: 0px;
    color: white;
    text-align: left;
}

.block-space.block-space--layout--divider-nl.change-bg-color-two {
    background: #252525;
}

.formInputWrapper input#CT_Num,
.formInputWrapper input#E_Exp {
    width: 100%;
    border-radius: 5px;
    border: none;
    height: 45px;
    padding: 5px 10px;
    background: #252525;
    appearance: none;
    -moz-appearance: none;
    color: white !important;

}

.search__input {
    color: white !important;
}

.submitPanier button.btn.btn-block.btn-dark {
    width: 90%;
    float: right;
    height: 55px;
    background: #181818;
    outline: none;
    text-transform: uppercase;
    gap: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    border: 1px solid #383838;
    border-radius: 5px;
}

.panierForm {
    width: 100%;
    background: #1e1e1e;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
    border-radius: 5px;
    border: 1px solid #444444;
}

td.panierBrut, tbody#panierTableBody td:last-child {
    color: white !important;
}

.main-menu .main-menu__item:hover .main-menu__link,
a.main-menu__link.helpDesk:hover{
    background: white !important;
    color: orange !important;
}

.bottomFooterWrapper .form-control {
    color: white;
    background-color: transparent;
    border-color: #353535;
}

.block-sale__item .bottomFooterWrapper .product-card__addtocart-icon,
.block-products-carousel__cell .bottomFooterWrapper .product-card__addtocart-icon {
    background: transparent !important;
    color: #6b6b6b !important;
    border: 1px solid #353535 !important;
}

.filters-button{
    background: #707070;
    color: white
}

[dir=ltr] .view-options__select > label {

    color: white;
}


.fixBg .input-number__input,
.fixBg-b .input-number__input,
.fixBg-c .input-number__input {
    border: 1px solid #ebebeb !important;
    background: transparent !important;
    color: white !important;
}


.block-products-carousel__column {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border: 1px solid #353535;
    border-radius: 5px;
}

.block-sale__item {
    border: 1px solid #353535;
    border-radius: 5px;
}

.search-left,
.search-right {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border: 1px solid #353535;
    background: #1E1E1E;
}



.product-card__footer {
    border-radius: 0px 0px 5px 5px;
}

.products-list[data-layout="grid"] .product-card {
    border-radius: 8px;
}

dialog.dialog-wrapper {
    background: #3e3e3e;
    border-radius: 10px;
    border: 1px solid #797979;
}

.form-control {
    color: white !important;
    background-color: #252525 !important;
    border: none !important;
}

.product-gallery--layout--product-full .product-gallery__featured .image {
    background: white;
    border-radius: 5px;
}

select.form-control {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 10'%3E%3Cpath fill='white' d='M4.503,4 L0.497,4 C0.094,4 -0.142,3.492 0.089,3.122 L2.095,0.233 C2.293,-0.084 2.712,-0.084 2.911,0.233 L4.911,3.122 C5.142,3.492 4.906,4 4.503,4 ZM0.497,6 L4.503,6 C4.906,6 5.142,6.504 4.911,6.871 L2.905,9.737 C2.707,10.052 2.288,10.052 2.089,9.737 L0.089,6.871 C-0.142,6.504 0.094,6 0.497,6 Z'/%3E%3C/svg%3E%0A");
}

.categoBoxTitle {
    color: white;
    background: #F7943D !important
}

.filter__title:focus,
.filter__title:hover {

    fill: white !important;
    color: white !important;
    background: #000000 !important;
}

body.modal-open {
    overflow: hidden;
}


.form-control + .select2-container .select2-selection--single {
    background-color: #484747;
    border: none;
    color: white;
}

.aroma-categories-container {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border: 1px solid #353535;
    background: #1E1E1E;
    padding: 20px;
    position: relative;
}

.description-chrono {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.5em;
    margin-right: 0.55em;
    font-size: 0.29em;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    text-shadow: 0.05em 0.05em 0.1em rgba(136, 110, 87, 0.3);
    overflow: hidden;
}

.search__input {
    color: #262626;
    background-color: #191919 !important;
    border-color: #777474 !important;
}


.mobile-header__menu-button {
    border: 2px solid white !important;
    fill: white !important;
}

.products-list__item {
    border-radius: 5px;
    border: 1px solid #353535;
}

.mobile-search__input {
    background-color: #222222  !important;
}

/******************************** media query **************************************/

@media (min-width: 576px) and (max-width: 768px) {

    .mobile-indicator__button {
        height: 38px !important;
        width: 44px;
        color: black;
        background: white !important;
        border-radius: 5px;
        margin-top: 6px;
        margin-right: 5px;
    }

    .mobile-indicator__icon {
        fill: black !important;
    }
}

@media (min-width: 480px) and (max-width: 576px) {

    .mobile-indicator__button {
        height: 38px !important;
        width: 44px;
        color: black;
        background: white !important;
        border-radius: 5px;
        margin-top: 6px;
        margin-right: 5px;
    }

    .mobile-indicator__icon {
        fill: black !important;
    }
}

@media (min-width: 350px) and (max-width: 480px) {

    .mobile-indicator__button {
        height: 38px !important;
        width: 44px;
        color: black;
        background: white !important;
        border-radius: 5px;
        margin-top: 6px;
        margin-right: 5px;
    }

    .mobile-indicator__icon {
        fill: black !important;
    }
}

@media (max-width: 767.98px) {
    .mobile-search__input {
        color: white !important;
    }
    
      .wishlist__row,
    .cart-table__row{
        border: 1px solid #353535 !important;
    }
}

@media (min-width: 992px) {
    .cart-table {
        -ms-flex-item-align: start;
        align-self: flex-start;
        background-color: transparent;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    }
}