/* Tabella BrixiaTrek Escursioni */

.bte-tabella {
    table-layout: fixed;
     width: 100%;    
    min-width: 580px;   /* da regolare */
    border-collapse: collapse;
}


/* Celle */

.bte-tabella th,
.bte-tabella td {
    overflow: hidden;
    text-overflow: ellipsis;vertical-align: top;
    text-align: left;
    padding: 10px;
    word-break: break-word;
}


/* Intestazioni */

.bte-tabella th {
    font-weight: bold;
}


/* Colonna Meta */

.bte-col-meta,
.bte-meta {
    text-align: left;
}


/* Località */

.bte-col-localita,
.bte-localita {
    text-align: left;
}


/* Difficoltà */

.bte-col-difficolta,
.bte-difficolta {
    text-align: center;
}


/* Valori numerici */

.bte-col-lunghezza,
.bte-lunghezza,
.bte-col-dislivello,
.bte-dislivello {
    text-align: right;
}


/* Tipo meta */

.bte-tipo-meta {
    font-size: 0.85em;
    font-style: italic;
    margin-left: 5px;
}

/* =========================
   Larghezza colonne tabella
   ========================= */

.bte-tabella-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}


.bte-col-meta,.bte-meta {
    width: 40%;
}

.bte-col-localita,.bte-localita {
    width: 28%;
}

.bte-col-difficolta,.bte-difficolta {
    width: 12%;
}

.bte-col-lunghezza,.bte-lunghezza {
    width: 10%;
}

.bte-col-dislivello,.bte-dislivello {
    width: 10%;
}


/* =========================
   Titoli colonne ordinabili
   ========================= */

.bte-sortable th {
    cursor: pointer;
    user-select: none;
}

.bte-sortable th:hover {
    text-decoration: underline;
}


/* =========================
   Filtro lettere
   ========================= */

.bte-filtro-lettere {
    margin-bottom: 20px;
}

.bte-filtro-lettere button {
    margin-right: 5px;
    cursor: pointer;
}


@media (max-width: 480px) {

    .bte-tabella {
        min-width: 650px;
    }

    .bte-col-meta,.bte-meta {
        width: 40%; 
    }

    .bte-col-localita,.bte-localita {
        width: 28%;
    }

    .bte-col-difficolta,.bte-difficolta {
        width: 12%;
    }

    .bte-col-lunghezza,.bte-lunghezza {
        width: 10%;
    }

    .bte-col-dislivello,.bte-dislivello{
        width: 10%;
    }

    .bte-tabella th,
    .bte-tabella td {
        padding: 6px 4px;
        font-size: 13px;
    }

}
/* Righe alternate tabella */

.bte-tabella tbody tr:nth-child(even) {
    background-color: #dad9d9;
}

.bte-tabella tbody tr:nth-child(odd) {
    background-color: #ffffff;
}
/* Evidenzia riga al passaggio del mouse */

.bte-tabella tbody tr:hover {
    background-color: #eef6ff;
}
.bte-tabella tbody tr:active {
    background-color: #eef6ff;
}

/* =========================
   Triangolini ordinamento
   ========================= */

.bte-sortable th {
    position: relative;
    padding-right: 22px;
}

.bte-sortable th::after {
    content: "▲\A▼";
    white-space: pre;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 9px;
    line-height: 9px;
    color: #b5b5b5;
}


/* =========================
   Triangolini ordinamento
   ========================= */

.bte-sortable th {
    position: relative;
    padding-right: 24px;
}

/* Triangolino superiore */

.bte-sortable th::before {
    content: "▲";
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-8px);
    font-size: 11px;
    line-height: 9px;
    color: #b5b5b5;
}

/* Triangolino inferiore */

.bte-sortable th::after {
    content: "▼";
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(2px);
    font-size: 11px;
    line-height: 9px;
    color: #b5b5b5;
}

/* Ordinamento crescente attivo */

.bte-sortable th.bte-sort-asc::before {
    color: #000000;
}

/* Ordinamento decrescente attivo */

.bte-sortable th.bte-sort-desc::after {
    color: #000000;
}
.bte-filtro-container {
    width: 100%;
    text-align: center;
    margin: 20px 0;
}

#bte-apri-filtro {
    display: inline-block;
    padding: 10px 22px;
    cursor: pointer;
}