/* 
 * SB Admin 2 - Metallic Upgrade
 * Desenvolvido por GRUPO AJPLAY SERVERS
 */

:root {
  --primary: #2c3e50;
  --secondary: #7f8c8d;
  --success: #27ae60;
  --info: #2980b9;
  --warning: #f39c12;
  --danger: #e74c3c;
  --light: #bdc3c7;
  --dark: #2c3e50;
  
  /* Metallic Palette */
  --metallic-blue: #1a2a3a;
  --metallic-blue-light: #2c3e50;
  --metallic-gray: #2d2d2d;
  --metallic-gray-light: #3d3d3d;
  --text-metallic: #ecf0f1;
}

body {
  background-color: #121212 !important;
  color: var(--text-metallic) !important;
}

#wrapper #content-wrapper {
  background-color: #1a1a1a !important;
}

/* Sidebar Styling */
.sidebar {
  background-color: var(--metallic-blue) !important;
  background-image: linear-gradient(180deg, var(--metallic-blue) 10%, #000000 100%) !important;
}

.sidebar .nav-item .nav-link {
  color: rgba(255, 255, 255, 0.8) !important;
}

.sidebar .nav-item .nav-link:hover {
  color: #fff !important;
  background-color: rgba(255, 255, 255, 0.1);
}

.sidebar .nav-item.active .nav-link {
  color: #fff !important;
  font-weight: 700;
}

.sidebar-dark .sidebar-brand {
  color: #fff !important;
}

.sidebar-dark hr.sidebar-divider {
  border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* Topbar Styling */
.topbar {
  background-color: var(--metallic-blue-light) !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(0, 0, 0, 0.5) !important;
}

.topbar .navbar-nav .nav-item .nav-link {
  color: var(--text-metallic) !important;
}

/* Cards Styling */
.card {
  background-color: var(--metallic-gray) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: var(--text-metallic) !important;
}

.card-header {
  background-color: var(--metallic-blue-light) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
}

.text-gray-800 {
  color: var(--text-metallic) !important;
}

/* Table Styling */
.table {
  color: var(--text-metallic) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.03) !important;
}

.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.07) !important;
  color: #fff !important;
}

.table td, .table th {
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.table thead th {
  border-bottom: 2px solid rgba(255, 255, 255, 0.2) !important;
  background-color: var(--metallic-blue) !important;
  color: #fff !important;
}

/* Forms */
.form-control {
  background-color: #252525 !important;
  border: 1px solid #444 !important;
  color: #fff !important;
}

.form-control:focus {
  background-color: #333 !important;
  border-color: var(--info) !important;
  box-shadow: 0 0 0 0.2rem rgba(41, 128, 185, 0.25) !important;
}

/* Buttons */
.btn-primary {
  background-color: #2980b9 !important;
  border-color: #2980b9 !important;
}

.btn-primary:hover {
  background-color: #3498db !important;
  border-color: #3498db !important;
}

/* Dashboard Specific */
.border-left-primary { border-left: 0.25rem solid #2980b9 !important; }
.border-left-success { border-left: 0.25rem solid #27ae60 !important; }
.border-left-info { border-left: 0.25rem solid #3498db !important; }
.border-left-warning { border-left: 0.25rem solid #f39c12 !important; }
.border-left-danger { border-left: 0.25rem solid #e74c3c !important; }

.text-primary { color: #3498db !important; }
.text-success { color: #2ecc71 !important; }
.text-info { color: #3498db !important; }
.text-warning { color: #f1c40f !important; }
.text-danger { color: #e74c3c !important; }

/* Scrollbar */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #1a1a1a;
}
::-webkit-scrollbar-thumb {
  background: #333;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #444;
}

/* Footer */
.sticky-footer {
  background-color: #121212 !important;
  color: #7f8c8d !important;
}