@import url('https://fonts.googleapis.com/css2?family=Asap&display=swap');
body {
    font-family: 'Asap', sans-serif !important;
    font-size: 16px !important;
    text-align: center !important;
    color: #2E3192;
}

.th-inner {
    text-align: center;
}

.th-inner.sortable.both {
    margin-left: 19px !important;
}


/* Llevem l'ajust de margin en el th de posició en mobile */

.table-mobile .th-posicio .th-inner.sortable.both {
    margin-left: 0px !important;
}

.sort-empty-title .sortable.both {
    margin-left: 0px !important;
}

tbody tr {
    height: 50px;
}

@media only screen and (max-width: 640px) {
    .table-desktop {
        display: none !important;
    }
}

@media only screen and (min-width: 641px) {
    .table-mobile {
        display: none !important;
    }
}


/* .table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: none !important;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border-top: 1px solid #ddd !important;
} */

.media-info {
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--background-accent-color, #2e3192);
    color: var(--text-accent-color, #fff);
    opacity: .8;
    pointer-events: none;
}

th {
    background-color: #2E3192;
    color: white;
    text-transform: uppercase;
    font-size: 0.8em;
}

th.th-mira {
    background: none;
}

td {
    background-color: #f6f5f2;
}

td.td-posicio {
    background-color: #8BC34A;
    color: white;
    font-size: 1.3em;
}

td.td-valoracio {
    background-color: #00AAC4;
    color: #ffffff;
    font-weight: bold;
}

td.td-mira {
    background-color: #2e3192;
}

.td-mira a,
.td-mira a:focus,
.td-mira a:hover {
    color: white;
    text-decoration: none;
}

.table-bordered {
    border: none !important;
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: none !important;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border-top: 4px solid white !important;
}


/*Fletxetes d'ordenació més blanques*/

.bootstrap-table .fixed-table-container .table thead th .asc>span,
.bootstrap-table .fixed-table-container .table thead th .desc>span,
.bootstrap-table .fixed-table-container .table thead th .both>span {
    filter: brightness(200%);
}