html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #616e7a;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/* Primary color overrides */
.btn-primary {
  background-color: #616e7a;
  border-color: #616e7a;
  font-weight: 600;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #3a4651 !important;
  border-color: #3a4651 !important;
  color: #fff !important;
}

.btn-outline-primary {
  color: #616e7a;
  border-color: #616e7a;
}
.btn-outline-primary:hover {
  background-color: #616e7a;
  border-color: #616e7a;
  color: #fff;
}

/* Links */
a { color: #616e7a; }
a:hover { color: #3a4651; }

/* Cards */
.card {
  border: 1px solid rgba(97,110,122,0.12);
  box-shadow: 0 4px 20px rgba(97,110,122,0.1);
  border-radius: 12px;
  overflow: hidden;
}
.card-header {
  background: linear-gradient(135deg, #616e7a 0%, #6e7d8a 100%);
  color: #fff;
}

/* Tables */
.table thead th {
  background-color: #616e7a;
  color: #fff;
}

/* Badges */
.badge-primary, .bg-primary {
  background-color: #616e7a !important;
}

/* Section title accent */
.section-title {
  border-right: 4px solid #616e7a;
  padding-right: 10px;
  margin: 20px 0 15px;
  font-weight: bold;
  color: #616e7a;
}

/* RTL helpers */
.rtl {
  direction: rtl;
  text-align: right;
}