/* ZERANDO TABELA BOOTSTRAP */
.table thead th,
.table td,
.table th {
    border: none;
    padding: 0;
}

.table {
    margin: 0;
}

/* ZERANDO TABELA BOOTSTRAP */

/* CLASSES MOBILE E DESTKOP */
.element-mob {
    display: none;
}

@media (max-width: 743px) {
    .element-mob {
        display: initial;
    }
    .element-desk{
        display: none;
    }
}

/* CLASSES MOBILE E DESTKOP */

.container-tabela {
    max-width: 820px;
    margin: auto;
    border-radius: 10px;
    border: 1px solid #F2F2F2;
    padding: 10px;
    font-size: 18px;
}

/* TABELA */
.table tr td:first-child {
    display: flex;
    gap: 10px;
    align-items: center;
    padding-left: 10px;
    justify-content: flex-start;
}

.table th {
    color: #666;
}
.table th:first-child{
    font-weight: 400;
}
.table td {
    border: 1px solid #F2F2F2;
}

.table thead,
.table tr {
    display: flex;
    width: 100%;
}

.table th:first-child,
.table td:first-child {
    width: 50%;
    text-align: left;
}

.table th,
.table td {
    width: 12.5%;
    text-align: center;
}

.table tbody tr {
    height: 50px;
}

.table tbody td {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 35px;
}


/* TABELA */
.position {
    max-width: 30px;
    width: 100%;
    display: inline-block;
    text-align: center;
    font-weight: bold;
}

.team-flag {
    width: 40px;
    height: 40px;
}
.team-name{
    font-size: 18px;
    color: #1A1818;
}
.medal {
    width: 34px;
    height: 34px;
    display: inline-block;
    font-size: 18px;
    border-radius: 50%;
}

.medal-gold {
    background-color: #FCC861;
}

.medal-silver {
    background-color: #E5E5E5;
}

.medal-bronze {
    background-color: #DCB386;
}
.medal-total{
    font-weight: bold;
}

.bg-green {
    background-color: #F6FFE6;
}

@media (max-width: 744px){
    .table th:first-child, .table td:first-child{
        width: 45.52%;
    }
    .table th, .table td{
        width: 13.625%;

    } 
}

.quadro_interna a {
    background-color: var(--bluedefault);
    color: #fff;
    text-align: center;
    display: inline-block;
    padding: .657rem 1.178rem;
    border-radius: 4px;
    font-weight: 700;
    transition: .2s;
    margin-top: 20px;
}
.quadro_interna a:hover {
    background-color: var(--lightblue);
}