/**************
 * Page Header
 **************/
/* Header search bar, toggler button & top menu */
.page-header.navbar {
  background-color: var(--header-background);
  /* Top notification menu/bar */
  /* Header seaech box */
  /* Toggler button for sidebar expand/collapse 
     and responsive sidebar menu */
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
  background-color: var(--header-background);
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
  color: var(--header-color);
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
  color: var(--header-color);
  background-color: var(--header-background);
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
  background-color: var(--header-background);
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
  background-color: var(--header-background);
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username {
  color: var(--header-color);
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > i {
  color: var(--header-color);
}
.page-header.navbar .search-form {
  background-color: var(--top-search-background);
}
.page-header.navbar .search-form:hover {
  background-color: var(--top-search-hover);
}
.page-header.navbar .search-form .input-group .form-control {
  color: var(--top-search-color);
}
.page-header.navbar .search-form .input-group .form-control::-moz-placeholder {
  color: var(--top-search-color);
  opacity: 1;
}
.page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder {
  color: var(--top-search-color);
}
.page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {
  color: var(--top-search-color);
}
.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
  color: var(--top-search-color);
}
.page-header.navbar .search-form.open {
  background-color: var(--top-search-background);
}

/* Default Horizontal Menu */
.page-header.navbar {
  /* Horizontal mega menu */
}
.page-header.navbar .hor-menu .navbar-nav {
  /* Mega menu content */
  /* Classic menu */
}
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
  box-shadow: 5px 5px var(--color2-dark);
}
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
  border-right: 1px solid var(--color2-light);
}
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
  color: var(--header-color);
}
.page-header.navbar .hor-menu .navbar-nav > li > a {
  color: var(--header-color);
}
.page-header.navbar .hor-menu .navbar-nav > li.open > a,
.page-header.navbar .hor-menu .navbar-nav > li > a:hover,
.page-header.navbar .hor-menu .navbar-nav > li > a:focus {
  color: var(--header-color);
  background-color: var(--header-background);
}
.page-header.navbar .hor-menu .navbar-nav > li.active > a,
.page-header.navbar .hor-menu .navbar-nav > li.active > a:hover, .page-header.navbar .hor-menu .navbar-nav > li.current > a,
.page-header.navbar .hor-menu .navbar-nav > li.current > a:hover {
  color: var(--header-color);
  background-color: var(--header-background);
}
.page-header.navbar .hor-menu .navbar-nav > li.active .selected, .page-header.navbar .hor-menu .navbar-nav > li.current .selected {
  border-top: 6px solid var(--color3-dark);
}
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
  box-shadow: 5px 5px var(--color2-dark);
  background-color: var(--header-background);
}
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a {
  color: var(--header-color);
}
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a:hover {
  color: var(--header-color);
  background-color: var(--header-background);
}
.sidebar-toggler-wrapper {
  margin-bottom: 15px !important;
}

/* Light Horizontal Menu */
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav {
  /* Mega menu */
  /* Classic menu */
}
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
  box-shadow: 5px 5px var(--color2-light);
}
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
  border-right: 1px solid var(--color1-light);
}
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li h3 {
  color: var(--header-color);
}
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li a {
  color: var(--header-color);
}
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu:last-child {
  border-right: 0;
}
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a {
  color: var(--header-color);
}
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:focus {
  color: var(--header-color);
  background-color: var(--header-background);
}
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a {
  color: var(--header-color);
  background-color: var(--header-background);
}
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a:focus {
  color: var(--header-color);
  background-color: var(--header-background);
}
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a[data-hover="dropdown"] {
  color: var(--header-color);
  background-color: var(--header-background);
}
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a[data-hover="dropdown"]:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a[data-hover="dropdown"]:focus {
  color: var(--header-color);
  background-color: var(--header-background);
}
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
  color: var(--header-color);
  background-color: var(--header-background);
}
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active .selected, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current .selected {
  border-top: 6px solid var(--color3-dark);
}
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
  box-shadow: 5px 5px var(--color2-light);
  background-color: var(--header-background);
}
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
  color: var(--header-color);
}
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a:hover {
  color: var(--header-color);
  background-color: var(--header-background);
}

