h2{
  color:#00467A ;
}


.menu-title{
    color: white;
}.logo-icon {
  width: 40px;
  height: auto;
}/* Remove border or spacing between parent and child menu */
.sidebar-divider {
  border-bottom: 3px solid rgba(255, 255, 255, 0.15); /* Light white line */
  margin: 15px 30px; /* Equal top/bottom margin, and left/right spacing */
   margin-top: 30px !important;
 margin-bottom:30px !important;
  height: 1px;
  list-style: none;

}.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-divider {
  display: none !important;
}
.top-header-heading{
  color: whitesmoke !important;
  margin-top: 10px;
}
/* Normal sidebar (expanded) */
.wrapper:not(.toggled) .menu-title {
  margin-left: 15px !important;
}

/* When collapsed (icon-only) */
.wrapper.toggled .menu-title {
  margin-left: 0; /* reset to avoid breaking icon alignment */
}
/* When sidebar is expanded */
.wrapper:not(.toggled) .parent-icon {
  margin-left: 10px;
}

/* When sidebar is collapsed (icon-only) */
.wrapper.toggled .parent-icon {
  margin-left: 0 !important;
}.card-1{
  background-color: #B9DAEE;
}
.card-2{
  background-color:#ABBED8;
}

.card-3{
  background-color:#E8ADBE;
}

.card-4{
  background-color: #FFFFFF;
}
.sign-in-card{
background-color: #00467A !important;
} .btn-primary{
  background-color: #00467A !important;
}.forget-password{
  color: #00467A !important;
}.sign-up-here{
   color: #00467A !important;
}/* Default style when not checked (off) */
.form-check-input {
  background-color: #f8f9fa; /* Bootstrap default light gray */
  border: 1px solid #ccc;
}

/* When checked (on) */
.form-check-input:checked {
  background-color: #00467A !important;
  border-color: #00467A !important;
}
.form-control {
    border: 1px solid #00467A !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

.form-control:focus {
    border: 1px solid #00467A !important; /* Keep same border width */
    outline: none !important;
    box-shadow: 0 0 0 1px #00467A !important; /* Creates extra 1px, total looks like 2px */
}/* For single select dropdown */
.select2-container--default .select2-selection--single {
    border: 1px solid #00467A !important;
    border-radius: 10px !important;
    height: calc(2.25rem + 2px) !important; /* Matches .form-control height */
    padding: 0.375rem 0.75rem;
    box-shadow: none !important;
    display: flex;
    align-items: center;
}

/* On focus */
.select2-container--default.select2-container--focus .select2-selection--single {
    border: 1px solid #00467A !important;
    box-shadow: 0 0 0 1px #00467A !important;
    outline: none !important;
}

/* The text inside */
.select2-container .select2-selection__rendered {
    padding-left: 0 !important;
}


/* .custom-container{
  margin-top: 60px !important;
  margin-left:280px;
} */

.container{
  margin-top: 70px !important;
  width: 100%  !important;
  
}    .rounded-card{
  border-radius: 30px !important;
  border-top: 1px solid  #00467A;
}
.card-title{
  font-weight: 700;
  font-size: 24px;
}


/* Change background color of table heading */
    #example thead th {
        background-color:rgb(56, 113, 193); /* Blue background */
        color: white; /* White text */
        text-align: center; /* Optional: center text */
    }

    /* Optional: Change table footer heading color too */
    #example tfoot th {
        background-color: #343a40; /* Dark gray */
        color: #fff; /* White text */
    }

    .drivers-details{
      border: 1px solid #00467A;
      border-radius: 10px;
    }.driver-information{
      font-weight:400;
      font-size: 18px;
      color:#00467A ;
      
    }.p-border{
border-bottom: 1px solid #00467A;
    }.custom-btn-success {
  background-color: #00467A;
  color: white;
  border: 1px solid #00467A; /* Define the border here */

}

