body {
    min-height: 100vh; /* Altura mínima de 100% da viewport */
    display: flex;
    flex-direction: column; /* Alinhar o conteúdo em colunas */
    color: #fdfdfd;
  }
.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; */
    background-color: #2563EB;
    border-color: #2563EB;
    color: white;
    font-weight: bold;
    
}
.btn-escolher-jogadores:hover{
    background-color: #1E40AF;
    border-color: #1E40AF;
    color: white;
    font-weight: bold;
}

/* Muda a seta do accordion */
.btn-escolher-jogadores::after {
    filter: invert(50%) sepia(100%) saturate(1000%) hue-rotate(190deg);
  }

.btn-quantidade-pessoas
{
    border-color: #009688;
}

.linha
{
  
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25;
}

.bg-gradient-alt {
    background-color: #27404b;
    background-image: linear-gradient(180deg, #838f94 10%, #4f5d64 100%);
    background-size: cover;
}

.box-login
{
    border: 1px solid gray;
    border-radius: 10px;
    padding: 10px;
    margin: 10px;
    
}

.header-titulo
{
    font-size: 23px;
}

.titulo-box
{
    font-weight: bold;
    font-size: 20px;
}

.rodape-box
{
    font-weight: bold;
    font-size: 20px;
    color: #de5a44
}

.bg-meuazul {
    background: linear-gradient(90deg, #1E3A8A, #2563EB);
}

.bg-footer {
    /* background-color: #1F2937;  */
    background-color: #111827; 
    color: white;
}

.bg-footer a {
    color: #E5E7EB; /* cinza claro */
    text-decoration: none;
    margin: 0 5px;
}

.bg-footer a:hover {
    color: #3B82F6;
  text-decoration: underline;
}


/* Muda o fundo e a cor do texto do dropdown */
.menu-dropdown {
    background-color: #ffffff; /* cor de fundo (ex: branco) */
    color: white; /* cor do texto */
    border: 1px solid #ccc;
  }
  
  /* Itens do dropdown */
  .menu-dropdown .dropdown-item {
    color: #000000; /* cor do texto */
  }
  
  .menu-dropdown .dropdown-item:hover {
    background-color: #f0f0f0; /* cor ao passar o mouse */
    color: #000;
  }

  .texto-input
  {
    color: black;
    font-weight: bold;
  }

/* MOBILE */
@media (max-width: 768px) {
    .titulo-box{font-size: 15px;}
    .rodape-box{font-size: 15px;}
    .header-titulo{font-size: 16px; font-weight: 500;}
}