
body {
    min-height: 100vh; /* Altura mínima de 100% da viewport */
    display: flex;
    flex-direction: column; /* Alinhar o conteúdo em colunas */
  }
.tab-buttons {
    display: flex;
    gap: 2px;
}

.tab-btn {
    width: 100%;
    border: none;
    color: #020617;
    background-color: #c4c4c456;
    border-radius: 8px 8px 0px 0px;
    font-weight: 500;
    padding: 8px;
    cursor: pointer;
    transition: background-color .3s ease;
    border: 1px solid #c4c4c456;;
    border-bottom-color: #4e73df;
}

.tab-btn.active {
    background-color: #4e73df;
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: #4e73df;
    color: white;
    font-weight: bold;
}

.tab-btn:hover {
    background-color: #a5b4fc;
}

.content {
    display: none;
}

.content.show {
    display: flex;
    gap: 14px;
    /* background-color: #c7d2fe; */
    border-radius: 0px 0px 8px 8px;
    padding: 16px;
    /* border: 1px solid #4e73df; */
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #4e73df;
}

.infos
{
    width: 100%;
}

/* */
.seta-movimentacao
{

    fill: green;
    padding: 0 10px 0 10px;
}
.font-movimentacao
{
    font-weight: bold;
}

.status
{

    color: green;
    font-weight: bold;
}




.jogadores-acc
{
    font-size: 18px;
    /* font-style: italic; */
}

.jogadores-registrados
{
    font-size: 18px;
}

.btn-escolher-jogadores
{
    background-color: #009688;
    color: white;
    font-weight: bold;
}

.btn-quantidade-pessoas
{
    border-color: #009688;
}

.linha
{
  
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25;
}