/* Área Central (VBox) */

h2{
	text-align: center;
	color: #333;
}

body {
	font-family: Arial, sans-serif;
	background-color: #f4f6f8;
	margin: 50px;
	padding: 0;
}

label {
	display: block;
	margin-top: 10px;
	color: #555;
}

input, select {

	padding: 8px;
	border-radius: 5px;
	border: 1px solid #ccc;
	margin-top: 5px;
}

button {
	background-color: #1D1D28;
	color: white;
	padding: 8px 16px;
	border: none;
    border-radius: 20px;
	cursor: pointer;
}

.button-disabled,
button:hover{
	opacity: 0.6;
}


           .center-content {
               flex-grow: 1;
               padding: 20px;
           }

           /* Título "Cadastro Pessoa" */
           .title {
               font-size: 18px;
               font-weight: bold;
               text-align: center;
               margin-bottom: 20px;
           }

           /* Mapeamento do TabPane para HTML */
           .tab-pane {
               border: 1px solid #ccc;
               margin-bottom: 20px;
               border: none;
           }

           .tab-header {
               display: flex;
               border-bottom: 1px solid #ccc;
           }

           .tab-header button{
                background-color: #1D1D28;
                color: white;
               padding: 10px 15px;
               border: none;
               border-radius: 0;
               cursor: pointer;
               border-right: 1px solid #ccc;
           }

           .tab-header button.active {
               background: white;
               color: #1D1D28;
                border: none;
                border-radius: 0;
               border-bottom: 1px solid white;
               font-weight: bold;
           }

           .tab-button
           .tab-content {
               padding: 20px;
               display: none;
           }

           .tab-content.active {
               display: block;
           }

           /* Conteúdo das abas (VBox) */
           .form-vbox {
               display: flex;
               flex-direction: column;
               gap: 15px;
           }

           /* HBox para "Tipo:*" */
           .hbox-tipo {
               display: flex;
               gap: 10px;
               align-items: center;
           }

.tabela {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

table {
    width: 100%;
    border-collapse: collapse;
    background: white;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}

    th, td {
      border: 1px solid #ddd;
      padding: 10px 15px;
      text-align: left;
    }

    th {
      background-color: #1D1D28;
      color: white;
    }

    tr:nth-child(even) {
      background-color: #f2f2f2;
    }

    tr:hover {
      background-color: #e9e9e9;
    }

    .tabela{
	padding-top: 20px;
    }

    /* Carregamento DOM */

    #loader-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff; /* Cor de fundo, mude conforme necessário */
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999; /* Garante que fique por cima de tudo */
    }

    .loader {
        /* Exemplo de um spinner CSS simples */
        border: 8px solid #f3f3f3;
        border-top: 8px solid #3498db;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        animation: spin 1s linear infinite;
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }
/*
    .hidden {
        display: none; /* Classe para ocultar o conteúdo principal */
    }
*/
    /* Estilos básicos para o conteúdo principal */
    #content {
        padding: 20px;
    }