footer {
  background-color: rgba(0, 0, 0, 0.05);
  
 }
 .custom{
    border-right: 1px solid grey;
 }
 li a{
  text-decoration: none;
  color: gray;
 }

/* Dashboard Page */
.no-data-message {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 20px;
   text-align: center;
}

.no-data-message p {
   font-weight: bold;
}

.no-data-message svg, .no-data-message img {
   height: 42vh; /* 1/3 of the viewport height */
   width: auto; /* Width will adjust accordingly to maintain aspect ratio */
   max-height: 453px; /* Optional: Set a maximum height */
   margin-top: 20px;
}

/* Error Page */
/* Ensure this CSS is correctly linked in your HTML */

.error-page {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 20px;
   text-align: center;
   min-height: 100vh; /* Ensure full height of viewport */
   box-sizing: border-box; /* Include padding and border in element's total width and height */
}

.error-page h3 {
   font-weight: bold;
   margin-top: 20px; /* Space between image and text */
}

.error-page img {
   max-height: 30vh; /* Set max height relative to viewport */
   max-width: 100%; /* Ensure image doesn't overflow */
   height: auto; /* Maintain aspect ratio */
   width: auto; /* Maintain aspect ratio */
   margin-bottom: 20px; /* Space below the image */
}

/* all scripts */
.fixed-height-img {
   height: 300px; /* Set a fixed height */
   object-fit: contain; /* Maintain aspect ratio and crop if necessary */
   width: 100%;
}