/* 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 */

/* Link ativo principal */
.sidebar .menu-item>.menu-link.active {
    background-color: var(--cor-primaria) !important;
}

#sidebar.collapsed .menu-item.has-submenu>.submenu .submenu-link:hover {
    background: var(--cor-secundaria) !important;
    color: var(--sidebar-text-active);
    border-radius: 8px;
    padding-left: 20px;
}

.sidebar-menu::-webkit-scrollbar-thumb:hover {
    background: var(--cor-secundaria) !important;
}

.logout-link:hover {
    background: var(--cor-primaria);
    transform: translateX(4px);
}

.theme-toggle-footer:hover {
    background: var(--cor-primaria);
}

/* Ícone colorido quando ativo */
.submenu-link.active i {
    color: white !important;
}

/* Hover no link principal */
.sidebar .menu-item>.menu-link:hover {
    background-color: var(--cor-secundaria);
}

/* Link ativo submenu */
.sidebar .submenu li>.submenu-link.active,
.sidebar .submenu li>.submenu-link:focus {
    background-color: var(--cor-primaria);
}

/* Hover no submenu */
.sidebar .submenu li>.submenu-link:hover {
    background-color: var(--cor-secundaria);
}


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

/* 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;
}