/* Estilo do Modal de Inserção, Edição e exclusão */
.modal {
    display: none; /* Escondido por padrão */
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Fundo escuro semi-transparente */
}
/* Estilo do conteúdo do modal */
.modal-conteudo {
    background-color: white;
    margin: 10% auto;
    padding: 40px 20px 20px; /* Padding superior maior para acomodar o botão de fechar */
    border: 1px solid #888;
    width: 50%; /* Largura do modal */
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    position: relative; /* Para posicionar o botão de fechar */
}
/* ESTILOS PARA OS FORMULÁRIOS DE INSERÇÃO */
/* ESTILOS PARA OS FORMULÁRIOS DE INSERÇÃO */
/* ESTILOS PARA OS FORMULÁRIOS DE INSERÇÃO */
/* Estilo comum para todos os formulários de inserção dentro dos modais */
#form-inserir-associacao .form-group,
#form-inserir-clube .form-group,
#form-inserir-funcao .form-group,
#form-inserir-contacto .form-group,
#form-inserir-torneio .form-group {
    display: flex; /* Layout flexível */
    align-items: center; /* Alinha os itens verticalmente ao centro */
    margin-bottom: 15px; /* Espaçamento entre os grupos */
}
/* Estilo comum da label para todos os formulário de inserção */
#form-inserir-associacao label,
#form-inserir-clube label,
#form-inserir-funcao label,
#form-inserir-contacto label,
#form-inserir-torneio label {
    flex: 0 0 170px; /* Largura fixa para as labels (ajuste conforme necessário) */
    white-space: nowrap;
    text-align: left; /* Labels justificadas à esquerda */
}
/* Estilo comum para caixas de texto, caixas de inserção e seletores em formulários de inserção */
#form-inserir-associacao input,
#form-inserir-associacao textarea,
#form-inserir-associacao select,
#form-inserir-clube input,
#form-inserir-clube textarea,
#form-inserir-clube select,
#form-inserir-funcao input,
#form-inserir-funcao textarea,
#form-inserir-funcao select,
#form-inserir-contacto input,
#form-inserir-contacto textarea,
#form-inserir-contacto select,
#form-inserir-torneio input,
#form-inserir-torneio textarea,
#form-inserir-torneio select {
    flex: 1; /* O campo ocupa o restante do espaço */
        padding: 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box; /* Garante que padding e borda sejam incluídos na largura */
}
/* Estilo do botão adicionar no modal de inserção */
.btn-adicionar-confirmar {
    background-color: #28a745; /* Verde */
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 15px;
}
/* Estilo do hover do botão adicionar no modal de inserção */
.btn-adicionar-confirmar:hover {
    background-color: #218838; /* Verde mais escuro */
}
/* Estilo do botão cancelar no modal de inserção */
.btn-cancelar {
    background-color: #6c757d; /* Cinza */
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    margin-left: 10px;
    margin-top: 15px;
}
/* Estilo do hover do botão cancelar no modal de inserção */
.btn-cancelar:hover {
    background-color: #5a6268; /* Cinza mais escuro */
}
/* FIM FIM ESTILOS PARA OS FORMULÁRIOS DE INSERÇÃO */
/* FIM FIM ESTILOS PARA OS FORMULÁRIOS DE INSERÇÃO */
/* FIM FIM ESTILOS PARA OS FORMULÁRIOS DE INSERÇÃO */
/* ESTILOS PARA OS FORMULÁRIOS DE EDIÇÃO */
/* ESTILOS PARA OS FORMULÁRIOS DE EDIÇÃO */
/* ESTILOS PARA OS FORMULÁRIOS DE EDIÇÃO */
/* Estilo comum para todos os formulários de edição dentro dos modais */
#form-editar-associacao .form-group,
#form-editar-clube .form-group,
#form-editar-funcao .form-group,
#form-editar-contacto .form-group,
#form-editar-torneio .form-group {
        display: flex; /* Layout flexível */
    align-items: center; /* Alinha os itens verticalmente ao centro */
    margin-bottom: 15px; /* Espaçamento entre os grupos */
}
/* Estilo comum da label para todos os formulário de edição */
#form-editar-associacao label,
#form-editar-clube label,
#form-editar-funcao label,
#form-editar-contacto label,
#form-editar-torneio label {
    flex: 0 0 170px; /* Largura fixa para as labels (ajuste conforme necessário) */
    white-space: nowrap;
    text-align: left; /* Labels justificadas à esquerda */
}
/* Estilo comum para caixas de texto, caixas de inserção e seletores em formulários de edição */
#form-editar-associacao input,
#form-editar-associacao textarea,
#form-editar-associacao select,
#form-editar-clube input,
#form-editar-clube textarea,
#form-editar-clube select,
#form-editar-funcao input,
#form-editar-funcao textarea,
#form-editar-funcao select,
#form-editar-contacto input,
#form-editar-contacto textarea,
#form-editar-contacto select,
#form-editar-torneio input,
#form-editar-torneio textarea,
#form-editar-torneio select {
    flex: 1; /* O campo ocupa o restante do espaço */
        width: 100%;
        padding: 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box; /* Garante que padding e borda sejam incluídos na largura */
}
/* Estilo do botão de Salvar no formulário do modal editar */
#form-editar-associacao button,
#form-editar-funcao button,
#form-editar-torneio button {
    margin-top: 15px;
    padding: 10px 20px;
    background-color: #28a745; /* Cor de fundo verde */
    color: white; /* Cor de texto branco */
    border: none; /* Eliminação de borda */
    border-radius: 5px;
    cursor: pointer;
}
/* Estilo do hover do botão de Salvar no formulário do modal editar */
#form-editar-associacao button:hover,
#form-editar-funcao button:hover,
#form-editar-torneio button:hover {
        background-color: #218838;
}
/* Estilo dos botões de fechar modal (X) */
.fechar-modal, .fechar-modal1, .fechar-modal2 {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
        position: absolute; /* Posicionamento absoluto para garantir que fique no canto superior direito */
    top: 10px; /* Distância do topo */
    right: 15px; /* Distância da direita */
}
/* Estilo do hover dos botões de fechar modal (X) */
.fechar-modal:hover, .fechar-modal1:hover, .fechar-modal2:hover {
    color: black;
}
/* Estilo dos botões no modal de exclusão */
.btn-excluir-confirmar {
    background-color: #dc3545; /* Vermelho */
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}
.btn-excluir-confirmar:hover {
    background-color: #c82333; /* Vermelho mais escuro */
}
.btn-salvar {
    margin-top: 15px;
    padding: 10px 20px;
    background-color: #28a745; /* Cor de fundo verde */
    color: white; /* Cor de texto branco */
    border: none; /* Eliminação de borda */
    border-radius: 5px;
    cursor: pointer;
}
.btn-salvar:hover {
        background-color: #218838;
}
.btn-cancelar {
    background-color: #6c757d; /* Cinza */
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    margin-left: 10px;
}
.btn-cancelar:hover {
    background-color: #5a6268; /* Cinza mais escuro */
}