/* Custom styles for Car Spares Direct */

:root {
  --bs-primary: #a20c11;
  --bs-primary-rgb: 162, 12, 17;
}

body {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.card {
  border-radius: 8px;
}

.btn-primary {
  background-color: #a20c11 !important;
  border-color: #a20c11 !important;
}

.btn-primary:hover {
  background-color: #8a0a0f !important;
  border-color: #8a0a0f !important;
}

.form-control {
  border-radius: 6px;
  border: 1px solid #ced4da;
}

.form-control:focus {
  border-color: #a20c11;
  box-shadow: 0 0 0 0.2rem rgba(162, 12, 17, 0.25);
}

.bg-primary {
  background-color: #a20c11 !important;
}

.navbar-brand {
  font-weight: 600;
  font-size: 1.25rem;
}

.card-title {
  color: #343a40;
  font-weight: 600;
}

.text-muted {
  font-size: 0.9rem;
}

a {
  color: #a20c11;
}

a:hover {
  color: #8a0a0f;
}

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

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

.bg-primary {
  background-color: #a20c11 !important;
}

.btn-primary {
  background-color: #a20c11 !important;
  border-color: #a20c11 !important;
}

.btn-primary:hover {
  background-color: #8a0a0f !important;
  border-color: #8a0a0f !important;
}

.btn-outline-primary {
  color: #a20c11;
  border-color: #a20c11;
}

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

/* Dashboard styles */

.border-left-primary {
  border-left: 4px solid #a20c11 !important;
}

.border-left-success {
  border-left: 4px solid #28a745 !important;
}

.border-left-info {
  border-left: 4px solid #17a2b8 !important;
}

.border-left-warning {
  border-left: 4px solid #ffc107 !important;
}

.text-gray-300 {
  color: #dddfeb !important;
}

.text-gray-800 {
  color: #5a5c69 !important;
}

.text-xs {
  font-size: 0.75rem;
}

.font-weight-bold {
  font-weight: 700 !important;
}

main {
  margin-top: 56px;
}

@media (max-width: 767.98px) {
  .sidebar {
    top: 56px;
    position: relative;
  }

  main {
    margin-top: 0;
  }
}

.qty,
.pr {
  background-color: #99ccff !important;
  border-color: #99ccff !important;
  color: #000 !important;
}