@charset "utf-8";
/* CSS Document */
  .bg-Krugerrandgold {
    background-color: #CD9763 !important;
}
.btn-Krugerrandgold {
    background-color: #CD9763 !important;
}
.bg-pastelblue {
    background-color: #89D3F3 !important;
}
.bg-pastelyellow {
    background-color: #E3E1AC !important;
}
.bg-pastellilac {
    background-color: #B6A9ED !important;
}
.bg-pastelorange {
    background-color: #E5ACA4 !important;
}
body {
  padding-top: 80px;
}
.sidebar {
  height: 100%;
  padding: 1rem;
  background-color: rgba(205, 151, 99, 0.95); /* Semi-transparent Krugerrand gold */
  overflow-y: auto;
  max-height: calc(100vh - 80px);
}

.main {
  padding: 1rem;
}
.transparent-bg {
  background-color: rgba(205, 151, 99, 0.95); /* Semi-transparent Krugerrand gold */
}
/* General table styles */
.table {
  width: 100%;
  border-collapse: collapse; /* Ensures no space between borders */
  margin: 20px 0;
  font-size: 1rem;
}

/* Styling for both columns */
.table th, .table td {
  padding: 12px;
  border-bottom: 1px solid #ddd; /* Light gray border for rows */
  text-align: left;
}

/* Both Columns (Header and Data) */
.table th, .table td {
  background-color: rgba(205, 151, 99, 0.95); /* Krugerrand gold for both columns */
  color: black; /* Ensures text is readable */
}

/* Table Hover Effects */
.table tr:hover {
  background-color: rgba(205, 151, 99, 0.15); /* Light Krugerrand gold on hover */
}

/* Zebra Striping for rows (alternate row colors) */
.table tr:nth-child(even) {
  background-color: #f9f9f9; /* Light gray for even rows */
}

/* Styling for the dark header */
.table-dark th {
  background-color: rgba(205, 151, 99, 0.9); /* Dark Krugerrand gold for header */
  color: white;
}

/* Table-bordered */
.table-bordered th, .table-bordered td {
  border: 1px solid #ddd; /* Light gray border */
}

 .card.transparent-card {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(212, 175, 55, 0.6); /* gold-ish */
    border-radius: 12px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s;
  }

  .card.transparent-card:hover {
    transform: scale(1.03);
    box-shadow: 0 0 12px rgba(212, 175, 55, 0.4);
  }

  .card-title {
    font-size: 0.95rem;
    font-weight: 600;
    color: #f8f4e5;
  }

  .btn.btn-primary.btn-sm {
    background-color: #d4af37;
    border: none;
    padding: 0.3rem 0.75rem;
    color: #000;
    font-weight: 500;
  }

  body {
    background-color: #121212; /* Makes gold and white pop */
    color: #f8f4e5;
  }