.form-control{
    color:#000 !important;
    background-color: #f7f7f7;
}

.p-6 {
  padding: 1.5rem !important;
}

.form-select {
    color:#000 !important;
    background-color: #f7f7f7;
}

.form-label {
  font-weight: 500;
}

table{
  color:#333 !important;
}

.bg-lines::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../../assets/images/background/lines.png) no-repeat center center;
  background-size: auto;
  background-size: cover;
  pointer-events: none;
}

.table {
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: #f1f5f9;
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: #f1f5f9;
  --bs-table-hover-color: #000;
  --bs-table-hover-bg: rgba(241,245,249,.7);
  color: var(--bs-table-color);
}

/* Remove focus and active outline/shadow */
.dropdown .btn:focus,
.dropdown .btn:active {
  box-shadow: none !important;
  outline: none !important;
}


/* Make the bar thinner and change color */
#nprogress .bar {
  height: 4px;
  background: #5340d9; /* Bootstrap blue or your brand color */
}

/* Optional: Remove the spinner icon */
#nprogress .spinner {
  display: none;
}

.fade-red {
    /* animation: fadeRedBg 2s ease-in-out; */
    background-color: #f8d7da;
}

@keyframes fadeRedBg {
    0% { background-color: #f8d7da; }  /* light red */
    100% { background-color: transparent; } /* back to default */
}


.cursor-pointer:hover{
  cursor: pointer;
  border:1px solid #ccc !important;
}