/* COLUNA ESQUERDA FIXA */
   
        #coluna-esquerda {
            position: fixed;
            top: 240px; /* altura do header da MasterPage */
            left: 0;
            width: 220px;
            height: calc(100% - 80px);
            background: #033E6B;
            color: white;
            padding: 15px;
            overflow-y: auto;
            border-right: 2px solid #002A45;
        }

        /* CONTEÚDO PRINCIPAL */
        #conteudo-principal {
    margin-left: 230px; /* apenas o suficiente para não bater na coluna esquerda */
    padding: 20px;
    width: auto; /* garante que ocupe todo o espaço restante */
    max-width: none; /* remove limite */
}


        #coluna-esquerda a {
            display: block;
            color: #fff;
            padding: 10px 0;
            text-decoration: none;
        }
        #coluna-esquerda a:hover {
            text-decoration: underline;
        }

        body {
    font-family: "Segoe UI", "Inter", Arial, sans-serif;
    background-color: #f7f9fc; /* tom claro e delicado */
    color: #4a4a4a; /* cinza suave (menos contraste agressivo) */
    line-height: 1.6;
}

                             /* Labels */
.labelsBase {
    font-size: large;
    font-weight: 12;
    font-family: "Segoe UI", Calibri, Arial, sans-serif;
    color: #000066;
}

                     /* Label barra comandos */
.labelsMenu {
    font-size: medium;
    font-weight: 12;
    font-family: "Segoe UI", Calibri, Arial, sans-serif;
    color: #000066;
}

    
             /* Títulos gerais da página */
h1, h2, h3 {
    font-weight: 600;
    color: #2d3436;
    background: linear-gradient(135deg, #e3f2fd, #ffffff);
    padding: 8px 16px;
    border-radius: 8px;
    display: inline-block;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

        .class_h1 {
            font-weight: 600;
            color: #2d3436;
        }

             /* Títulos  */
h3 {
    font-weight: 600;
    color: #2d3436;
    background: linear-gradient(135deg, #e3f2fd, #ffffff);
    padding: 8px 16px;
    border-radius: 8px;
    display: inline-block;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}
.painel-moderno {
    background-color: #f8f9fc; /* cor suave e moderna */
    border: 1px solid #e3e6f0;  /* borda bem discreta */
    border-radius: 12px;        /* cantos arredondados */
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04); /* sombra leve */
    transition: all 0.3s ease;
}

.btn-modern {
    background: linear-gradient(135deg, #6fb1fc, #4a90e2);
    color: #ffffff;
    border: none;
    border-radius: 10px;
    height: 45px;
    width: 180px;
    font-family: "Segoe UI", Calibri, Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    transition: all 0.25s ease;
}

.btn-modern:hover {
    background: linear-gradient(135deg, #5aa3f7, #357abd);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.25);
    transform: translateY(-2px);
}

.btn-modern:active {
    transform: translateY(0);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}


.btnTitulo {
    font-weight: 600;
    color: #2d3436;
    background: linear-gradient(135deg, #e3f2fd, #ffffff);
    padding: 8px 16px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
    font-size: 20px;
}

.btnTitulo:hover {
    box-shadow: 0 3px 8px rgba(0,0,0,0.2);
}

/* Botão padrão */
button, input[type="submit"], .aspNetButton {
    background-color: #0078d7;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 15px;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

button:hover, input[type="submit"]:hover {
    background-color: #005fa3;
}      

  .roundedTextBox { 
  border-radius: 10px; /* Define o raio da borda */ 
  padding: 8px;        /* Adiciona espaçamento interno */ 
  border: 1px solid #ccc; /* Cor da borda */ 
  font-size: 16px;     /* Tamanho da fonte */ 
  } 

  

.roundedGridView { 
    border-collapse: separate; 
    border-radius: 15px; 
    overflow: hidden; 
    width: 100%;
    border: 1px solid #ddd;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

  .roundedGridView th:first-child { 
      border-top-left-radius: 15px; 
  } 

  

  .roundedGridView th { 
    background-color: #f1f1f1;  /* tom leve e neutro */
    color: #000066;             /* texto azul */
    font-weight: 600;
    padding: 10px;
}

    th {
        font-size: 15px;
    }
        

        .style1
        {
            width: 100%;
        }
                
   .roundedDropdown { 
      border-radius: 10px; /* Define o raio da borda */ 
      padding: 5px;        /* Adiciona um espaçamento interno */ 
      border: 1px solid #ccc; /* Cor da borda */ 
      outline: none; /* Remove a borda padrão quando o dropdown está em foco */ 
  } 

   select {
    width: 100%;
    padding: 10px 14px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 8px;
    transition: all 0.2s ease;
    background-color: #fff;
}               


        .painel {
            display: none;
        }
        .painel.ativo {
            display: block;
        }

    .rounded-panel {
    border-radius: 15px; /* Ajuste o valor conforme necessário */
    padding: 10px; /* Opcional: Adiciona um pouco de espaço interno */
    border: 1px solid #ccc; /* Opcional: Define uma borda */
    background-color: #f9f9f9; /* Opcional: Define uma cor de fundo */
}

       
     .roundedButton {
        border-radius: 10px; /* Define o raio da borda */
        padding: 10px 20px;  /* Adiciona espaçamento interno */
        border: 1px solid #ccc; /* Cor da borda */
        background-color: #007bff; /* Cor de fundo */
        color: #fff; /* Cor do texto */
        font-size: 16px; /* Tamanho da fonte */
        text-align: center; /* Alinha o texto ao centro */
        cursor: pointer; /* Muda o cursor para indicar que é clicável */
    }