/*
 * Ridey Premier Color Palette: Emerald Green (#00A859)
 * Replaces blue and yellow themes across Admin Panel
 */

/* Preloader */
.preloader {
  width: 100%;
  height: 100%;
  top: 0px;
  position: fixed;
  z-index: 99999;
  background: #ffffff;
}

.preloader .cssload-speeding-wheel {
  position: absolute;
  top: calc(50% - 3.5px);
  left: calc(50% - 3.5px);
  border: 2px solid #00A859;
  border-left-color: transparent;
  border-right-color: transparent;
}

/*******************
/* Topbar & Navbar
*******************/
.topbar {
  background: #00A859 !important;
}

.topbar .navbar-header {
  background: #ffffff;
}

.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
  display: none;
  color: rgba(255, 255, 255, 0.9);
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
  color: #ffffff !important;
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover,
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
  color: rgba(255, 255, 255, 0.8) !important;
}

/*******************
/* General Elements & Theme Color
*******************/
a {
  color: #00A859;
}

a:hover, a:focus, a.link:hover, a.link:focus {
  color: #008A49 !important;
}

.bg-theme {
  background-color: #00A859 !important;
}

.text-themecolor {
  color: #00A859 !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.page-item.active .page-link {
  background-color: #00A859 !important;
  border-color: #00A859 !important;
  color: #ffffff !important;
}

.right-sidebar .rpanel-title {
  background: #00A859 !important;
}

.stylish-table tbody tr:hover,
.stylish-table tbody tr.active {
  border-left: 4px solid #00A859;
}

.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
  border-bottom: 2px solid #00A859 !important;
  color: #00A859 !important;
}

.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
  color: #008A49 !important;
}

/*******************
/* Buttons
*******************/
.btn-primary,
.btn-themecolor,
.btn-themecolor.disabled {
  background: #00A859 !important;
  color: #ffffff !important;
  border: 1px solid #00A859 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
  background: #008A49 !important;
  border-color: #008A49 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0, 168, 89, 0.3) !important;
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-themecolor.active,
.btn-themecolor:focus {
  background: #00733d !important;
  border-color: #00733d !important;
}

.btn-outline-primary {
  color: #00A859 !important;
  border-color: #00A859 !important;
}

.btn-outline-primary:hover {
  background-color: #00A859 !important;
  color: #ffffff !important;
}

/*******************
/* Sidebar Navigation
*******************/
.label-themecolor {
  background: #00A859 !important;
}

.sidebar-nav > ul > li.active > a {
  color: #00A859 !important;
  border-color: #00A859 !important;
}

.sidebar-nav > ul > li.active > a i {
  color: #00A859 !important;
}

.sidebar-nav ul li a.active,
.sidebar-nav ul li a:hover {
  color: #00A859 !important;
}

.sidebar-nav ul li a.active i,
.sidebar-nav ul li a:hover i {
  color: #00A859 !important;
}

/*******************
/* Form Controls & Login
*******************/
.form-material .form-control:focus {
  background-image: linear-gradient(#00A859, #00A859), linear-gradient(rgba(120, 130, 140, 0.13), rgba(120, 130, 140, 0.13)) !important;
}

[type="checkbox"]:checked + label::before {
  border-right: 2px solid #00A859 !important;
  border-bottom: 2px solid #00A859 !important;
}

.login-register {
  background-color: #00A859 !important;
}

.badge-primary,
.badge-success {
  background-color: #00A859 !important;
}