/* Custom styles to override sb-admin-2.min.css */

:root {
  /* Override the primary color to teal */
  --primary: #439BA0;
  --blue: #439BA0;
}

/* Change primary color elements */
.bg-primary {
  background-color: #439BA0 !important;
}

.btn-primary {
  background-color: #439BA0;
  border-color: #439BA0;
}

.btn-primary:hover {
  background-color: #378186;
  border-color: #33787c;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(67, 155, 160, 0.5);
}

.text-primary {
  color: #439BA0 !important;
}

/* Update sidebar styles */
.sidebar .sidebar-brand {
  color: #fff;
}

/* Change gradient backgrounds */
.bg-gradient-primary {
  background-color: #439BA0 !important;
  background-image: linear-gradient(180deg, #439BA0 10%, #33787c 100%) !important;
  background-size: cover;
}

/* Ensure navbar colors are consistent */
.navbar-nav.bg-gradient-primary {
  background-color: #439BA0 !important;
  background-image: linear-gradient(180deg, #439BA0 10%, #33787c 100%) !important;
}

/* Update border-left colors */
.border-left-primary {
  border-left: .25rem solid #439BA0 !important;
}

/* Links */
a {
  color: #439BA0;
}

a:hover {
  color: #33787c;
}

/* Add this to your HTML files to include this custom CSS after the original CSS file */
/* <link href="css/custom.css" rel="stylesheet"> */