.custom-btn-success:hover {
  background-color: #00467A; /* A darker shade for the hover effect */
  color: white;
  border: 1px solid #00467A; /* Keep the same border width, change color */

}.card-subtitle{
    font-weight: 500;
  font-size: 24px;
  color: #00467A;
}




/* Pagination link default color */
.pagination .page-link {
    color: #00467A;
    border-color: #00467A;
}

/* Pagination link hover and focus */
.pagination .page-link:hover,
.pagination .page-link:focus {
    color: white;
    background-color: #00467A;
    border-color: #00467A;
}

/* Active pagination link */
.pagination .page-item.active .page-link {
    background-color: #00467A;
    border-color: #00467A;
    color: white;
}

/* Disabled pagination link */
.pagination .page-item.disabled .page-link {
    color: #cccccc;
    pointer-events: none;
    background-color: transparent;
    border-color: #dddddd;
}
.preview-image {
    cursor: pointer;
    transition: transform 0.3s ease;
}

.preview-image:hover {
    transform: scale(1.2);
}

/* Large preview container */
#imagePreviewModal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    justify-content: center;
    align-items: center;
}

#imagePreviewModal img {
    max-width: 90%;
    max-height: 90%;
    border-radius: 10px;
}


.metismenu ul {
    overflow: hidden;
    height: 0;
    transition: height 0.3s ease; /* smooth expand/collapse */
}

.metismenu .mm-show {
    height: auto;
}






/* .mini-logo {
    display: none;
  
}


.sidebar-wrapper.collapsed .mini-logo {
    display: block;
} */


/* Default: show full logo, hide mini logo */
.logo-text {
    display: block;
}
.mini-logo {
    display: none;
}

/* When sidebar is collapsed, show mini logo and hide full logo */
.sidebar-wrapper.collapsed .mini-logo {
    display: block;
}
.sidebar-wrapper.collapsed .logo-text {
    display: none;
}

/* Optional: if sidebar expands on hover, remove mini logo */
.sidebar-wrapper:hover .mini-logo {
    display: none;
}
.sidebar-wrapper:hover .logo-text {
    display: block;
}

.toggle-icon-white {
    color: white !important;
}







/* Sidebar Parent Menu Background */
.sidebar-wrapper .metismenu > li > a {
    background-color: #144272; /* Dark blue for parent menus */
    color: #ffffff ; /* White text for parent menus */
    font-weight: 500;
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border-radius: 4px;
}

/* Parent Icon and Text */
.sidebar-wrapper .metismenu > li > a .parent-icon i {
    color: #ffffff;
    font-size: 18px;
    margin-right: 10px;
}

/* On Hover - Parent Menu */
.sidebar-wrapper .metismenu > li > a:hover {
    background-color: #1D5D9B; /* Accent blue on hover for parent */
    color: #ffffff;
}

/* Active Parent Menu */
.sidebar-wrapper .metismenu > li.mm-active > a {
    background-color: #1D5D9B; /* Accent blue for active parent */
    color: #ffffff;
}

/* Child Menu Styling */
.sidebar-wrapper .metismenu ul {
   
    padding-left: 10px;
    margin: 0;
}

/* Child Menu Links (Inactive) */
.sidebar-wrapper .metismenu ul li a {
    color: #A9B7C0; /* Grey text for inactive children */
    font-size: 14px;
    padding: 8px 20px;
    display: flex;
    align-items: center;
    border-radius: 4px;
}

/* Child Icon */
.sidebar-wrapper .metismenu ul li a i {
    margin-right: 8px;
    font-size: 16px;
}

/* Hover on Child */
.sidebar-wrapper .metismenu ul li a:hover {
    background-color: #1D5D9B; /* Accent blue on hover */
    color: #ffffff;
}

/* Active Child */
.sidebar-wrapper .metismenu ul li.active > a {
    background-color: #1D5D9B; /* Accent blue for active child */
    color: #ffffff;
}