:root {
  --appColor: var(--app1012Color);
  --appColorLighten: var(--app1012ColorLighten);
}

.nav-tabs > li > a.btn-primary,
.nav-tabs > li > a.btn-primary:hover,
.nav-tabs > li.active > a, .nav-tabs >
.active > a:hover {
  background-color: var(--appColor); }

ul.nav-tabs {
  border-color: var(--appColor); }

div.dataTables_paginate li.active a,
div.dataTables_paginate li a:hover {
  background-color: var(--appColor); }

.tabs-left > .nav-tabs > .active > a:hover,
.tabs-left > .nav-tabs > .active > a {
  background-color: var(--appColor); }

.flat-checkbox-style input[type=checkbox]:checked + label.flat-checkbox {
  background-color: var(--appColor);
  border-color: var(--appColor); }

.flat-checkbox-style label.flat-checkbox:hover::after {
  border-color: var(--appColor); }

.slider.slider-horizontal .slider-selection {
  background: var(--appColor); }

.bg-app-color {
  background: var(--appColor); }

.btn-primary {
  background: var(--appColor); }

.btn-primary:hover {
  background: var(--appColorLighten); }

.font-app-color {
  color: var(--appColor); }

.top-nav-menu .navbar-inner,
.top-nav-menu .dropdown-menu {
  background-color: var(--appColor) !important; }

#app-name {
  color: var(--appColor); }

li.dropdown.open > .dropdown-toggle,
li.dropdown.active > .dropdown-toggle,
li.dropdown.open.active > .dropdown-toggle,
li.dropdown.open.active > a.dropdown-toggle:hover,
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a,
.paraMenu.dropdown-menu .active > a,
.paraMenu.dropdown-menu .active > a:hover,
.paraMenu.dropdown-menu li.dropdown.active > a:hover,
.paraMenu.dropdown-menu li.dropdown.open.active > a,
.paraMenu.dropdown-menu li.dropdown.active > a:focus,
.paraMenu.dropdown-menu li.dropdown.open.active > a {
  background: none;
  background-color: var(--appColor);
}