:root {
    --gp-color: #167798;
    --oro-color: #E2AD26;
    --plata-color: #9F9C9D;
    --bronce-color: #DB8334;
    --total-color: #090909;
}

a{
    text-decoration: none;
    color: #090909;
}

img{
    max-width: 100%;
}

.titulo_medallero{
	color: #000;
	text-decoration: none;
	text-align: center;
}

.titulo_medallero img{
	border: none;
}

table{
    width: 100%;
}

table, tr, th, td{
    padding: initial;
    border: initial;
    background-color: initial !important;
}

table h4{
    font-family: var(--sans-serif), sans-serif;
    font-weight: bolder;
    font-size: 1em;
    padding: 0.7rem;
}

table tbody td{
    border-top: 1px solid #fff;
    padding: 0.7rem;
}

.nav-link.active, .tab-content{
    background: #F2F2F2 !important;
}

.nav-link{
    background: #D0D0D0;
    color: #090909;
}

.nav-link.active:hover{
	color: #333 !important;
}

.nav-link:hover{
	background: #ccc;
	color: #fff !important
}

.btn-info{
    background-color: #926BE8 !important;
    color: #fff;
    padding: 1em 8em;
    border-radius: 1em;
    font-size: 0.9em;
    border: none !important;
    outline: none !important;
}

.title{
	padding: 1em;
	text-align: center;
	color: #fff;
    font-size: 0.8em;
    display: block;
}

.title.gp{background: var(--gp-color) !important; border-radius: 1em 0 0 1em}
.title.oro{background: var(--oro-color) !important}
.title.plata{background: var(--plata-color) !important}
.title.bronce{background: var(--bronce-color) !important}
.title.total{background: var(--total-color) !important; border-radius: 0 1em 1em 0}

td.gp{color:var(--gp-color) !important}
td.oro{color:var(--oro-color) !important}
td.plata{color:var(--plata-color) !important}
td.bronce{color:var(--bronce-color) !important}
td.total{color:var(--total-color) !important}

.widget{
    font-size:11px; 
    margin:0; 
    padding:0; 
}

.widget #medallero{
    background-color: #FEE600;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
}

#medallero .w-100{
    background: #fff;
    padding: 1em;
    border-radius: 1em;
}