.img-user{
  	width: 100px;
  }

  table .btn{
  	margin: 0px !important;
  }

  .btn-primary{
  	background: #2e3092;
  	color: white !important;
  	border: 1px solid #2e3092;
  }

  .btn-primary:hover{
  	background: #0062d9;
  	border: 1px solid #0062d9;
  }

  .panel-heading{
   padding: 20px 15px;
   border-bottom: 1px solid #ececec;
 }


 .sidebar-nav .metismenu a {
  position: relative;
  display: block;
  padding: 13px 15px;
  color: #000;
  outline-width: 0;
  transition: all .3s ease-out;
  font-size: 14px;
  font-weight: 400;
}

.sidebar-nav .metismenu a > .icon-wrap {
  font-size: 20px;
  margin-right: 11px;
}

#sidebar{
	border-right: 1px solid #eee;
}

.footer-copyright-area{
	margin-top: 501px;
}

.all-content-wrapper {
    min-height: 500px;
}

td{
  vertical-align: middle !important;
}



/* Table Styles */
.table {
  width: 100%; /* Full width */
  margin-bottom: 1rem; /* Space below the table */
  border-collapse: collapse; /* Merge borders */
}

/* Table Header Styles */
.table th {
  padding: 12px; /* Padding inside header cells */
  text-align: left; /* Align text to the left */
  background-color: #fff; /* Primary blue background */
  color: black; /* White text for header */
  font-weight: bold; /* Bold text for header */
}

/* Table Cell Styles */
.table td {
  padding: 12px; /* Padding inside cells */
  text-align: left; /* Align text to the left */
  border-bottom: 1px solid #ddd; /* Light bottom border */
  transition: background-color 0.3s; /* Smooth transition for hover effect */
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f9f9f9; /* Zebra striping for odd rows */
}

.table-hover tbody tr:hover {
  background-color: #e9ecef; /* Light gray on hover */
}

/* Responsive Table Wrapper */
.table-responsive {
  overflow-x: auto; /* Enable horizontal scrolling */
}

/* Styles for Mobile Devices */
@media (max-width: 768px) {
  .table th, .table td {
      padding: 10px; /* Adjust padding for smaller screens */
  }

  /* Maintain table structure */
  .table {
      width: auto; /* Allow table to stretch based on content */
      min-width: 100%; /* Ensure minimum width is 100% */
  }
}

/* Additional responsive adjustments for smaller screens */
@media (max-width: 576px) {
  .table th, .table td {
      padding: 8px; /* Further adjust padding */
  }
}