*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}





/* Style for User Tabs container */
.user-tabs {
    padding: 15px 0; /* Add padding for spacing */
  }
  
  /* Style for User Tabs */
  .nav.nav-tabs {
    width: 100%;
    display: flex;
    justify-content: space-between; /* Spread buttons evenly */
    background-color: #77B0AA;
    padding:20px 10px;
  }
  
  /* Style for individual nav-link buttons */
  .nav.nav-tabs .nav-item .nav-link {
    background-color: #135D66; /* Change to your desired solid color */
    color: #fff; /* Text color */
    border: none; /* Remove border */
    transition: background-color 0.3s; /* Smooth transition on hover */
    text-align: center; /* Center align text */
  }


  
  /* Hover effect */
  .nav.nav-tabs .nav-item .nav-link:hover {
    background-color: #003C43;
  }
  
  /* Active tab */
  .nav.nav-tabs .nav-item .nav-link.active {
    background-color: #ffffff; /* Change to your desired active color */
    color: #003C43;
    font-weight: bold;
  }
  
  /* Media query for mobile devices */
  @media (max-width: 767.98px) {
    /* Change to accordion style for mobile */
    .nav.nav-tabs {
      flex-direction: column; /* Stack buttons vertically */
      align-items: stretch; /* Stretch buttons to fill container width */
    }
  
    /* Adjust styles for individual nav-link buttons in mobile */
    .nav.nav-tabs .nav-item {
      margin-bottom: 5px; /* Add spacing between buttons */
    }
  
    /* Add expand/collapse behavior for mobile */
    .nav.nav-tabs .nav-item .nav-link {
      cursor: pointer; /* Change cursor to pointer */
      border-radius: 8px; /* Add border-radius */
      overflow: hidden; /* Hide overflow */
      max-height: 0; /* Collapse initially */
      transition: max-height 0.3s ease; /* Smooth transition for expand/collapse */
      width: 100%; /* Make button full width */
      padding: 20px; /* Add padding to improve readability */
    }
  
    /* Expand active tab on click */
    .nav.nav-tabs .nav-item .nav-link.active {
      max-height: 100px; /* Adjust height based on content */
    }
  }
  
  







/* Saved Orders Content */
#savedOrders .container {
  padding: 20px;
}

h2 {
  font-size: 25px;
  color: #003C43 ;
  margin-bottom: 20px;
  text-transform: uppercase;
}

#savedOrders .card {
  margin-bottom: 30px;
  border-radius: 10px;
  transition: all 0.3s ease;
  background-color: #fff;
  box-shadow: 4px 4px  5px #77B0AA;
}

#savedOrders .card:hover {
  box-shadow: 4px 4px  5px #135D66;
}

#savedOrders .card-title {
  font-size: 22px;
  margin-bottom: 15px;
  color: #333;
}

#savedOrders .card-text {
  font-size: 16px;
  color: #666;
  margin-bottom: 5px;
}

#savedOrders .img-fluid {
  border-radius: 10px 0 0 10px;
}

#savedOrders .card-body {
  padding: 15px;
}

/* Button Styles */
#savedOrders .btn {
  background-color: #007bff;
  color: #fff;
  border-radius: 20px;
  padding: 8px 20px;
  font-size: 14px;
  text-transform: uppercase;
  border: none;
  transition: background-color 0.3s ease;
}

#savedOrders .btn:hover {
  background-color: #0056b3;
}

/* Media query for responsiveness */
@media (max-width: 767.98px) {
  #savedOrders .img-fluid {
    border-radius: 10px 10px 0 0;
  }
  
  #savedOrders .col-md-6 {
    width: 100%;
  }
}






/* completed orders */
.card-header {
    border-radius: 0.25rem 0.25rem 0 0;
  }
  
  .card-footer {
    border-radius: 0 0 0.25rem 0.25rem;
  }
  
  .card {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
  }
  
  .card:hover {
    transform: translateY(-2px);
  }
  
  .btn {
    border-radius: 20px;
    padding: 0.5rem 1.5rem;
    transition: all 0.3s ease;
  }
  
  .btn:hover {
    transform: translateY(-1px);
  }
  
  .bg-success {
    background-color: #003C43  !important;
  }

  .btn-primary{
    background-color:#135D66 ;
    border-radius: 0;
    outline: none;
    border: none;
  }

  .btn-success{
    background-color:#135D66 ;
    border-radius: 0;
    outline: none;
    border: none;
  }

  .btn-danger{
    background-color:#135D66 ;
    border-radius: 0;
    outline: none;
    border: none;
  }
  
/* completed orders */






/* Styles for Sample Request History with Images */
#sampleRequest .sample-history-item {
    background-color: #f8f9fa;
    border-left: 5px solid #135D66 ;
    padding: 10px;
    border-radius: 5px;

  }

 
  
  #sampleRequest .sample-history-item h5 {
    margin-bottom: 5px;
    font-size: 18px;
    color: #003C43;
  }
  
  #sampleRequest .sample-history-item small {
    font-size: 14px;
    color: #666;
  }
  
  #sampleRequest .sample-history-item p {
    font-size: 16px;
    margin-bottom: 0;
  }
  
  #sampleRequest .text-success {
    color: #28a745;
  }
  
  #sampleRequest .text-warning {
    color: #ffc107;
  }
  
  #sampleRequest .sample-history-item img {
    border-radius: 5px;
  }