/* Official Diamond Fit brand (from DiamondFit_Brand). Hex sampled from logos/icons. */
:root {
  --df-navy: #19385b;
  --df-navy-deep: #183454;
  --df-navy-mid: #284f75;
  --df-blue: #4f94c8;
  --df-blue-deep: #2e70b5;
  --df-sky: #9ed2f6;
  --df-gray: #5e6c7b;
  --df-gradient: linear-gradient(180deg, #284f75 0%, #4f94c8 100%);
  --df-gradient-bar: linear-gradient(90deg, #19385b 0%, #2e70b5 100%);
  --dome-navy: #19385b;
  --dome-blue: #4f94c8;
  --dome-gray: #5e6c7b;
  --dome-gradient: var(--df-gradient-bar);
  --purple: #4f94c8;
  --pink: #5e6c7b;
  --primary: #4f94c8;
}

a,
a:hover {
  color: #4f94c8;
}

.text-primary,
.text-info {
  color: #4f94c8 !important;
}

.sidebar,
.sidebar .sidebar-wrapper,
.off-canvas-sidebar,
.off-canvas-sidebar .sidebar-wrapper {
  background: #183454 !important;
}

.sidebar .nav li.active > a,
.sidebar .nav li.active > a i,
.off-canvas-sidebar .nav li.active > a {
  color: #fff !important;
  background: var(--df-gradient-bar) !important;
  box-shadow: none !important;
}

.sidebar .nav li > a:hover,
.sidebar .logo a {
  color: #fff !important;
}

.sidebar .logo {
  padding: 14px 12px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.sidebar .logo-brand-img {
  display: block;
  width: 100%;
  max-width: 220px;
  height: auto;
  margin: 0 auto;
}

.sidebar .logo-dome-img {
  display: none;
}

.sidebar .logo-normal {
  display: none;
}

/* Black Dashboard draws a magenta caret on .sidebar:before (border trick). */
.sidebar:before,
.off-canvas-sidebar:before {
  display: none !important;
  content: none !important;
}

.main-panel {
  border-top-color: #183454 !important;
}

.navbar.navbar-transparent,
.navbar {
  background: #183454 !important;
}

.btn-primary,
.btn-info,
.badge-primary,
.badge-info {
  background-image: var(--df-gradient-bar) !important;
  background-color: #4f94c8 !important;
  border-color: #4f94c8 !important;
  color: #fff !important;
  box-shadow: none !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-info:hover,
.btn-info:focus {
  background-image: linear-gradient(90deg, #183454 0%, #376a95 100%) !important;
  background-color: #376a95 !important;
  border-color: #376a95 !important;
  color: #fff !important;
}

.btn-outline-primary {
  color: #4f94c8 !important;
  border-color: #4f94c8 !important;
}

.btn-outline-primary:hover {
  background: #4f94c8 !important;
  color: #fff !important;
}

.btn-warning {
  background: #4f94c8 !important;
  border-color: #4f94c8 !important;
  color: #fff !important;
}

.progress-bar,
.progress-bar.bg-info,
.progress-bar.bg-primary {
  background-image: var(--df-gradient-bar) !important;
  background-color: #4f94c8 !important;
}

.form-control:focus,
.input-group-focus .input-group-prepend .input-group-text {
  border-color: #4f94c8 !important;
  box-shadow: 0 0 0 0.2rem rgba(79, 148, 200, 0.25) !important;
}

.form-check-input:checked,
.form-check .form-check-sign::after {
  border-color: #4f94c8;
}

.form-check input[type="checkbox"]:checked + .form-check-sign::before {
  background-color: #4f94c8 !important;
}

.card-header .card-title,
.card .card-title {
  color: #19385b;
}

.login-page,
.register-page,
.full-page.login-page,
.full-page.register-page {
  background: #183454 !important;
}

.card-login .card-title,
.card-register .card-title {
  background: var(--df-gradient-bar);
  -webkit-background-clip: text;
  background-clip: text;
}

.card-login .card-header img,
.card-register .card-header img,
.card-login .df-auth-logo,
.card-register .df-auth-logo {
  display: block;
  max-width: 220px;
  height: auto;
  margin: 0 auto 8px;
}

.badge-success {
  background-color: #4f94c8 !important;
}

.text-muted {
  color: #5e6c7b !important;
}

.nav-pills .nav-link.active,
.page-item.active .page-link {
  background: var(--df-gradient-bar) !important;
  border-color: #4f94c8 !important;
}

.bg-primary {
  background: var(--df-gradient-bar) !important;
}

/* Workout exercise rows: keep the checkbox in its own column (Black Dashboard
   .form-check-sign is position:absolute and sat on top of the title). */
.df-exercise {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 1rem;
  padding-left: 0;
  cursor: pointer;
  position: static;
}

.df-exercise-check {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin: 5px 0 0;
  padding: 0;
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  accent-color: #4f94c8;
}

.df-exercise-copy {
  flex: 1 1 auto;
  min-width: 0;
  color: #19385b;
  line-height: 1.4;
}

.df-exercise-how {
  display: block;
  margin-top: 4px;
  color: #5e6c7b;
  font-size: 0.9rem;
}

.jazzmin-login,
#jazzy-navbar,
.main-header {
  background-color: #183454 !important;
}