/* Estilização para o template dos Grupos de Saída de Campo */
.grupo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.grupo-thumbnail {
    flex: 0 0 150px;
    margin-right: 20px;
}

.grupo-thumbnail img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.grupo-details {
    flex: 1;
}

.grupo-details h2, .grupo-details h1 {
    text-align: center;
}

.grupo-details p {
    margin: 5px 0;
}

/* Adicionando margens laterais */
.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 20px;
}

/* Adicionando margens laterais */
.containerJWDB {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 20px;
}

/* Estilização para o template dos Publicadores */
.publicador {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    padding: 10px;
}

.publicador h1 {
    text-align: center;
    width: 100%;
}

.publicador-thumbnail {
    flex: 1;
    text-align: center;
}

.publicador-thumbnail img {
    max-width: 100%;
    height: auto;
}

.publicador-info {
    flex: 2;
    padding-left: 20px;
}

.jwdb-meta-box {
    font-family: Arial, sans-serif;
    color: #333;
    display: grid; /* Usando Grid para o layout principal */
    grid-template-columns: 1fr 1fr; /* Duas colunas */
    gap: 20px; /* Espaçamento entre os itens do grid */
    padding: 20px;
}

.jwdb-fieldset {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 5px;
}

.jwdb-legend {
    font-weight: bold;
    font-size: 1.1em;
    color: #555;
    padding: 0 10px;
    margin-bottom: 10px; /* Espaçamento abaixo da legenda */
}

.jwdb-form-group {
    margin-bottom: 15px;
    display: grid; /* Grid para cada campo */
    grid-template-columns: 120px 1fr; /* Largura fixa para o label e o resto para o campo */
    align-items: center;
    gap: 10px;
}

.jwdb-label {
    text-align: left; /* Alinha o label à esquerda */
    font-weight: bold;
}

.jwdb-input,
.jwdb-select {
    width: 100%; /* Ocupa a largura disponível na coluna */
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box; /* Inclui padding e border na largura total */
}

.jwdb-select[multiple] {
    height: 100px;
}

.jwdb-checkbox-group {
    display: flex;
    gap: 15px;
}

.jwdb-checkbox-group label {
    font-weight: normal;
}

/* Responsividade */
@media (max-width: 768px) {
    .jwdb-meta-box {
        grid-template-columns: 1fr; /* Uma coluna em telas menores */
        gap: 10px;
    }

    .jwdb-form-group {
        grid-template-columns: 1fr; /* Label e campo em colunas separadas */
    }

    .jwdb-label {
        margin-bottom: 5px;
    }

    .jwdb-input,
    .jwdb-select {
        font-size: 12px;
    }
}

/* Adicione isso no seu arquivo jwdb-styles.css */
.button {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #0073aa;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.button:hover {
    background-color: #005177;
}
/* Estilos para a tabela */
.jwdb-publicadores-table {
    width: 100%; /* Ocupa 100% do espaço disponível */
    /* border-collapse: separate; Permite espaçamento entre células */
    /*border-spacing: 10px;  Espaçamento entre colunas e linhas */
    table-layout: fixed; /* Garante que a tabela use todo o espaço disponível */
}

/* Estilos para células da tabela */
.jwdb-publicadores-table th, .jwdb-publicadores-table td {
    border: 1px solid #ddd;
    padding: 12px; /* Aumentar o padding para mais espaçamento interno */
    text-align: left;
    word-wrap: break-word; /* Quebra de texto para evitar overflow */
}

/* Estilos para o cabeçalho da tabela */
.jwdb-publicadores-table th {
    background-color: #f4f4f4;
    font-weight: bold; /* Deixa o cabeçalho em negrito */
}

/* Estilos para o contêiner do grupo */
.jwdb-grupo {
    margin-bottom: 2em;
    padding: 1em;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9; /* Fundo suave para o grupo */
}

/* Adicione este CSS ao seu arquivo de estilos */
.jwdb-filtros .jwdb-filtro {
    margin-bottom: 15px; /* Ajuste o valor conforme necessário */
}