div.sidebar {
    background-color: #212121 !important; /* Aplica a cor de fundo */
    color: #fff; /* Define a cor do texto como branco */
}

button.btn.btn-primary {
    background-color: #3742fa !important; /* Aplica a cor de fundo */
    color: #fff; /* Define a cor do texto como branco */
    border: 2px solid #3742fa !important; /* Adiciona a borda na mesma cor */
}

.page-item.active {
    background-color: #3742fa !important; /* Aplica a cor de fundo */
    color: #fff; /* Define a cor do texto como branco */
}

#tbutton_btn_entrar {
    background-color: #3742fa !important; /* Aplica a cor de fundo */
    color: #fff; /* Define a cor do texto como branco */
}



.div.card-header.panel-heading {
    background: #3742fa !important;
    border-color: #3742fa !important;
}

.panel-heading .panel-title div{
 color:#fff;
}



.bg-blue.btn {
    background: #3742fa !important;
    border-color: #3742fa !important;
}

#login-wrapper .card > .panel-heading {
    background-color: #3742fa !important;
    color: white !important;
    border-top: 2px solid #3742fa;
}

.login-medium-logo {
    width: 100%;
    height: 120px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.navbar-lightblue {
    background-color: #3742fa !important;
    color: #fff;
    border: 2px solid #3742fa !important; /* Adiciona a borda na mesma cor */
}

.nav-link.active {
    color: #fff; /* Cor do texto */
    background-color: #3742fa !important; /* Cor de fundo */
}

a.nav-link.active {
    color: #fff !important; /* Cor do texto */
    background-color: #3742fa !important; /* Cor de fundo */
}

span.brand-text.font-weight-light {
    font-weight: 200 !important; /* Aplica um negrito fraco */
    color: #fff !important; /* Cor do texto */
}

.nav.main-header.navbar.navbar-expand.navbar-dark.navbar-lightblue {
    background-color: #3742fa !important;
}

#builder-layout div:not(.beditorcss).card-header.panel-heading {
    background-color: #3742fa !important; 
}

#builder-layout div:not(.beditorcss).card-header.panel-heading {
    background-color: #3742fa !important;
    padding-top: 5px !important;
    padding-bottom: 3px !important;
}


.panel-heading .panel-title div{
 color:#fff;
}



/* Media query para telas de até 1366px de largura e 768px de altura */
/* Exemplo de customização da barra de navegação */
.page-navigation {
    background-color: #f1f1f1; /* Altere a cor de fundo da barra */
    padding: 10px;
}

.page-navigation a {
    color: #007bff; /* Cor dos links de navegação */
}

.page-navigation .active {
    font-weight: bold; /* Destaque para o item ativo */
}