/* Page sidebar */
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
.page-sidebar {
  background-color: var(--left-sidebar-background);
  /* Default sidebar */
  /* light sidebar */
  /* Sidebar search */
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
.page-sidebar .page-sidebar-menu {
  /* 1st level links */
  /* All links */
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
.page-sidebar .page-sidebar-menu > li > a {
  border-top: 1px solid var(--left-sidebar-background);
  color: var(--left-sidebar-color);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
.page-sidebar .page-sidebar-menu > li > a > i {
  color: var(--left-sidebar-selected);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
.page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
.page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
  color: var(--left-sidebar-item);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu > li > a > .arrow:before,
.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before {
  color: var(--left-sidebar-item);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3,
.page-sidebar .page-sidebar-menu > li.heading > h3 {
  color: var(--left-sidebar-color);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
.page-sidebar .page-sidebar-menu > li:hover > a,
.page-sidebar .page-sidebar-menu > li.open > a {
  background-color: var(--left-sidebar-selected-background);
  color: var(--left-sidebar-selected-color);
}
.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 {
  color: var(--left-sidebar-item);
}
.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 {
  color: var(--left-sidebar-item);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar .page-sidebar-menu > li.active.open > a {
  background-color: var(--left-sidebar-selected-background);
  border-top-color: transparent;
  color: var(--left-sidebar-selected-color);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
.page-sidebar .page-sidebar-menu > li.active > a:hover,
.page-sidebar .page-sidebar-menu > li.active.open > a:hover {
  background-color: var(--left-sidebar-selected-backgound);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i,
.page-sidebar .page-sidebar-menu > li.active > a > i,
.page-sidebar .page-sidebar-menu > li.active.open > a > i {
  color: var(--left-sidebar-selected-color);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
.page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {
  color: var(--left-sidebar-selected-color);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active + li > a,
.page-sidebar .page-sidebar-menu > li.active + li > a {
  border-top-color: transparent;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open + li > a,
.page-sidebar .page-sidebar-menu > li.active.open + li > a {
  color: var(--left-sidebar-selected-color);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a,
.page-sidebar .page-sidebar-menu > li:last-child > a {
  border-bottom: 1px solid transparent !important;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu li > a > .arrow:before,
.page-sidebar .page-sidebar-menu li > a > .arrow.open:before {
  color: var(--left-sidebar-item);
}
.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(--left-sidebar-item);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu li.active > a > .arrow:before,
.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {
  color: var(--left-sidebar-item);
}
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed
.page-sidebar .page-sidebar-menu:hover .sub-menu {
  color: var(--left-sidebar-item);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
.page-sidebar .page-sidebar-menu .sub-menu > li > a {
  color: var(--left-sidebar-color);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
.page-sidebar .page-sidebar-menu .sub-menu > li > a:hover {
  color: var(--left-sidebar-selected-color);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i,
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
  color: var(--left-sidebar-item);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
  color: var(--left-sidebar-item);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before,
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before {
  color: var(--left-sidebar-item);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
.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(--left-sidebar-selected-background) !important;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i,
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i,
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {
  color: var(--left-sidebar-item);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before {
  color: var(--left-sidebar-item);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
  /* 1st level links */
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.open > a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
  background-color: var(--color1-light);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
  background-color: var(--color1-light);
  border-left: 4px solid #3fd5c0;
  color: var(--color2-light);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
  border-left: 4px solid #3fd5c0;
  background-color: var(--color1-light);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i {
  color: var(--left-sidebar-item);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before {
  color: var(--left-sidebar-item);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
  background-color: var(--left-sidebar-background);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
  background-color: var(--left-sidebar-background) !important;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler,
.page-sidebar .sidebar-toggler {
  /* background: url(../../img/sidebar_inline_toggler_icon_blue.jpg);*/
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group,
.page-sidebar .sidebar-search .input-group {
  border-bottom: 1px solid var(--left-sidebar-background);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control,
.page-sidebar .sidebar-search .input-group .form-control {
  background-color: var(--left-sidebar-background);
  color: var(--left-sidebar-item);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-moz-placeholder,
.page-sidebar .sidebar-search .input-group .form-control::-moz-placeholder {
  color: var(--left-sidebar-item);
  opacity: 1;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control:-ms-input-placeholder,
.page-sidebar .sidebar-search .input-group .form-control:-ms-input-placeholder {
  color: var(--left-sidebar-item);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-webkit-input-placeholder,
.page-sidebar .sidebar-search .input-group .form-control::-webkit-input-placeholder {
  color: var(--left-sidebar-item);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i,
.page-sidebar .sidebar-search .input-group .input-group-btn .btn > i {
  color: var(--left-sidebar-item);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered .input-group,
.page-sidebar .sidebar-search.sidebar-search-bordered .input-group {
  border: 1px solid var(--left-sidebar-background);
}
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .input-group, .page-sidebar-closed
.page-sidebar .sidebar-search.open .input-group {
  background-color: var(--left-sidebar-background);
}
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove > i, .page-sidebar-closed
.page-sidebar .sidebar-search.open .remove > i {
  color: var(--left-sidebar-item);
}
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group, .page-sidebar-closed
.page-sidebar .sidebar-search.sidebar-search-solid .input-group {
  background-color: none;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group,
.page-sidebar .sidebar-search.sidebar-search-solid .input-group {
  border: 1px solid var(--left-sidebar-background);
  background-color: var(--left-sidebar-background);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group .form-control,
.page-sidebar .sidebar-search.sidebar-search-solid .input-group .form-control {
  background-color: var(--left-sidebar-background);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group,
.page-sidebar .sidebar-search.sidebar-search-solid.open .input-group {
  border: 1px solid var(--left-sidebar-background);
  background-color: var(--left-sidebar-background);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group .form-control,
.page-sidebar .sidebar-search.sidebar-search-solid.open .input-group .form-control {
  background-color: var(--left-sidebar-background);
}

.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light {
  /* 1st level links */
}
.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
  border-left: 0;
  border-right: 4px solid #3fd5c0;
}
.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
  border-left: 0;
  border-right: 4px solid #3fd5c0;
}

/*************
   Quick Sidebar
 *************/
/***
   Quick Sidebar Layout
 ***/
.page-quick-sidebar-wrapper {
  background-color: var(--right-sidebar-item);
}
.page-quick-sidebar-wrapper .page-quick-sidebar {
  background-color: var(--left-sidebar-item);
}

/*** 
   Quick Sidebar Toggler 
 ***/
.page-quick-sidebar-toggler {
  background-color: var(--left-sidebar-item);
}
.page-quick-sidebar-toggler:hover {
  background-color: var(--left-sidebar-item);
}
.page-quick-sidebar-toggler > i {
  color: var(--left-sidebar-background);
}

/***
   Quick Sidebar Content
 ***/
.page-quick-sidebar-wrapper {
  color: var(--left-sidebar-background);
  /* Quick sidebar chat */
  /* Quick sidebar alerts */
}
.page-quick-sidebar-wrapper .page-quick-sidebar {
  /* Quick sidebar tabs */
  /* Quick sidebar general list heading */
  /* Quick sidebar general list-items */
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a {
  color: var(--left-sidebar-background);
  background-color: var(--left-sidebar-item);
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a:hover {
  background-color: var(--left-sidebar-item);
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.open > a {
  color: var(--left-sidebar-background);
  background-color: var(--left-sidebar-item);
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.active > a {
  border: 0;
  background-color: var(--left-sidebar-item);
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu {
  border: 0;
  background-color: var(--left-sidebar-item);
  box-shadow: 5px 5px var(--left-sidebar-background);
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:before {
  border-bottom: 7px solid var(--left-sidebar-item);
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:after {
  border-bottom: 7px solid var(--left-sidebar-item);
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a {
  color: var(--left-sidebar-background);
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a:hover {
  background-color: var(--left-sidebar-item);
  color: var(--left-sidebar-background);
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li.active > a {
  background-color: var(--left-sidebar-item);
  color: var(--left-sidebar-background);
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li.divider {
  background-color: var(--left-sidebar-item);
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-heading {
  color: var(--left-sidebar-background);
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li {
  border-bottom-color: var(--left-sidebar-item);
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:hover {
  background-color: var(--left-sidebar-item);
}
.page-quick-sidebar-wrapper .page-quick-sidebar-item {
  /* back to list */
}
.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list {
  color: var(--left-sidebar-background);
}
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-sub {
  color: var(--left-sidebar-item);
}
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-small {
  color: var(--left-sidebar-item);
}
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .name {
  color: var(--left-sidebar-background);
}
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .datetime {
  color: var(--left-sidebar-background);
}
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message {
  color: var(--left-sidebar-background);
  background-color: var(--left-sidebar-item);
}
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message .arrow {
  border-right-color: var(--left-sidebar-item);
}
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message .arrow {
  border-left-color: var(--left-sidebar-item);
}
.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a {
  color: var(--left-sidebar-background);
}
.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .desc {
  text-decoration: underline;
}
.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .desc {
  color: var(--left-sidebar-background);
}
.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .date {
  color: var(--left-sidebar-item);
}

/******
   Page Footer 
 ******/
.page-footer {
  background-color: var(--footer-background) !important;
}

.page-footer .page-footer-inner {
  font-family: 'helvetica neue',helvetica;
  color: var(--footer-color);
}
.page-footer-fixed .page-footer {
  background-color: var(--footer-background);
}

#Controller_Monitor .page-footer{
  display: none;
}

.page-footer a {
  color: var(--footer-color);
}
.page-footer a:hover {
  color: var(--footer-color);
}

@media (min-width: 992px) {
  /* 992px */
  /* Sidebar menu closed */
  .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
    box-shadow: 5px 5px var(--left-sidebar-background);
  }
  .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper {
    box-shadow: none;
  }

  .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
    box-shadow: 5px 5px var(--left-sidebar-background);
  }
  .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-search-wrapper {
    box-shadow: none;
  }
  .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
    box-shadow: 5px 5px var(--left-sidebar-background);
  }
  .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-search-wrapper {
    box-shadow: none;
  }

  /* Light sidebar menu */
  .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading {
    padding: 0;
    margin-top: 15px;
    margin-bottom: 15px;
    border-top: 1px solid var(--left-sidebar-background) !important;
  }

  /* Fixed Sidebar */
  .page-sidebar-fixed:not(.page-footer-fixed) .page-content {
    border-bottom: 0;
  }
  .page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
    background-color: var(--footer-background);
  }
  .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
    color: var(--footer-color);
  }

  /* Boxed Layout */
  .page-boxed {
    background-color: var(--color1-light) !important;
  }
  .page-boxed .page-container {
    background-color: var(--color1-light);
    border-left: 1px solid var(--color1-light);
    border-bottom: 1px solid var(--color1-light);
  }
  .page-boxed.page-sidebar-reversed .page-container {
    border-left: 0;
    border-right: 1px solid var(--color1-light);
  }
  .page-boxed.page-sidebar-fixed .page-container {
    border-left: 0;
    border-bottom: 0;
  }
  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
  .page-boxed.page-sidebar-fixed .page-sidebar {
    border-left: 1px solid var(--color1-light);
  }
  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
    border-right: 1px solid var(--color1-light);
    border-left: 0;
  }
  .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer {
    background-color: var(--color1-light) !important;
  }
  .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner {
    color: var(--footer-color);
  }

  /* Sidebar Menu Wirh Hoverable Submenu */
  .page-sidebar-menu-hover-submenu li:hover a > .arrow {
    border-right: 8px solid var(--color1-light);
  }
  .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
    border-left: 8px solid var(--color1-light);
  }
  .page-sidebar-menu-hover-submenu li:hover > .sub-menu {
    background-color: var(--color1-light) !important;
  }
}
@media (max-width: 991px) {
  /* 991px */
  /* Page sidebar */
  .page-sidebar {
    background-color: var(--color1-light);
    /* light sidebar */
  }
  .page-sidebar .page-sidebar-menu > li > a {
    border-top: 1px solid var(--color1-light);
  }
  .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
    background-color: var(--left-sidebar-item);
  }
  .page-sidebar .page-sidebar-menu > li:last-child > a {
    border-bottom: 0 !important;
  }
  .page-sidebar .page-sidebar-menu > li .sub-menu {
    background-color: var(--color1-light) !important;
  }
  .page-sidebar .page-sidebar-menu .sidebar-search input {
    background-color: var(--color1-light) !important;
  }
  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
    /* 1st level links */
  }
  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
    background-color: var(--color1-light);
  }
  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
    background-color: var(--color1-light);
  }
  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
    background-color: var(--color1-light);
  }
  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
    background-color: var(--color1-light) !important;
  }
  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
    background-color: var(--color1-light) !important;
  }
}
@media (max-width: 480px) {
  /* 480px */
  .page-header.navbar {
    /* Top menu */
  }
  .page-header.navbar .top-menu {
    background-color: var(--header-background);
  }
  .page-header-fixed-mobile .page-header.navbar .top-menu {
    background-color: var(--header-background);
  }
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    background-color: var(--header-background);
  }
  .page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    background: none;
  }
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
    background-color: var(--header-background);
  }
}

/******
 * Body
 */
body {
  background-color: var(--body-background);
}

/* Page sidebar */
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
.page-sidebar .page-sidebar-menu {
  /* Adjust "selected" arrow */
  /* Change sidebar link font weight */
  /* Sidebar search */
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected,
.page-sidebar .page-sidebar-menu > li.active.open > a > .selected,
.page-sidebar .page-sidebar-menu > li.active > a > .selected {
  top: 0px;
  right: -8px;
  border-top: 20px double transparent;
  border-bottom: 20px double transparent;
  border-right: 0;
  border-left: 8px solid #3fd5c0;
}
.page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected, .page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected, .page-sidebar-reversed
.page-sidebar .page-sidebar-menu > li.active.open > a > .selected, .page-sidebar-reversed
.page-sidebar .page-sidebar-menu > li.active > a > .selected {
  right: auto;
  left: -8px;
  border-left: 0;
  border-right: 8px solid #3fd5c0;
}
.page-container-bg-solid .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected, .page-container-bg-solid .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected, .page-container-bg-solid
.page-sidebar .page-sidebar-menu > li.active.open > a > .selected, .page-container-bg-solid
.page-sidebar .page-sidebar-menu > li.active > a > .selected {
  border-color: transparent transparent transparent #3fd5c0;
}
.page-container-bg-solid.page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected, .page-container-bg-solid.page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected, .page-container-bg-solid.page-sidebar-reversed
.page-sidebar .page-sidebar-menu > li.active.open > a > .selected, .page-container-bg-solid.page-sidebar-reversed
.page-sidebar .page-sidebar-menu > li.active > a > .selected {
  border-color: transparent #3fd5c0 transparent transparent;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a,
.page-sidebar .page-sidebar-menu li > a {
  font-weight: 400;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > i,
.page-sidebar .page-sidebar-menu li > a > i {
  font-weight: 300;
}
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover .sub-menu, .page-sidebar-closed
.page-sidebar .page-sidebar-menu li:hover .sub-menu {
  background-color: var(--color1-light);
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li .sub-menu li > a,
.page-sidebar .page-sidebar-menu li .sub-menu li > a {
  font-weight: normal;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li .sub-menu li > a > i,
.page-sidebar .page-sidebar-menu li .sub-menu li > a > i {
  font-weight: 300;
}
.page-sidebar-closed:not(.page-sidebar-reversed) .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sidebar-search.open .input-group, .page-sidebar-closed:not(.page-sidebar-reversed)
.page-sidebar .page-sidebar-menu .sidebar-search.open .input-group {
  margin-left: 16px;
  border: 1px solid var(--color1-light);
  border-left-color: transparent;
}
.page-sidebar-closed.page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sidebar-search.open .input-group, .page-sidebar-closed.page-sidebar-reversed
.page-sidebar .page-sidebar-menu .sidebar-search.open .input-group {
  margin-left: -228px !important;
  border: 1px solid var(--color1-light);
  border-right-color: transparent;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li > a .selected,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li > a .selected {
  display: none;
}

.page-content {
  border-left: 1px solid var(--color1-light);
  /*border-bottom: 1px solid var(--color1-light);*/
}
.page-sidebar-reversed .page-content {
  border-right: 1px solid var(--color1-light);
}

@media (max-width: 991px) {
  /* 991px */
  .page-content {
    border-left: 0;
    border-bottom: 0;
  }
  .page-sidebar-reversed .page-content {
    border-right: 0;
  }

  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
  .page-sidebar .page-sidebar-menu > li > a {
    border-top: 1px solid var(--color1-light);
  }
}
@media (max-width: 480px) {
  /* 480px */
  body {
    background-color: #98a0aa;
  }

  .page-header.navbar .top-menu {
    background-color: #98a0aa;
  }
  .page-header-fixed-mobile .page-header.navbar .top-menu {
    background-color: #747f8c;
  }
  .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
    color: var(--header-color);
  }
}
.page-content-wrapper{
  /*background-color: #F6F6F6;*/
}

.page-content{
  background-color: white;
}

.label-maxtracker{
  background-color: var(--color3-dark) !important;
  color:#fef0e7 !important;
}

.label-maxtracker:hover{
  background-color: var(--color3-dark) !important;
  color:#fef0e7 !important;
}

.dropdown-menu>li>a:hover{
  background-color:#fef0e7 !important;
  color: black !important;
}

/**
   Fixes 
 */
.primary-color-100{
  background-color:#A44100;
  color: white;
}
.primary-color-80{
  background-color:#CF590C;
  color: white;
}
.primary-color-60{
  background-color:#F37B2D; 
  color: white;
}
.primary-color-40{
  background-color:#FF9855;
  color: white;  
}
.primary-color-20{
  background-color:#FFB17E;
  color: white;
}

.secondary-color-100{
  background-color:#0A326C;
  color: white;
}
.secondary-color-80{
  background-color:#134389;
  color: white;
}
.secondary-color-60{
  background-color:#2959A0;
  color: white;
}
.secondary-color-40{
  background-color:#446EAD;
  color: white;
}
.secondary-color-20{
  background-color:#6B90C6;
  color: white;
}

/****************************************************
   MAXTRACKER' STYLE
 *****************************************************/
/*
 *  Colores del logo de maxtracker
 */

.font-mxt-logo-red{
  color:var(--color3-dark) !important;
}

.font-mxt-logo-black{
  color:var(--color2-dark) !important;
}

.font-mxt-logo-white{
  color:var(--color1-light) !important;
}

.bg-mxt-logo-red{
  background-color:var(--color3-dark) !important;
}

.bg-mxt-logo-black{
  background-color:var(--color2-dark) !important;
}

.bg-mxt-logo-white{
  background-color:var(--color1-light) !important;
}

/********************************************
 *  Nuevo esquema de colores
 ********************************************/

/*
 * Esquema de colores a partir de los colores del logo
 */

/* Complentary */
.bg-mxt-complementary{ background-color: var(--color2-dark); }

.font-mxt-complementary{ color: var(--color3-dark); } /* Celeste */

/* Triad */
.bg-mxt-triad-1{ background-color: #3300eb; } /* Azul */
.bg-mxt-triad-2{ background-color: #00eb33; } /* Verde flúo */

.font-mxt-triad-1{ color: #3300eb; } /* Azul */
.font-mxt-triad-2{ color: #00eb33; } /* Verde flúo */

/* Tetrad: #b8eb00 #00b8eb #3300eb */
.bg-mxt-tetrad-1{ background-color: #b8eb00 }
.bg-mxt-tetrad-2{ background-color: #00b8eb } /* Celeste */
.bg-mxt-tetrad-3{ background-color: #3300eb }

.font-mxt-tetrad-1{ color: #b8eb00 } /* Verde Lima */
.font-mxt-tetrad-2{ color: #00b8eb } /* Celeste */
.font-mxt-tetrad-3{ color: #3300eb } /* Azul */


/* Analogous: #757575 #ebe300 */
.bg-mxt-analogous-1{ background-color: #757575 } /* Gris */
.bg-mxt-analogous-2{ background-color: #ebe300 } /* Amarillo */
.font-mxt-analogous-2{ color: #ebe300 } /* Amarillo */

.font-mxt-analogous-1{ color: #757575 }
.font-mxt-analogous-2{ color: #ebe300 }


/* Accented: #757575 #ebe300 #00b8eb */
.bg-mxt-analogous-1{ background-color: #757575 }
.bg-mxt-analogous-2{ background-color: #ebe300 }
.bg-mxt-analogous-3{ background-color: #00b8eb }

.font-mxt-analogous-1{ color: #757575 }
.font-mxt-analogous-2{ color: #ebe300 }
.font-mxt-analogous-3{ color: #00b8eb }

/* Split: #00eba8 #0042eb */
.bg-mxt-split-1{ background-color: #00eba8 }
.bg-mxt-split-2{ background-color: #0042eb }

.font-mxt-split-1{ color: #00eba8 }
.font-mxt-split-2{ color: #0042eb }

/*
 * Colores adicionales según manual de marca 2019
 */

/*
 * Rojos
 */
.font-mxt-red-light1{ color: #F38466 !important;}
.font-mxt-red-light2{ color: #F1704C !important;}
.font-mxt-red-light3{ color: #EF5B32 !important;}
.font-mxt-red-medium1{ color: #ED4719 !important;}
.font-mxt-red-medium2{ color: #EB3300 !important;}
.font-mxt-red-medium3{ color: #D32D00 !important;}
.font-mxt-red-medium4{ color: #BC2800 !important;}
.font-mxt-red-dark1{ color: #A42300 !important;}
.font-mxt-red-dark2{ color: #8D1E00 !important;}
.font-mxt-red-dark3{ color: #751900 !important;}

.bg-mxt-red-light1{ color: #F38466 !important;}
.bg-mxt-red-light2{ color: #F1704C !important;}
.bg-mxt-red-light3{ color: #EF5B32 !important;}
.bg-mxt-red-medium1{ color: #ED4719 !important;}
.bg-mxt-red-medium2{ color: #EB3300 !important;}
.bg-mxt-red-medium3{ color: #D32D00 !important;}
.bg-mxt-red-medium4{ color: #BC2800 !important;}
.bg-mxt-red-dark1{ color: #A42300 !important;}
.bg-mxt-red-dark2{ color: #8D1E00 !important;}
.bg-mxt-red-dark3{ color: #751900 !important;}


/*
 * Azules
 */
.font-mxt-blue-dark1{ color: #283C84 !important; }
.font-mxt-blue-dark2{ color: #4F6CC6 !important; }
.font-mxt-blue-light1{ color: #557FE5 !important; }
.font-mxt-blue-light2{ color: #6692FF !important; }

.bg-mxt-blue-dark1{ background-color: #283C84 !important; }
.bg-mxt-blue-dark2{ background-color: #4F6CC6 !important; }
.bg-mxt-blue-light1{ background-color: #557FE5 !important; }
.bg-mxt-blue-light2{ background-color: #6692FF !important; }


.bg-mxt-blue-powder-1{ background-color: #fbfdfe !important; }
.bg-mxt-blue-powder-2{ background-color: #f7fcfc !important; }
.bg-mxt-blue-powder-3{ background-color: #f3fafb !important; }
.bg-mxt-blue-powder-4{ background-color: #eff9fa !important; }
.bg-mxt-blue-powder-5{ background-color: #ebf7f9 !important; }
.bg-mxt-blue-powder-6{ background-color: #e7f6f8 !important; }
.bg-mxt-blue-powder-7{ background-color: #e3f4f6 !important; }
.bg-mxt-blue-powder-8{ background-color: #dff3f5 !important; }
.bg-mxt-blue-powder-9{ background-color: #dbf1f4 !important; }
.bg-mxt-blue-powder-10{ background-color: #d8f0f2 !important; }
.bg-mxt-blue-powder-11{ background-color: #d4eef1 !important; }
.bg-mxt-blue-powder-12{ background-color: #d0ecf0 !important; }
.bg-mxt-blue-powder-13{ background-color: #ccebef !important; }
.bg-mxt-blue-powder-14{ background-color: #c8e9ee !important; }
.bg-mxt-blue-powder-15{ background-color: #c4e8ec !important; }
.bg-mxt-blue-powder-16{ background-color: #c0e6eb !important; }
.bg-mxt-blue-powder-17{ background-color: #bce5ea !important; }
.bg-mxt-blue-powder-18{ background-color: #b8e3e8 !important; }
.bg-mxt-blue-powder-19{ background-color: #b4e2e7 !important; }
.bg-mxt-blue-powder-20{ background-color:   #b0e0e6 !important; }

/*
 * Grises
 */
.font-mxt-grey-dark1{ color: #545454 !important; }
.font-mxt-grey-dark2{ color: #6B6B6B !important; }
.font-mxt-grey-medium1,.font-mxt-grey-48{ color: #7B7B7B !important; }
.font-mxt-grey-light1{ color: var(--color1-dark) !important; }
.font-mxt-grey-light2{ color: #B1B1B1 !important; }

.font-mxt-grey-60{ color: var(--color1-dark) !important; } /* Gris al 60% */
.font-mxt-grey-69{ color: #B1B1B1 !important; } /* Gris al 69% */

.font-mxt-grey-70{ color: #b3b3b3 !important; } /* Gris al 70% */
.font-mxt-grey-75{ color: #bfbfbf !important; } /* Gris al 75% */
.font-mxt-grey-80{ color: #cccccc !important; } /* Gris al 80% */
.font-mxt-grey-90{ color: #e6e6e6 !important; } /* Gris al 90% */
.font-mxt-grey-95{ color: #f2f2f2 !important; } /* Gris al 95% */

.bg-mxt-grey-dark1,.bg-mxt-grey-33{ background-color: #545454 !important; } /* Gris al 33% */
.bg-mxt-grey-dark2,.bg-mxt-grey-42{ background-color: #6B6B6B !important; } /* Gris al 42% */
.bg-mxt-grey-medium1,.bg-mxt-grey-48{ background-color: #7B7B7B !important; } /* Gris al 48% */
.bg-mxt-grey-light1,.bg-mxt-grey-60{ background-color: var(--color1-dark) !important; } /* Gris al 60% */
.bg-mxt-grey-light2,.bg-mxt-grey-69{ background-color: #B1B1B1 !important; } /* Gris al 69% */

.bg-mxt-grey-70{ background-color: #b3b3b3 !important; } /* Gris al 70% */
.bg-mxt-grey-75{ background-color: #bfbfbf !important; } /* Gris al 75% */
.bg-mxt-grey-80{ background-color: #cccccc !important; } /* Gris al 80% */
.bg-mxt-grey-90{ background-color: #e6e6e6 !important; } /* Gris al 90% */
.bg-mxt-grey-95{ background-color: #f2f2f2 !important; } /* Gris al 95% */
.bg-white{ background-color: #ffffff !important; }

.font-white,.white{color: white;}

/*
 * Amarillos
 */

/* Amarillo estrella favorito */
.font-yellow-favorite-star{
  color: #ffcc00;
}

.bg-yellow-favorite-star{
  background-color: #ffcc00;
}

/*
 * Colores de semáforo
 */


.font-mxt-traffic-red-light{
  color: #ff0000 !important;
}

.bg-mxt-traffic-red-light{
  background-color: #ff0000 !important;
}


.font-mxt-traffic-yellow-light{
  color: #FFE800 !important;
}

.bg-mxt-traffic-yellow-light{
  background-color: #FFE800 !important;
}

.font-mxt-traffic-green-light{
  color: #00FF67 !important;
}

.bg-mxt-traffic-green-light{
  background-color: #00FF67 !important;
}


/*
 * Personalizaciones de elementos existentes
 */

/*
 * Elementos HTML con los colores de Maxtracker
 */

.btn-login{
  color: var(--login-btn-color) !important;
  background-color: var(--login-btn-background) !important;
}

.btn-login:hover{
  color: var(--login-btn-hover-color) !important;
  background-color: var(--login-btn-hover-background) !important;
}


/* Header y footer del sitio */
.page-header.navbar {
  color: var(--header-color) !important;
  background-color: var(--header-background) !important;
}

.page-footer{
  color: var(--footer-color) !important;
  background-color: var(--footer-background) !important;
}

.page-footer .page-footer-inner {
  font-family: 'helvetica neue',helvetica;
  color: var(--footer-color);
}

.top-menu{
  background-color: transparent !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle {
  height: 46px !important;
}

/*
 * Botones
 */

/* Colores del logo */
.btn .bg-mxt-logo-red .active{
  background-color: var(--color3-dark);
}

/* Colores complementarios */
.btn.bg-mxt-complementary{
  color: var(--color1-light);
}

.btn.bg-mxt-complementary.active{
  background-color: var(--color3-dark) !important;
}

/*
 * Infractions severity colors
 */

.bg-mxt-infraction-low{
  background-color: #F38466 !important;
}

.font-mxt-infraction-low{
  color:#F38466 !important;
}

.bg-mxt-infraction-medium{
  background-color: #ED4719 !important;
}

.font-mxt-infraction-medium{
  color: #ED4719 !important;
}

.bg-mxt-infraction-high{
  background-color: #751900 !important;
}

.font-mxt-infraction-high{
  color: #751900 !important;
}

/*
 * Viajes y detenciones
 */
.bg-mxt-trip{
  background-color: #6692FF !important;
}

.font-mxt-trip{
  color: #6692FF !important;
}

.bg-mxt-stop{
  background-color: #283C84 !important;
}

.font-mxt-stop{
  color: #283C84 !important;
}

/*
 * Recorridos (por velocidad y señal)
 */