.page-loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s .2s ease-in-out;
    transition: all .4s .2s ease-in-out;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
}

[data-bs-theme="dark"] .page-loading {
    background-color: #121519;
}

.page-loading.active {
    opacity: 1;
    visibility: visible;
}

.page-loading-inner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    opacity: 0;
}

.page-loading.active>.page-loading-inner {
    opacity: 1;
}

.page-loading-inner>span {
    display: block;
    font-family: "Inter", sans-serif;
    font-size: 1rem;
    font-weight: normal;
    color: #6f788b;
}

[data-bs-theme="dark"] .page-loading-inner>span {
    color: #fff;
    opacity: .6;
}

.page-spinner {
    display: inline-block;
    width: 2.75rem;
    height: 2.75rem;
    margin-bottom: .75rem;
    vertical-align: text-bottom;
    background-color: #d7dde2;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner .75s linear infinite;
    animation: spinner .75s linear infinite;
}

[data-bs-theme="dark"] .page-spinner {
    background-color: rgba(255, 255, 255, .25);
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

:root,
[data-bs-theme=light] {
    --ar-font-sans-serif: "Poppins", sans-serif;
}

:root {
    --ar-body-font-family: 'poppins', sans-serif;
}

.btn-primary {
    background: #258757;
    background-color:#258757;;
}



.bg-dark {
    background-color: #efefef !important;
}

.footer h3,
.h3 {
    color: #000;
    border-bottom: 3px solid #258757;
}

.footer h4,
.h4 {
    color: #000;
    font-weight: bold;
    line-height: 1.4;
    font-size: 16px;
    margin-top: 1rem;
}

.nav {
    --ar-nav-link-color: #000;
}

:root {
    --ar-primary: #258757;
    --ar-primary-rgb: 37, 135, 87;
    --ar-link-color: #258757;
    --ar-link-hover-color: #0c6e3e;
}

.btn-primary {
    --ar-btn-bg: #258757;
    --ar-btn-border-color: #258757;
    --ar-btn-hover-bg: #0c6e3e;
    --ar-btn-hover-border-color: #0c6e3e;
    --ar-btn-active-bg: #0c6e3e;
    --ar-btn-active-border-color: #0c6e3e;
    --ar-btn-disabled-bg: #258757;
    --ar-btn-disabled-border-color: #258757;
}

.btn-outline-primary {
    --ar-btn-color: #258757;
    --ar-btn-border-color: #258757;
    --ar-btn-hover-bg: #258757;
    --ar-btn-hover-border-color: #258757;
    --ar-btn-active-bg: #258757;
    --ar-btn-active-border-color: #258757;
    --ar-btn-disabled-color: #258757;
    --ar-btn-disabled-border-color: #258757;
}
.btn-outline{background: #258757;color:#fff;border:1px solid #258757;}
.btn-outline:hover{background:transparent;color:#258757;border:1px solid #258757;}
.accordion-button:not(.collapsed)::after {
    --ar-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23258757'%3e%3cpath%20d='M.5%206.3c.6-.6%201.6-.6%202.3%200l9.3%209.3%209.3-9.3c.6-.6%201.6-.6%202.3%200%20.6.6.6%201.6%200%202.3L13.3%2018.8c-.6.6-1.6.6-2.3%200L.8%208.5c-.9-.8-.9-1.6-.3-2.2z'/%3e%3c/svg%3e");
}

.footer a {
    color: #000;
}

blockquote {
    border-left: 6px solid #258757;
    color: #000;
    font-size: 18px;
    padding: 0.5em 20px;
    margin-bottom: 4rem;
}

.pwhite {
    border-left: 6px solid #258757;
    color: #fff;
    font-size: 18px;
    padding: 0.5em 20px;
    margin-bottom: 4rem;
}

.p2white {
    border-left: 6px solid #fff;
    color: #fff;
    font-size: 18px;
    padding: 0.5em 20px;
    margin-bottom: 4rem;
}

.py-5 {
    margin-bottom: 5rem;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-weight: bold;
}

.titwhite {
    color: #fff;
}

/* .card {
    --ar-card-bg: #000;
} */

.catprod {
    background: #f6f6f6;
    border-radius: 50rem;
    box-shadow: 0.1em 0.1em 0.4em rgb(0 0 0 / 20%);
    color: #000;
    font-weight: bold;
    padding: 1rem 1.2rem;
}

.bg-secondary {
    background-color: #fff !important;
}

.titnov {
    text-align: center;
    margin-bottom: 5px;
    line-height: 0.9;
}

.titnov a {
    color: #000;
    font-size: 18px;
}

.cattxt {
    color: #258757;
    font-size: 14px;
    text-align: center;
}

.colPro {
    display: inline;
    margin-right: 2%;
}

.filPro {
    margin-bottom: 3.5%;
}

.mb-xxl-5 {
    margin-bottom: 0rem !important;
}

.pt-1 {
    padding-top: .25rem !important;
    margin-bottom: 1.5rem !important;
}

.card-cat {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0.1em 0.1em 0.4em rgb(0 0 0 / 20%);
    text-align: center;
    padding: 20px;
    min-height: 230px;
}
.titmarca{padding:10px 0;}
.product-list{list-style-type:none;padding: 3px 0px 5px 1px;margin:0;background: #7cb79a;}
.product-list-li{display: inline;margin: 0 1px;}
.product-list-li a{color:#fff;text-decoration: none;padding: 0 2px;}
.plist1{border-right:2px solid #fff;}

.py-5 {
    padding-top: 0.5rem !important;
    padding-bottom: 0rem !important;
}

.slidertop {
    margin-top: 6.5rem !important
}

.titmarcas {
    margin: 3rem 0rem;
}

.igreen {
    color: #258757;
}

.text-body-secondary {
    --ar-text-opacity: 1;
    color: #000 !important;
}

.banerwidth {
    width: 100% !important;
}

.lnk {
    text-decoration: none;
}

.secMarca {
    background-image: url(/front-theme/assets/img/nuestras-marcas.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin-top: 2%;
}
.banner__form{font-size:14px;}
.pb-5 {
    padding-bottom: 1rem !important;
}

.noved {
    min-height: 475px;
}
.quantity-input{width:50px;border: 1px solid #e3e9ef;}
.quantity-wrapper{margin-bottom:10px;}
.add_cart_searcher {
    color:#fff;
    background-color:#258757;
    border-color:#258757;
    padding:7px 20px;
}
.quantity-btn{border: 1px solid #e3e9ef;background: #e3e9ef;}
.prod-price{font-weight:bold!important;font-size: 18px !important;}

/*estilos*/
.navbar-expand-lg {
    background-image: url(/front-theme/assets/img/bgheader.jpg) !important;
    background-position: right bottom;
    background-repeat: no-repeat;
}
.navbar-brand {
    --ar-navbar-brand-padding-y: .4rem;
}

.nav-link {
    color: #fff;
}

.navbar .nav-item:hover>.nav-link:not(.disabled),
.navbar .nav-item .nav-link.show:not(.disabled) {
    color: #fff;
}
.nav-ico-menu{margin:10px 5px;visibility: visible;}
.pe-sm-3 {
    padding-right: 6rem !important;
}

.btntop {
    background: #000;
    color: #fff;
    padding: 10px 15px;
    text-decoration: none;
    font-weight: 500;
    border-radius: 15px;
    font-size: 16px;
}

.btnser {
    border-radius: 50%;
    background: #000;
}

.ai-search {
    color: #fff;
}

.buscadorpos {
    position: absolute;
    top: 28px;
    list-style-type: none;
    padding: 0 0 0 15px;
    margin-bottom: 20px;
    margin-top: 10px;
}
/*.navbar-expand-lg .navbar-nav{padding-top:100px;}*/
#ref_uplaod{background:#fff;}
.csv{color:#fff;font-size:14px;margin-top:11px;}
.ref_csv{display:inline;font-size:13px;}
.navbar {
    display: inline;
    padding: 0;
}

.topbar {
    background: #efefef;
    text-align: right;
    color: #000;
    font-size: 12px;
    padding: 3px 0;
}
#closeButton{max-width:25px;background: #258757;color: #fff;border: 0;}
.list-group{text-align:left;margin-bottom:20px;}
.close {
    float: right;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    border: 0;
    background: transparent;
}
.continue_order{margin-right:10px;}
.searcher-wrapper{height:auto;}
#busqueda {
    width: 650px !important;
}

.modal-dialog {
    max-width: 80%;
    width:600px;
    margin: 30px auto;
    /* Center the modal */
}
.modal-header, .modal-footer{padding:20px;}

.modal-content {
    border-radius: 10px !important;padding-right: 0;
    padding-left: 0;
}
.form-control{color:#000;}

.modal-body {
    overflow-y: auto;
    /* Make sure the modal body is scrollable if there are many results */
    padding-top:0;
    padding: 0 10%;}

#product_div{text-align:left;}
#product_div h3{font-size:18px;}
#category_div h3{font-size:18px;}
#brand_div h3{font-size:18px;}
.main_searcher_h4{text-decoration:underline;}
.searcher-wrapper p{margin-bottom:0;font-size:15px;font-weight:300;color:#000;}

.search-item {
    padding: 0px;
    /* border: 1px solid #ddd; */
    margin: 5px;
    border-radius: 5px;
    text-align: center;
    /* margin-bottom: 10px; */
    /* padding: 8px; */
    /* border: 2px solid #ddd89f; */
    border-radius: 10px;
    list-style-type: none;
    text-align: left;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 1rem;
    padding-top: 0rem;
    text-decoration: underline;
    color: #258757;
}

.searcher-wrapper {
    border-bottom: 1px solid #ccc;
    padding: 2px;
    margin-bottom: 10px;
    height: auto;
}
#cantidad{border: 1px solid #e3e9ef;
    border-radius: 5px;
    width: 100px;
    padding: 5px 10px;}

.modal-footer {
    /*justify-content: flex-start;*/
    text-align: right;
    /* Align the close button to the left */
}
.modal-header{background:#258757;border-top-left-radius: 10px;border-top-right-radius:10px;}
.modal-title{color:#fff;}
.favourites_active{color: #258757!important;}
.btn-cerrar{color: #000;border-color:#258757;margin-right:10px;}
.btn-cerrar:hover{color: #000;border-color:#258757;margin-right:10px;}
.modal-footer .btn-default{color: #000;border-color:#258757;margin-right:10px;}
.modal-footer .btn-default:hover{color: #000;border-color:#258757;margin-right:10px;}
.button-minus{color:#000;background:#f2f2f2;padding: 10px 20px;}
.button-plus{color:#000;background:#f2f2f2;padding: 10px 20px;}
.custom-search-modal {
    width: 100% !important;
}

.save_comment a{background-color: #258757;color: #fff;border-radius: 10px;text-decoration:none;}
.fa-refresh:before{color:#258757;}
#editar_pedidos_info{font-size:14px;}
#total_articulos{font-size:14px;}
#editar_pedidos{font-size:14px;}
#resumen_pedido{font-size:14px;}
.bg-green{background:#258757;border-radius: 10px;padding:10px 20px;color: #fff;}
#total_cesta{color:#fff;}
.font-bold #total_cesta{color:#000;}
#editar_pedidos_length{margin-bottom:20px;}
.fa-copy:before{color:#258757;}
.table-icons{margin-right:6px;}
#cantidad{margin:0;}
.input-group-sm{padding:0;}
.sorting_1 img{border-radius:50%;max-width:50px;}
table{font-size:14px;}
.dataTables_wrapper .dataTables_length {
    margin-bottom: 20px;
}
.form-control:disabled {
    background-color: #e9edf2;}
    .table-hover>tbody>tr:hover>* {
        --ar-table-color-state: var(--ar-table-hover-color);
        --ar-table-bg-state: #e9edf2;
    }
    .table-striped>tbody>tr:nth-of-type(odd)>* {
        --ar-table-color-type: var(--ar-table-striped-color);
        --ar-table-bg-type: #e9edf2;
    }
    .table-hover>tbody>tr:hover>* {
        --ar-table-color-state: var(--ar-table-hover-color);
        --ar-table-bg-state: #e9edf2;
    }
    .table-striped>tbody>tr:nth-of-type(odd)>* {
        --ar-table-color-type: var(--ar-table-striped-color);
        --ar-table-bg-type: #e9edf2;
    }
    
/* Style the search input */
#searchInput {
    width: 100%;
    /* max-width: 400px; */
    padding: 10px 15px;
    border-radius: 25px;
    border: 3px solid #ccc;
    font-size: 20px;
    background-color: #f9f9f9;
    transition: all 0.3s ease-in-out;
}

/* Focus effect */
#searchInput:focus {
    border-color: #258757;
    outline: none;
    background-color: #fff;
}

/* Placeholder styling */
#searchInput::placeholder {
    color: #888;
    font-style: italic;
}

/* Optional: Add a search icon inside the input (using background) */
#searchInput {
    background-image: url('search-icon.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 35px;
    /* Adjust padding to make space for the icon */
}

/*product page*/

#products-table .btn {
    --ar-btn-padding-x: 1.75rem;
    --ar-btn-padding-y: 0.65rem;
    --ar-btn-font-family: ;
    --ar-btn-font-size: 13px;
    --ar-btn-font-weight: 600;
    --ar-btn-line-height: 1.4;
    --ar-btn-color:000;
    --ar-btn-bg:transparent;
    --ar-btn-border-width: var(--ar-border-width);
    --ar-btn-border-color:#258757;
    --ar-btn-border-radius: 6px;
    --ar-btn-hover-border-color: transparent;
    --ar-btn-box-shadow: unset;
    --ar-btn-disabled-opacity: 0.65;
    --ar-btn-focus-box-shadow: 0 0 0 0 rgba(var(--ar-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--ar-btn-padding-y) var(--ar-btn-padding-x);
    font-family: var(--ar-btn-font-family);
    font-size: 13px;
    font-weight: var(--ar-btn-font-weight);
    line-height: var(--ar-btn-line-height);
    color: #000;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--ar-btn-border-width) solid var(--ar-btn-border-color);
    border-radius: var(--ar-btn-border-radius);
    background-color:transparent;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out;
}
#products-table .btn:hover{background-color:#258757;color:#fff;}
.table>:not(caption)>*>*{color:#000;}
table.dataTable thead th, table.dataTable tfoot th {
    color: #fff !important;
    font-weight: 500 !important;
    background-color: #258757;
}
.table>:not(:last-child)>:last-child>* {
    border-bottom-color: #fff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: .3em .8em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: #000!important;
    font-size: 13px;
    margin: 10px 0;
    border: 1px solid transparent;
    border-radius: 2px;
}
.img-thumbnail {
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: var(--ar-border-radius-2xl);
    max-width: 100%;
    height: auto;
}

table.dataTable.display>tbody>tr.odd>.sorting_1, table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1 {text-align: center;}
table.dataTable.display>tbody>tr.even>.sorting_1, table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1 {text-align: center;}
#products-table .table{font-size:14px;border-color:#fff;}
#products-table .btn-group{padding-top:5px;}
#products-table{font-size:15px;}
#articles-table{font-size:14px;}
#articles-table .btn {--ar-btn-padding-x: 0.25rem;--ar-btn-padding-y: 0.525rem;}
#articles-table .btn:hover{color:#258757;}
#articles-table td{vertical-align: middle;}
#articles-table .ai-heart:hover{color:#258757;}
#articles-table .ai-heart{color:#258757;}
.form-control {
    margin-bottom: 20px;
    display: block;
    width: 100%;
    padding: .725rem 1rem;background-color: #e3e9ef!important;}
label {color:#000;}
#listado_wrapper{font-size:15px;color:#000;}
.product-imitation{min-height:165px;display: flex;justify-content: center;height: 170px; align-items: center;}
.logo-proveedor-listado {color:#fff;font-weight:600;width:80%;padding:0 20px;}

.product-box{box-shadow: 2px 2px 2px rgb(0, 0, 0, 0.1);margin:13px 0;border: 1px solid #f2f2f2;
}
.product-links{padding:0;}
.product-desc{background-color: #258757;color:#fff;text-align: center;}
.ver_productos{font-size:12px;}
.ver_referencias{font-size:12px;}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    background-color: #fff !important;
    border: 1px solid #d7dde2 !important;
    border-radius: 15px !important;
    padding: 5px !important;
    height: auto !important;
    /*width:400px;*/font-size:14px;
} 
.select2-container--default .select2-selection--multiple{
    background-color: #fff !important;
    border: 1px solid #d7dde2 !important;
    border-radius: 15px !important;
    padding: 5px !important;
    height: auto !important;
    /*width:400px;*/font-size:14px;
} 
.form-group{display:inline;}
/* .select2-container{margin-bottom:10px;max-width: 400px;} */

.breadcrumb{margin-top:10px;font-size:13px;color:#858c97;}
.marcassear{margin-bottom:30px;}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #d7dde2 1px;}

/*products detail page*/
.btn-info {
    --ar-btn-hover-color: #fff;
    --ar-btn-active-color: #fff;
    --ar-btn-hover-bg:#258757;
    --ar-btn-active-bg: #258757;
    --ar-btn-hover-border-color: #258757;
    --ar-btn-active-border-color: #258757;
    --ar-btn-disabled-color: #fff;
}
.botones .btn{background-color:#258757;border-color:#258757;}
.fa-file-excel-o{color:#fff;}
.bxslider{list-style-type:none;}
.logo-proveedor img{max-width:60%;}
.logo-proveedor {text-align:right;}
.bx-prev{font-size:13px;font-weight:600;}
.bx-next{font-size:13px;font-weight:600;}
.enlaceprod{font-size:13px;font-weight:600;}
.info-box-text{font-size:13px;font-weight:600;display:block;}
.info-box-number{font-size:13px;font-weight:600;}
.text-muted {color: #000!important;}
.lnktb{font-size:13px;font-weight:600;}
.art-taglist{font-size:13px;font-weight:600;list-style-type: none;padding:0;}
h1>a, .h1>a, h2>a, .h2>a, h3>a, .h3>a, h4>a, .h4>a, h5>a, .h5>a, h6>a, .h6>a {
    color: #000;
    text-decoration: none;
}
body{color:#000;}
.btndetart{margin-bottom:15px;}
.ibox-content-info a{color:#258757;padding:10px 0;}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    outline: 0;
    width: 40px;
    height: 40px;
    text-indent: 0;
    z-index: 9999;
    color: #fff;
    background: #258757;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    text-decoration: none;
    transition: background 0.3s ease;
    padding-top: 3px;
}
.bx-wrapper {
    border: solid 1px #e3e9ef;
}
.fa-1x {
    font-size: 1em;
    color: #258757;
}
.fa-2x {font-size: 1.6em;
    margin-right: 5px;}

#company-table img{
    border-radius: 50%;
    max-width: 50px;}
#company-table{padding-top:20px;}
#tariff-table{padding-top:20px;}
#discount-table{padding-top:20px;}
.btn-inline{display:inline;}
.linkslaslayer{font-size:12px;font-weight:bold;}
.ibox-title{text-align:left;}
.banner__container h2 {color:#000;}
.btn-app{background-color:#258757;}
.link-descarga{font-size:14px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    line-height: 28px;
    font-size: 14px;
}
.select2-container--default .select2-selection--single {
    background-color: #fff!important;
    border: 1px solid #d7dde2!important;
    border-radius: 15px!important;
    padding: 5px!important;
    height: auto!important;
}
.lnklog:hover {
    color:#fff!important;
}
.navbar>.container, .navbar>.container-fluid, .navbar>.container-sm, .navbar>.container-md, .navbar>.container-lg, .navbar>.container-xl, .navbar>.container-xxl{height:160px;align-items: flex-start;}

.navbar-expand-lg .navbar-collapse{margin:0 0 0 30px;}

.pt-xl-3{padding-top:5rem !important;}
.exportar{color: #fff;
    border-color: #258757;
    background-color: #258757;
}
.eliminar_favoritos{font-weight:bold;}
.anadir_carrito{font-weight:bold;}
.shoping-cart-table{margin-top:30px;}
.precio_total{min-width:100px;text-align:right;}

.color-box{margin-right:10px;}
.btn-confirmar-pedido{color:#fff;background:#258757;border:1px solid #258757;border-radius: 18px;font-weight: 600;padding: 12px 20px;font-size: 14px;margin-bottom:10px;display:block;text-decoration: none;}
a#cancelar_pedido{display:block;text-decoration: none;}
.delivery_address_row {
    border-color: #e3e9ef !important;
    padding: 17px;
    margin: 20px 0;
}
.pt-4{    padding-top: 2.5rem !important;}
.banner__container input[type=text] {
    outline: none;
    border: 1px solid #e3e9ef;
    transition: .4s;
    padding: 17px;
    border-radius: 15px;
    font-size:14px;
}
.btn-articulo{background:#000;color:#fff;padding: 6px 10px;
    border-radius: 6px;
    text-decoration: none;}

/*buscador header*/


.pvp-class, .category-class{white-space: nowrap;}
.navbar-expand-lg .navbar-brand{
    background: #fff;
    padding: 2px;
    border-radius: 10px;
    margin-right: 90px;
}
.navbar-toggler-icon, .navbar-toggler-icon::before, .navbar-toggler-icon::after {background-color: #000;}

/*.modal-body{
    position: relative;
    width: 100%;
    max-width: 75%;
    margin: 5rem auto;
    margin-bottom: 0;
    padding: 1rem;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    z-index: 9999;
}*/

.main-searcher-wrapper {
    position: relative;
    
  }
  
  .search-overlay {
    /*position: absolute;*/ /* O absolute, dependiendo de tus necesidades */
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Asegúrate de que sea mayor que el de otros elementos */
    background-color: rgba(0, 0, 0, 0.5); /* Opcional: fondo semitransparente */
    
  }
  
  .search-body {
    position: relative;
    margin: 11.5rem auto;
    padding: 1rem;
    background-color: white;
    border-radius: 10px;
    max-width: 75%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }
#add-cart-success {
    margin-bottom: 1rem;
}
.navbar-expand-lg .navbar-nav .nav-link{padding-right: 0.4rem;}
/*cambio orden elementos header*/
#navbarNav{position:relative;margin-top: 1%;}
.buscadorpos {
    position: absolute;
    top: 80%;
    left:17%;
    list-style-type: none;
    padding: 0 0 0 15px;
}
.buscadorcab {
    width: 400px;
}
.navbar-expand-lg .navbar-nav {
    padding-top: 0px;
}
.btn-prev{background-color:#258757;color:#fff;}
.btn-next{background-color:#258757;color:#fff;}
.politics {
    background: #fff;
    padding: 40px;
    border-radius: 20px;
    margin-top:30px;
}
.politicsmaps {
    background: #fff;
    padding: 40px;
    border-radius: 20px;
    margin-top:30px;
    display: flex;
  justify-content: space-between;
  flex-wrap: wrap; /* Opcional, por si se reduce el ancho de pantalla */
  gap: 30px; /* Espacio entre columnas */
}
.col-pol {
    flex: 1;
    min-width: 240px; /* Para asegurar que no se reduzcan demasiado en pantallas pequeñas */
  }
.col-pol li{padding:5px 0;}

  #catlnk {
    scroll-margin-top: 230px; /* Ajusta este valor según la altura de tu encabezado */
  }

@media screen and (max-width: 1024px) {
    .buscadorcab{width:250px;}
    
    .navbar>.container, .navbar>.container-fluid, .navbar>.container-sm, .navbar>.container-md, .navbar>.container-lg, .navbar>.container-xl, .navbar>.container-xxl {
        height: auto;
    }
    .nav-ico-menu{margin:0;visibility: hidden;}
    .colPro {
        display: block;
        margin-bottom: 8%;
        margin-right: 2%;
    }

    #links .col-md-4 {
        margin-bottom: 2%;
    }

    .d-flex {
        display: block !important;
    }

    .card-cat {
        min-height: 260px;
    }

    .secMarca {
        background-image: none;
        background-color: #258757;
        margin-top: 2%;
    }

    .p2white {
        margin-bottom: 1rem;
    }

    .pb-2 {
        padding-top: 1rem;
    }
    .navbar .navbar-collapse {
        background: #000;
    }

    .dropdown-item {
        color: #fff;
    }

    .buscadorpos {
        position: initial;
    }

    .navbar-toggler-icon,
    .navbar-toggler-icon:before,
    .navbar-toggler-icon:after {
        background-color: #ccc;
    }

    .navbar-expand-lg {
        background-image: url(/img/megamenu/bgheader-mov.png) !important;
        background-position: left center;
        background-repeat: no-repeat;
    }

    .menusblck {
        padding-top: 0px;
    }
    .navbar-expand-lg .navbar-nav{padding-top:0px;}
    .searcher-wrapper {display:contents;}
    .modal-body {padding:0 60px!important;}


        .bx-controls-direction{z-index: 1;}
        .bx-wrapper .bx-controls-direction a{z-index: 1!important;}
        .modal-content {z-index: 3;}
        

    table {
        width:100%;
    }
    thead {
        display: none;
    }
    tr:nth-of-type(2n) {
        background-color: inherit;
    }
    tr td:first-child {
        background: #258757;
        color:#fff;
        font-weight:bold;
        font-size:1.3em;
    }
    tbody td {
        display: block;
        text-align:center;
        
    }
    tbody td:before {
        content: attr(data-th);
        display: block;
        text-align:center;
    }
    tfoot td {
        display: block;
        text-align:center;
    }
    tfoot td:before {
        content: attr(data-th);
        display: block;
        text-align:center;
    }
    .logo-proveedor-listado {color:#fff;font-weight:600;width:50%;padding:0 20px;}
    .table-striped>tbody>tr:nth-of-type(odd)>* {
        color: #000;
    }
 .botones{text-align:center;margin:12px 0;}

}
@media screen and (max-width: 600px) {

    .titmarca{padding:10px 0;}
    .product-list{list-style-type:none;padding:0;margin:0;background: #7cb79a;}
    .product-list-li{display: none;margin: 0 1px;}
    .product-list-li a{color:#fff;text-decoration: none;padding: 0 2px;}
    .plist1{border-right:0px;}
    .tablacook {
        width:100%;
    }

}
@media screen and (max-width: 768px) {
    .tablacook thead {
      display: none;
    }
  
    .tablacook tr {
      display: block;
      margin-bottom: 20px;
      border: 1px solid #ccc;
      border-radius: 6px;
      padding: 10px;
      font-size: 12px;
    }
  
    .tablacook td {
      display: block;
      text-align: left;
      padding: 10px 10px 10px 50%;
      position: relative;
      border: none;
      border-bottom: 1px solid #eee;
      min-height: 40px; /* Añadido */
      box-sizing: border-box;
      font-size: 12px;
    }
  
    .tablacook td::before {
      content: attr(data-th);
      position: absolute;
      top: 10px;
      left: 10px;
      font-weight: bold;
      width: 40%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 12px;
    }
    .tablacook td, .tablacook td::before {
        font-size: 12px;
      }
      .tablacook  tr td:first-child {
        font-size: 12px;
      }
      
  }
  
  .tablacook {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 16px;
  }
  
  .tablacook th, .tablacook td {
   
    border: 1px solid #ddd;
    text-align: left;
  }
  
  .tablacook thead {
    background-color:#258757;
    color: #fff;
  }

.hide {
    display: none !important;
}
.texto-error{
    color: #dd4b39;
    margin-top: 15px;
    margin-bottom: 15px;
}

.info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 90px;
    width: 90px;
    text-align: center;
    font-size: 45px;
    line-height: 90px;
    background: #e9edf2;
    margin:0 10px 10px 0;
}
.fa-tag:before{color:#000;margin:0 2px;}
.tag2{background:#258757;border-radius:50%;color:#fff;font-weight:500;font-size:14px;padding:2px;}
.text-bextok {font-size:24px;}

kbd{font-size:10px;}
#user-list td{white-space: nowrap;}
.no-print{margin-bottom:30px;}
.file{display:block;}
.form-outline{font-size:16px;color:#000;}
.btn-info{border:1px solid #258757!important;color: #000 !important;background-color: #fff!important;}
.file_descuentos{display: block;width: 80%;}
.stock-class{white-space: nowrap;}
.btn-circle{background-color: #258757;color:#fff;}
.btn-circle:hover{background-color: #258757;color:#fff;}
.cons-precio{background-color:#258757;color:#fff;font-weight:600;padding:10px 20px;border-radius:15px;border:1px solid #258757;}
.navbar-expand-lg .navbar-nav .dropdown-menu{margin-top:0!important;}
.make_active.text-green {
    color:#258757;
}

.nav-link.active,
.nav-link:focus,
.nav-link:active {
    border-bottom: 0px solid white !important;
    color: white !important;
}
.nav-link {
    border-bottom: none !important;
}
.nav-item{border-bottom: none;}
.ai-printer{font-size: 1.15em!important;}
.custom-pvp-class{white-space: nowrap;}
table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after {
 opacity: .85 !important;
}
/*table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_asc:after {
  color: #000; 
  opacity:.85!important;
}
table.dataTable thead>tr>th.sorting_desc:before,
table.dataTable thead>tr>th.sorting_desc:after {
    color: #000; opacity:.85!important;
}*/
/* Ocultar iconos por defecto */
table.dataTable thead tr th.sorting::before,
table.dataTable thead tr th.sorting::after {
  opacity: 0.7 !important;
}

/* Icono para columna con orden ascendente */
table.dataTable thead tr th.sorting_asc::before {
  color: #000 !important;
  opacity: 0.85 !important;
}

/* Icono para columna con orden descendente */
table.dataTable thead tr th.sorting_desc::after {
  color: #000 !important;
  opacity: 0.85 !important;
}
.total_descuentos{background:#000;}
table.dataTable thead th {vertical-align:middle;}
.category-class, .brand-class, .ean-class,  .aside-class, .provider-class, .pvp-class, .actions-class, .custom-category-class, .custom-brand-class, .custom-pvp-class, .custom-actions-class{text-align:center;}
/*logos*/
.company-logo{width:110px;margin-top: 20px;} /*logo aside*/
.default-image{max-height:120px;width:auto;} /*otros logos*/
.navbar-expand-lg .navbar-brand{margin-right:75px;}

.navbar{z-index: 500;}
.search-overlay{z-index: 1000;}
.modal-dialog-scrollable .modal-content{z-index: 9999!important;}

/*.navbar-brand img{max-width:80px;}*/

.ean_number {
    font-size: 12px;
    margin: -2px 0 0 -7px;
    margin: 0 40px;
}
.descargas-item{
    margin-bottom: 20px !important;
    display: block;
    border-bottom: 1px solid #f1f1f1;
    background-color:#e9edf2;
    padding:10px 10px 5px 10px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.descargas-icon i {
  color:#258757;
  font-size: 30px;
}
.descargas-info i {
  color:#258757;
  font-size: 26px;
}
.descargas-item-title{font-weight: 600;}
.ProductoFicha{margin-top:20px;padding:10px 20px;border:1px solid #e9edf2;font-size: 26px;}
.descargar_doc_tecnica_texto{color:#000;}

/* cookie */
div#cookie-bar {
    position: fixed;
    bottom: 42px;
}
#cookie-bar.fixed {
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    position: fixed;
    width: 100%;
}
#cookie-bar {
    background: none repeat scroll 0 0 rgba(60, 60, 60, 0.9);
    color: #000000;
    height: 24px;
    line-height: 24px;
    padding: 3px 0;
    text-align: center;
    z-index: 99999;
}
#cookie-bar .cb-enable {
    background: none repeat scroll 0 0 #000000;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    margin-left: 8px;
    padding: 0 6px;
    text-decoration: none;
}
#cookie-bar a {
    color: #ffffff;
    text-decoration: underline;
}
#cookie-bar p {
    color: #f0f0f0;
    font-size: 11px;
    margin: 0;
    opacity: 1;
    overflow: auto;
    padding: 5px 10px 20px;
    z-index: 100;
}

/* contact */
.div_contacto:hover {
    transition: .2s;
    box-shadow: 0 0 3px #000c;
}
.div_contacto {
    position: fixed;
    border: 1px solid rgba(0, 0, 0, .8);
    z-index: 1;
    right: 20px;
    height: 70px;
    width: 70px;
    background-color: #f3f3f4;
    border-radius: 11vh;
    bottom: 80px;
    cursor: pointer;
    transition: 1s;
    box-shadow: 0 0 2px #00000080;
}
.icono_contacto {
    color: #444;
    position: relative;
    top: 10px;
    left: 20px;
    font-size: 30px;
}
.slide_marcas{
max-height: 80px;
display: flex;
justify-content: center;
height: 100px;
align-items: center;}

/* banner style */

.banner-img {
    max-width: 100%;
    height: auto;
    max-height: 130px; /* You can adjust height based on your layout */
    object-fit: contain;
}

/* Optional: Add consistent spacing between slides */
.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Responsive adjustment if needed */
@media (min-width: 768px) {
    .swiper-slide {
        padding: 0 10px;
    }
}