/* Estilos personalizados */

                        .caixalista {

                                width: 90%;

                                margin: 0 auto;

                                padding: 20px;

                                background-color: #fff;

                                border-radius: 10px;

                                border: 1px solid #004085;

                                max-height: calc(100vh - 620px);

                                overflow-y: auto; /* Adiciona scroll vertical */

                        }



                        .caixalistaestexist {

                                width: 90%;

                                margin: 0 auto;

                                padding: 20px;

                                background-color: #fff;

                                border-radius: 10px;

                                border: 1px solid #004085;

                                max-height: calc(100vh - 330px);

                                overflow-y: auto; /* Adiciona scroll vertical */

                        }



                        .caixalistatopo {

                                width: 90%;

                                margin: 0 auto;

                                padding: 10px;

                                background-color: #fff;

                                border-radius: 10px;

                                border: 1px solid #004085;

                                max-height: 110px;

                                overflow-y: hidden;

                                display: flex;

                                align-items: center;

                        }



                        .caixainstrucoes {

                                width: 90%;

                                margin: 0 auto;

                                padding: 10px;

                                background-color: #fff;

                                border-radius: 10px;

                                border: 1px solid #004085;

                                max-height: 140px;

                                overflow-y: hidden;

                                display: flex;

                                align-items: center;

                        }



                        .contentortabela {

                                max-height: calc(100vh - 620px - 65px);

                                overflow-y: auto;

                                border: 1px solid #004085;

                        }

                        .vertente-container {

                                margin-bottom: 20px;

                                border: 1px solid #004085;

                                border-radius: 5px;

                                padding: 10px;

                        }



                        .vertente-container:last-child {

                                margin-bottom: 0; /* Remove a margem do último elemento */

                        }

                        .vertente-header {

                                font-size: 18px;

                                font-weight: bold;

                                color: #004085;

                                margin-bottom: 10px;

                        }

                        .grupos-linha {

                                display: flex;

                                flex-wrap: wrap;

                                gap: 10px; /* Espaçamento entre os grupos */

                        }

                        .grupo-caixa {

                                border: 1px solid #ddd;

                                border-radius: 5px;

                                padding: 10px;

                                flex: 1 1 calc(25% - 10px); /* 4 grupos por linha (25% de largura) */

                                box-sizing: border-box;

                        }

                        .grupo-caixa h4 {

                                margin-top: 0;

                                font-size: 16px;

                                color: #004085;

                        }

                        .equipas-select {

                                width: 100%;

                                padding: 5px;

                                border-radius: 5px;

                                border: 1px solid #ddd;

                                margin-bottom: 10px; /* Espaçamento entre as selectboxes */

                        }

                        .btn-adicionar-confirmar {

                                display: flex;

                                align-items: center;

                                padding: 10px 15px;

                                background-color: #28a745;

                                color: white;

                                border: none;

                                border-radius: 5px;

                                font-size: 14px;

                                cursor: pointer;

                                transition: background-color 0.3s ease;

                                box-sizing: border-box;

                                margin: 0px;

                        }

                        .btn-adicionar-confirmar:hover {

                                background-color: #218838;

                        }

                        .btn-adicionar-confirmar i {

                                margin-right: 8px;

                        }

                        /* Estilo para a seção de seleção de vertentes */

                        .selecao-vertentes {

                                display: flex;

                                align-items: center;

                                gap: 10px; /* Espaçamento entre os itens */

                        }

                        .vertente-checkbox {

                                display: flex;

                                align-items: center;

                                gap: 5px;

                                box-sizing: border-box;

                                margin: 0px;

                        }



                        .vertente-checkbox label {

                                display: flex;

                                align-items: center;

                                gap: 5px;

                                box-sizing: border-box;

                                margin: 0px;

                        }



                        .grupos-equipas-input {

                                display: flex;

                                align-items: center; /* Centraliza verticalmente os inputs */

                                gap: 10px; /* Espaçamento entre os inputs */



                        }

                        .grupos-equipas-input input[type="number"] {

                                width: 50px; /* Largura reduzida dos inputs */

                                padding: 5px;

                                border: 1px solid #ddd;

                                text-align: center; /* Centraliza o texto dentro dos inputs */

                                margin: 0px;

                                font-size: 14px;

                        }

                        .grupos-equipas-input label {

                                font-size: 14px;

                                margin: 0; /* Remove margens padrão das labels */

                                white-space: nowrap;

                                margin-right: 3px;

                        }



                        .h6estilo {

                                font-weight: bold;

                                margin: 0px;

                                box-sizing: border-box;

                                margin-right: 20px;

                        }



                        .grupos-input {

                                display: flex;

                                align-items: center;

                        }



                        .equipas-input {

                                display: flex;

                                align-items: center;

                        }



                        /* Oculta a div de estrutura inicialmente */

                        #estrutura-container {

                                display: none;

                                margin-top: 20px;

                        }





                        .btn-remover-confirmar {

                                display: flex;

                                align-items: center;

                                padding: 10px 15px;

                                background-color: #e6221e;

                                color: white;

                                border: none;

                                border-radius: 5px;

                                font-size: 14px;

                                cursor: pointer;

                                transition: background-color 0.3s ease;

                                box-sizing: border-box;

                                margin: 0px;

                        }

                        .btn-remover-confirmar:hover {

                                background-color: #a11512;

                        }

                        .btn-remover-confirmar i {

                                margin-right: 8px;

                        }