.dashbaord-bg .sidebar-bg,
.dashbaord-bg .navbar {
    background-color: #0d1117;
}

.dashbaord-bg .navbar .nav-link {
    color: #fff;
}

.dashbaord-bg .navbar .notification-bg {
    border-radius: 8px;
    background-color: #1c2333;
    margin-right: 10px;
}

.dashbaord-bg .nav-item .active {
    background: #231900 !important;
    border: 1px solid #f59e0b;
    color: #f59e0b !important;
}

.dashbaord-bg .nav-item .active .nav-icon {
    background: #3c2901 !important;
    color: #f59e0b !important;
}

.sidebar-bg .nav-link {
    align-items: center;
}

.sidebar-bg .sidebar-brand {
    border-bottom: 0;
}

.dashbaord-bg .sidebar-wrapper .nav-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 35px;
    max-width: 35px;
    height: 35px;
    border-radius: 8px;
    background-color: #1c2333;
    color: #424c5a;
}

.fare-heading i{
    padding: 8px;
    background: #f1990a;
    font-size: 16px;
    border-radius: 7px;
    color: #fff;
}

.create-btn{
    background-color: #f1990a;
    border: 1px solid #f1990a;
    color: #fff;
}

.create-btn:hover{
    color: #f59e0b;
    background-color: #fff;
    border: 1px solid #f1990a;
}

.trash-btn{
    background: #ffffff;
    border: 1px solid #9ba0a8;
    color: #374151;
}

.trash-btn:hover{
    background: #9ba0a8;
    border: 1px solid #9ba0a8;
    color: #fff;
}

.fare-section .form-label{
    color: #374151;
}

.total-btn{
    background: #fef7da;
    border: 1px solid #fdeca7;
    color: #f1990a;
}

.status-success{
    background-color: #d3fae6;
    border: 1px solid #a1f7db;
    color: #10b981;
}

.view-btn{
   background-color: #ddebfe;
    border: 1px solid #b3cbf9;
    color: #2563eb;
}

.edit-btn{
       background-color: #fef5d0;
    border: 1px solid #f4d59f;
    color: #db7f13;
}

.status-danger,
.delete-btn{
      background-color: #fee2e2;
    border: 1px solid #ed8787;
    color: #dc2626;
}

.table-footer .pagination .page-item.active .page-link{
 background: #f1990a;
}

.dashbaord-section .new-order-card{
    background: #ffffff;
    border-top: 5px solid #478ef6;
}

.dashbaord-section .new-order-card a{
    color: #478ef6 !important;
}

.dashbaord-section .bounce-card{
    border-top: 5px solid #1cc289;
}

.dashbaord-section .bounce-card a{
    color: #1cc289 !important;
}

.dashbaord-section .user-add-card{
    border-top: 5px solid #f6a914;
}

.dashbaord-section .user-add-card a{
    color: #f6a914 !important;
}

.dashbaord-section .Visitors-card{
    border-top: 5px solid #f46161;
}

.dashbaord-section .Visitors-card a{
    color: #f46161 !important;
}
    

.dashbaord-section .new-order-card svg{
    background-color: #ddebfe;
    color: #478ef6;
    border-radius: 8px;
    padding: 15px;
}

.dashbaord-section .bounce-card svg{
    background-color: #defce8;
    color: #1cc289;
}

.dashbaord-section .user-add-card svg{
    background-color: #fef5d0;
    color: #f6a914;
}

.dashbaord-section .Visitors-card svg{
    background-color: #fee4e4;
    color: #f46161;
}


.dashbaord-bg .navbar-nav > .user-menu > .dropdown-menu {
    width: auto;
    min-width: auto;
}

/* Base input styling */
input[type="date"] {
  background-color: #ffffff; /* White background */
  color: #333333;           /* Dark text color for contrast */
  border: 1px solid #ccc;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 16px;
  
  /* Ensures standard appearance cross-browser */
  color-scheme: light; 
}

/* Ensure Chrome/Safari/Edge calendar icon is visible and dark */
input[type="date"]::-webkit-calendar-picker-indicator {
  display: block;
  background-color: transparent;
  cursor: pointer;
  
  /* Adjust size and opacity if needed */
  opacity: 1;
  filter: invert(0); /* Keeps icon dark on light/white background */
}