@import url("../../content/assets/css/themes/default.min.css");

/* Variaveis - Alterar apenas aqui */

:root {
    --primary-color-ues: #003332;
    --secondary-color-ues: #004e4c;
    --secondary-color-ues-hover: rgb(0, 78, 76,0.97);
    --menu-color-ues-hover: #b1d34b;
    --menu-color-ues-active: #f47920;
    --menu-color-ues-active-hover: rgba(244, 121, 32,0.97);
    --white: #ffffff;
    --black: #000000;
    --page-sidebar-ues-font-color: #bdbdbd;
    --logo: url(../../content/img/unimed-logo.png);
}

/* ------ HEADER ------ */

/*=== Cor de fundo barra lateral e rodapé ===*/
body {
    background-color: var(--secondary-color-ues);
}

/*=== Cor de fundo topo ===*/
.page-header.navbar {
    background-color: var(--primary-color-ues);
}

/*=== Logo ===*/
.page-header.navbar .page-logo .logo,
.page-header.navbar .page-logo .logo-default {
    background-image: var(--logo);
}

/*=== Topo menu ===*/
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle,
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
    background-color: var(--secondary-color-ues-hover);
}

/*=== Topo menu do usuário quando passar o mouse ===*/
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu li a:hover,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
    background-color: var(--menu-color-ues-hover);
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external .bold > a:hover {
    background-color: transparent !important;
}

/* ------ SIDEBAR ------ */

/*=== Cor de fundo barra de menu lateral ===*/
.page-sidebar,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
    background-color: var(--secundary-color-ues);
}

/*=== Cor de fundo menu lateral ===*/
.page-sidebar .page-sidebar-menu > li > a,
.page-sidebar .page-sidebar-menu > li.open > a,
.page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu {
    background-color: var(--primary-color-ues);
}

/*=== Cor de fundo menu lateral ativo ===*/
.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar .page-sidebar-menu > li.active.open > a {
    background-color: var(--menu-color-ues-active);
}

/*=== Cor de fundo menu lateral ativo quando passar o mouse ===*/
.page-sidebar .page-sidebar-menu > li.active > a:hover,
.page-sidebar .page-sidebar-menu > li.active.open > a:hover {
    background-color: var(--menu-color-ues-active-hover);
}

/*=== borda barra de menu lateral fixa ===*/
.page-sidebar .page-sidebar-menu > li > a {
    border-top: 1px solid var(--secondary-color-ues);
}

/* === Cor de ícone e fonte da barra lateral ===*/
.page-sidebar .page-sidebar-menu > li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
.page-sidebar .page-sidebar-menu > li > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i,
.page-sidebar .page-sidebar-menu > li:hover > a > i,
.page-sidebar .page-sidebar-menu > li.open > a > i,
.page-sidebar .page-sidebar-menu > li > a > .arrow:before,
.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu li:hover > a > .arrow:before,
.page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before {
    color: var(--white);
}

/* === Cor de fundo menu dropdown da barra lateral ===*/
.page-sidebar .page-sidebar-menu > li:hover > a,
.page-sidebar .page-sidebar-menu > li.open > a {
    background-color: var(--menu-color-ues-hover);
}

/* === Cor de ícone e fonte do menu dropdown da barra lateral ===*/
.page-sidebar .page-sidebar-menu .sub-menu > li > a,
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i,
.page-sidebar .page-sidebar-menu > li:hover > a,
.page-sidebar .page-sidebar-menu > li.open > a {
    color: var(--white);
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a {
    background-color: var(--primary-color-ues) !important;
}

.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
    background-color: var(--menu-color-ues-hover) !important;
}

/* === Cor do toggle menu da barra lateral ===*/
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler,
.page-sidebar .sidebar-toggler {
    background-color: var(--white);
    opacity: 1;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler:hover,
.page-sidebar .sidebar-toggler:hover {
    background-color: var(--white);
    opacity: 0.8;
}