.fundo2 {
    background-color:#177cb1;
}

.custom-input {
    border: 2px solid #177cb1; /* Cor das bordas */
    border-radius: 4px; /* Bordas arredondadas (opcional) */
}

    .custom-input:focus {
        border-color: #0d5a86; /* Cor das bordas ao focar */
        box-shadow: 0 0 5px rgba(23, 124, 177, 0.5); /* Efeito de foco */
    }
/* Alinhando labels à esquerda */
.custom-label {
    text-align: left;
    color: #177cb1;
    display: block; /* Garante que ocupe toda a largura */
    font-weight: bold; /* Opcional: deixa o texto mais destacado */
}

/* Estilizando o botão */
.custom-button {
    background-color: #177cb1; /* Cor de fundo principal */
    border: 2px solid #177cb1; /* Cor da borda */
    color: #fff; /* Cor do texto */
    border-radius: 4px; /* Bordas arredondadas */
}

    .custom-button:hover {
        background-color: #0d5a86; /* Cor ao passar o mouse */
        border-color: #0d5a86; /* Borda ao passar o mouse */
    }

    .custom-button:focus {
        box-shadow: 0 0 5px rgba(23, 124, 177, 0.5); /* Efeito ao focar */
    }

/* Personalizando a área de informações úteis */
.fundo2 {
    position: fixed; /* Fixa no canto direito */
    top: 0;
    right: 0;
    height: 100%; /* Altura total da página */
    background-color: #f8f9fa; /* Fundo claro */
    border-left: 2px solid #177cb1; /* Linha divisória */
    padding: 20px; /* Espaçamento interno */
    overflow-y: auto; /* Rolagem para conteúdos extensos */
}

.info-link {
    color: #177cb1;
    text-decoration: none;
    font-weight: bold;
}

    .info-link:hover {
        text-decoration: underline;
    }