.card {
    border: none;
    background: #e6e6e6;
}

.search {
    width: 100%;
    margin-bottom: auto;
    margin-top: 20px;
    height: 50px;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
}

.search-input {
    color: white;
    border: 0;
    outline: 0;
    background: none;
    width: 0;
    margin-top: 5px;
    caret-color: transparent;
    line-height: 20px;
    transition: width 0.4s linear
}

.search .search-input {
    padding: 0 10px;
    width: 100%;
    caret-color: #396bc8;
    font-size: 19px;
    font-weight: 300;
    color: black;
    transition: width 0.4s linear;
}

.search button {
    border: 0;
}

.search-icon {
    height: 34px;
    width: 34px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: #396bc8;
    font-size: 10px;
    bottom: 30px;
    position: relative;
    border-radius: 5px;
}

.search-icon:hover {

    color: #fff !important;
}

a:link {
    text-decoration: none
}

.card-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    border: none;
    cursor: pointer;
    transition: all 2s;
}

.card-inner:hover {

    transform: scale(1.1);

}

.mg-text span {

    font-size: 12px;

}

.mg-text {

    line-height: 14px;
}

.text-justify{
    text-align: justify;
    text-justify: inter-word;
}

.no-focus:focus {
    box-shadow: none !important;
    border-color: rgba(0,0,0,.125);
    background: none;
    color: unset;
}
.hover-blue:hover{
    color: RGBA(10,88,202,var(--bs-link-opacity,1))!important
}
.with-bottom-shadow{
    background: linear-gradient(180deg, #f0f0f0 0, transparent 28px);
}
.accordion{
    --bs-accordion-active-bg: unset !important;
    --bs-accordion-border-color: unset !important;
    --bs-accordion-active-color: unset !important;
}


hr {border: 0; height: 12px; box-shadow: inset 0 12px 12px -12px #396bc8;}

.table-composition{
    font-size: 14px;
}

.bg_primary{
    background-color:#396bc8 !important;
}
.color_primary{
    color:#396bc8 !important;
}
.color_white{
    color:#fff !important;
}
.link-primary{
    color:#396bc8 !important;
}

.two-columns {
    display: flex;
    flex-wrap: wrap;
}

.column {
    width: 48%; 
    margin: 1%; 
}
.custom-cluster-icon {
    background-color: #396bc8;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
}

/* Estilos para el chevron */
.chevron-icon {
    transition: transform 0.3s ease;
    color: #396bc8;
    font-size: 1.2em;
    margin-right: 15px;
    transform: rotate(-180deg); /* Apunta hacia abajo por defecto */
}

/* Rotar el chevron cuando está colapsado */
.group-header.collapsed .chevron-icon {
    transform: rotate(0deg); /* Apunta hacia arriba cuando está colapsado */
}

/* Estilos para la badge de productos */
.group-header .badge {
    margin-left: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #396bc8 !important;
    border-radius: 0 !important;
    padding: 8px 12px;
    min-width: 110px;
    text-align: center;
    font-size: 12px;
}

/* Ajustes para el contenedor del grupo */
.group-header td {
    position: relative;
    padding: 15px 0;    
}

/* Margen para el nombre de los productos */
.group-header .fw-bold {
    position: absolute;
    left: 172px;
}

/*Cambiar color del texto al pasar el ratón por encima*/
.group-header:hover .fw-bold {
    color: #396bc8;
}

/* Cursor pointer para elementos interactivos */
.group-header {
    cursor: pointer;
}

.table-composition {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    min-width: 1200px;
}

.table-composition th,
.table-composition td {
    padding: 10px;
    text-align: center;
    border: 1px solid #ddd;
    word-break: break-word;
    white-space: normal;
    vertical-align: top;
    vertical-align: middle;
}

/* Anchos específicos para cada columna */
.table-composition th:nth-child(1),
.table-composition td:nth-child(1) {
    width: 160px; /* Código */
}

.table-composition th:nth-child(2),
.table-composition td:nth-child(2) {
    width: 140px; /* Tipo de producto */
}

.table-composition th:nth-child(3),
.table-composition td:nth-child(3) {
    width: 120px; /* Fabricante */
}

.table-composition th:nth-child(4),
.table-composition td:nth-child(4) {
    width: 80px; /* Cantidad */
}

.table-composition th:nth-child(5),
.table-composition td:nth-child(5) {
    width: 120px; /* CO2 emitido */
}

.table-composition th:nth-child(6),
.table-composition td:nth-child(6) {
    width: 115px; /* Categoría residuo */
}

.table-composition th:nth-child(7),
.table-composition td:nth-child(7) {
    width: 150px; /* Sello de calidad */
}

.table-composition th:nth-child(8),
.table-composition td:nth-child(8) {
    width: 80px; /* Ficha de producto */
}

.table-composition th:nth-child(9),
.table-composition td:nth-child(9) {
    width: 120px; /* Fecha */
}

.table-composition th:nth-child(10),
.table-composition td:nth-child(10) {
    width: 60px; /* Ubicación */
}

.table-composition th:nth-child(11),
.table-composition td:nth-child(11) {
    width: 105px; /* Extra */
}

.bg_primary {
    background-color: #396bc8;
}

.table-responsive {
    overflow-x: auto;
}

.leaflet-routing-container {
    display: none !important; /* Ocultar el panel de rutas */
}