body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color:darkgray;
    color:aliceblue;
  }
  
  
  h1, h2, h3 {
    margin-bottom: 10px;
  }
  
  a {
    color: #007bff;
    text-decoration: none;
  }
  
  a:hover {
    text-decoration: underline;
  }
  a:visited {
    color: #551a8b; /* Purple color for visited links */
  }
  
  a:active {
    color: #ff4500; /* Orange color when clicking */
  }
  
  /* button {
    background: #007bff;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
  } */
  
  button:hover {
    background: #0056b3;
  }

  input, textarea {
    width: 25em;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
  }
  
  .date-container {
    display: flex; 
    align-items: center; /* Align elements vertically */
    gap: 5px; /* Adds space between elements */
}

.date-container input[type="date"] {
    width: 8em;
    padding: 5px; 
    border: 1px solid #ccc; 
    border-radius: 5px;
    font-size: 16px;
}


  ul {
    list-style: none;
  }
  
  
  
  footer {
    text-align: center;
    margin-top: 20px;
    color: #666;
  }

  .worlogs-table {
    width: 80%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 18px;
    text-align: left;
}

.worlogs-table th {
    background-color: #007bff;
    color: white;
    padding: 12px;
}

.worlogs-table td {
    padding: 10px;
    border: 1px solid #666;
}

.worlogs-table tr:hover {
    background-color: #666;
}

 /* Style for the whole navigation bar */
nav {
  display: flex;
  justify-content: space-between;  /* Spaces out left and right sections */
  align-items: center;  /* Vertically aligns items */
  padding: 10px 20px;
  background-color: #007bff;
  color: white;
}

/* Left navigation items (Home, About, Worklogs) */
nav .left-nav {
  display: flex;
  gap: 20px;  /* Adds space between the nav links */
}

nav .left-nav a {
  text-decoration: none;
  color: white;
  padding: 5px 10px;
}

nav .left-nav a:hover {
  background-color: #0056b3;  /* Darker background on hover */
}

/* Right navigation items (Login/Logout, User info) */
nav .right-nav {
  display: flex;
  align-items: center;
  gap: 10px;  /* Adds space between the elements */
}

nav .right-nav img {
  border-radius: 50%;  /* Makes the user image circular */
}

nav .right-nav p {
  margin: 0;  /* Removes margin around user name */
}

nav .right-nav a {
  text-decoration: none;
  color: white;
  padding: 5px 10px;
}

nav .right-nav a:hover {
  background-color: #0056b3;  /* Darker background on hover */
}
 
.report-body {
  color: rgba(0, 0, 0, 0.749);
  border: 1px solid black
}