/* Esse arquivo contem apenas os elementos que estão relacionados a cores personalizaveis na parte de configurações do sistema 
   OBS: Essa cores são alteradas dinamicamente no sistema
*/

/* Sidebar */

#sidebar .menu ul li a.active {
    background-color: var(--cor-primaria);
}

#sidebar .menu-links li a:hover {
    background-color: var(--cor-secundaria);
}

/* Dropdown */
#sidebar .menu-links li a.active,
#sidebar .dropdown-menu .dropdown-item.active {
    background-color: var(--cor-primaria);
}

#sidebar .dropdown-menu .dropdown-item:hover {
    background-color: var(--cor-secundaria);
}


/* botões */

/* Botões Page Configurações */
.tab-button.active {
    background: var(--cor-primaria) !important;
}


/* Solicitações de credito page */

/* banner do card */
.card-header-modern {
    background: linear-gradient(135deg, var(--services-gradient-start), var(--services-gradient-end) 100%) !important;
}

/* botões */

.btn-perso {
    background-color: var(--services-primary) !important;
    color: white;
}

.btn-perso:hover {
    background-color: var(--services-secondary) !important;
    color: white;
}

/* Tela de login */

form#formLogin button#btn-acessar {
    width: 100%;
    border: none;
    background: var(--login-cor-primaria) !important;
    padding: 13px 0px;
    color: #fff;
    border-radius: 8px;
    font-size: 15px;
}

.form-login h1 {
    color: var(--login-cor-texto) !important;
}

.box-form-login h3 {
    color: var(--login-cor-texto) !important;
}

.form-login {
    background: var(--login-cor-fundo) !important;
}