/* Painel layout: force navbar-toggler button to custom yellow */
.painel-layout .navbar-toggler,
.navbar-toggler {
  background-color: #ffd634 !important;
  border-color: #ffd634 !important;
  color: #000 !important;
}
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler:hover {
  background-color: #ffd634 !important;
  border-color: #ffd634 !important;
  color: #000 !important;
}
/* Custom overrides for TECPAV admin UI */

/* Make the left sidebar (navbar-static-side) white */
.navbar-default.navbar-static-side {
  background: #ffffff !important;
  border-right: 1px solid #e7eaec;
}

/* Sidebar collapse wrapper background */
.sidebar-collapse {
  background: #ffffff !important;
}

/* Nav items in sidebar */
.navbar-default .nav>li>a {
  color: #333 !important;
  background: transparent;
}
.navbar-default .nav>li>a:hover,
.navbar-default .nav>li>a:focus {
  background: #f5f5f5 !important;
  color: #111 !important;
}

/* Active item */
.nav>li.active>a,
.nav>li.active>a:hover,
.nav>li.active>a:focus {
  background: #e9ecef !important;
  color: #0d6efd !important;
}

/* Second/third level menus */
.nav-second-level li a,
.nav-third-level li a {
  background: #ffffff !important;
  color: #333 !important;
}
.nav-second-level li a:hover,
.nav-third-level li a:hover {
  background: #f5f5f5 !important;
}

/* Section header and logo area */
.nav-header {
  background: #ffffff !important;
  border-bottom: 1px solid #e7eaec;
}
.nav-header a,
.nav-header .text-muted {
  color: #333 !important;
}

/* Logo element for mini-navbar */
.logo-element {
  background: #ffffff !important;
  color: #333 !important;
  border-right: 1px solid #e7eaec;
}

/* Icons in menu */
.navbar-default .nav>li>a i {
  color: inherit;
}

/* Divider lines between items */
.navbar-default .nav>li {
  border-bottom: 1px solid #f2f2f2;
}

/* Ensure mini-navbar flyout uses white */
body.mini-navbar .navbar-default .nav>li>a {
  background: #ffffff !important;
}

/* Optional: right sidebar keep default; no changes */

/* ------------------------- */
/* New: Requested color tweaks */
/* 1) Hamburger (sandwich) button */
.navbar .navbar-minimalize.minimalize-styl-2,
.navbar-minimalize.minimalize-styl-2 {
  background-color: #ffd634 !important; /* yellow */
  border-color: #ffd634 !important;
  color: #000 !important; /* icon/text black */
}
.navbar-minimalize.minimalize-styl-2 i {
  color: #000 !important;
}
.navbar-minimalize.minimalize-styl-2:hover,
.navbar-minimalize.minimalize-styl-2:focus,
.navbar-minimalize.minimalize-styl-2:active {
  background-color: #ffd634 !important;
  border-color: #ffd634 !important;
  color: #000 !important;
}

/* 2) Replace green and dark accents in menu with black */
/* Left accent on hover/active items */
.navbar-default .nav>li>a {
  border-left: 4px solid transparent;
}
.navbar-default .nav>li.active>a,
.navbar-default .nav>li>a:hover,
.navbar-default .nav>li>a:focus {
  border-left-color: #000000 !important;
}
/* Some skins place the border on the li */
.navbar-default .nav>li.active,
.navbar-default .nav>li:hover {
  border-left-color: #000000 !important;
}
/* Remove bottom bar under expanded submenu */
.navbar-default .nav-second-level {
  border-bottom: none !important;
}

/* 3) Login page primary button color */
.loginColumns .btn-primary {
  background-color: #ffd634 !important; /* yellow */
  border-color: #ffd634 !important;
  color: #000000 !important; /* black text */
}
.loginColumns .btn-primary:hover,
.loginColumns .btn-primary:focus,
.loginColumns .btn-primary:active {
  background-color: #ffd634 !important;
  border-color: #ffd634 !important;
  color: #000000 !important;
}

/* Login page: make hyperlinks black */
.loginColumns a,
.loginColumns a:visited {
  color: #000000 !important;
}
.loginColumns a:hover,
.loginColumns a:focus {
  color: #000000 !important;
  text-decoration: underline;
}

/* 4) Remove the thin line under expanded submenu */
/* Our earlier separators added a bottom border to each top-level li; remove it entirely */
.navbar-default.navbar-static-side .nav>li,
.navbar-default .navbar-static-side .nav>li,
.navbar-default .nav.metismenu>li {
  border-bottom: none !important;
}
/* Tighten the bottom spacing of the submenu so no gap reveals a border */
.nav-second-level li:last-child {
  padding-bottom: 0 !important;
}
/* Ensure the submenu container itself doesn't draw any border or shadow */
.navbar-default .nav-second-level,
.navbar-default .nav-second-level:before,
.navbar-default .nav-second-level:after {
  border: none !important;
  box-shadow: none !important;
}

/* Mini-navbar flyout (collapsed menu) — keep white frame and black selector; make panel slightly darker */
.mini-navbar .nav .nav-second-level,
.canvas-menu.mini-navbar .nav-second-level {
  background: #f0f2f5 !important; /* slightly darker than pure white */
  border: 1px solid #ffffff !important; /* white frame */
  border-left: 6px solid #000000 !important; /* keep black selector */
  border-radius: 6px;
  box-shadow: none !important;
}
.mini-navbar .nav .nav-second-level li,
.mini-navbar .nav .nav-second-level li a {
  background: #ffffff !important;
  border: none !important;
}

/* Ensure submenu items show hover state in mini-navbar */
.mini-navbar .nav .nav-second-level li a:hover,
.canvas-menu.mini-navbar .nav-second-level li a:hover,
.mini-navbar .nav .nav-third-level li a:hover,
.canvas-menu.mini-navbar .nav-third-level li a:hover {
  background: #f5f5f5 !important;
  color: #111 !important;
}

/* Highlight the parent icon row when hovered/active in mini mode */
body.mini-navbar .navbar-default .nav>li:hover>a,
body.mini-navbar .navbar-default .nav>li.mm-active>a {
  background: #e9ecef !important;
  color: #111 !important;
}