.selecao h3.selecao-title-topo {
  margin: 0;
  padding: 4px 4px;
  background: var(--blue);
  color: white;
  /* border-radius: 10px 10px 0 0; */
}

.selecao .selecao-data {
	text-align: center;
	border: 1px solid black;
	/* border-radius: 10px; */
	text-align: center;
	align-self: start;
	box-shadow: 0px 3px 25px 0px rgba(10, 55, 90, 0.2);
	position: sticky;
	top: 70px;
	max-height: calc(100vh - 80px);
	overflow-y: auto;
}
.selecao .selecao-data .selecao-botao {
    cursor: pointer;
    font-weight: bold;
}
.selecao .selecao-title.bold {
	background-color: #999;
	color: white;
    padding: 5px;
}

.selecao .coluna-selecao {
	flex-direction: row;
	display: flex;
	padding: 10px;
	gap: 20px;
}

.selecao .selecao-e30 { 
    min-width: 0;
    flex-basis: 30%;
    flex-shrink: 10;
    flex-grow: 10;
}
.selecao .selecao-e70 { 
    min-width: 0;
    flex-basis: 70%;
    flex-shrink: 10;
    flex-grow: 10;
}
.selecao .selecao-title {
    background-color: #efefef;
    line-height: 23px;
    text-align: center;
    padding: 5px;
}
.selecao .selecao-description {
    font-weight: bold;
    padding: 3px;
}

.selecao .lista {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.selecao .lista .lista-participacoes {
    flex: 0 0 19%;
    max-width: 19%;
    margin-bottom: 15px;
}

.selecao .text-center {
    text-align: center;
}

.selecao .section-title {
	background: #999;
	color: white;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 6px 8px;
}

.selecao .nav-item {
    color: #000;
    background: #ccc;
    font-size: 18px;
    padding: 10px 20px;
    border: inherit;
    border-radius: inherit;
    margin: 0;
}

.selecao .image-bandeira { 
    width: 50px;
    margin: auto;
}

.selecao .nav-item.active, .selecao .nav-item:hover {
    background: #76c100;
    color: #fff;
}
.selecao .convocados {
	display: content;
}
.selecao .convocados .bloco-jogador {
    margin: 10px;
    width: 140px;
}
.selecao .convocados .bloco-jogador .image-jogador {
	border: 1px solid #ccc;
}
.selecao .convocados .tab-content {
    flex-wrap: wrap;
    justify-content: center;
}
.selecao .convocados .tab-content .nome-jogador {
	/* height: 2lh; */
	text-align: center;
}
.selecao .convocados .tab-content .data-nascimento-jogador {
    text-align: center;
}
.selecao .convocados .tab-content .idade-jogador {
	height: 1.4lh;
	text-align: center;
	font-weight: bold;
	background: #ddd;
	padding: 0.2lh;
}
.selecao .convocados .tab-content .idade-jogador:empty {
	visibility: hidden;
}
.selecao .titulo-idade {
    background-color: #000;
    color: #fff;
}
.selecao .lista-selecoes {
    flex-wrap: wrap;
}
.selecao .selecao-item {
    width: 63px;
    padding: 7px;
    border: 1px solid #ccc;
    margin: 3px;
    vertical-align: middle;
}
.selecao .selecao-bandeira {
    cursor: pointer;
}

@media (max-width: 767px) {
	.selecao .coluna-selecao {
		flex-direction: column;
	}
	.selecao .selecao-data {
		align-self: stretch;
        position: unset;
        max-height: none;
        overflow-y: unset;
	}
}