/*
Template Name: Admin Press Admin - DawriGo Theme
Theme Palette: Deep Navy (#0B1B36), Electric Cyan (#00B4D8), Emerald Green (#10B981)
*/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

:root {
  --theme-navy: #0B1B36;
  --theme-navy-dark: #07152B;
  --theme-cyan: #00B4D8;
  --theme-emerald: #10B981;
  --theme-gradient: linear-gradient(135deg, #00B4D8 0%, #10B981 100%);
  --theme-gradient-hover: linear-gradient(135deg, #0096C7 0%, #059669 100%);
}

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

.preloader .cssload-speeding-wheel {
  position: absolute;
  top: calc(50% - 3.5px);
  left: calc(50% - 3.5px);
  border-left-color: #00B4D8 !important;
  border-right-color: #10B981 !important;
}

/*******************
/*Top bar
*******************/
.topbar {
  background: #0B1B36 !important;
  border-bottom: 1px solid rgba(0, 180, 216, 0.2);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.topbar .navbar-header {
  background: #07152B !important;
  border-right: 1px solid rgba(0, 180, 216, 0.15);
}

.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: #00B4D8 !important;
}

/*******************
/*General Elements
*******************/
a.link:hover, a.link:focus {
  color: #00B4D8 !important;
}

.bg-theme {
  background: linear-gradient(135deg, #00B4D8 0%, #10B981 100%) !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background: linear-gradient(135deg, #00B4D8 0%, #10B981 100%) !important;
  border-color: #00B4D8 !important;
  color: #FFFFFF !important;
}

.right-sidebar .rpanel-title {
  background: #0B1B36 !important;
  border-bottom: 2px solid #00B4D8;
}

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

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

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

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

/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
  background: linear-gradient(135deg, #00B4D8 0%, #10B981 100%) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 15px rgba(0, 180, 216, 0.35);
  transition: all 0.25s ease;
}

.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
  background: linear-gradient(135deg, #0096C7 0%, #059669 100%) !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(0, 180, 216, 0.45);
  color: #ffffff !important;
}

.btn-themecolor.active, .btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:focus {
  background: #0077B6 !important;
}

/*******************
/*sidebar navigation
*******************/
.label-themecolor {
  background: #00B4D8 !important;
}

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

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

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

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