/* Style for the form container */
    /* Form container styling */
    form {
        max-width: 800px;
        margin: 0 auto;
        padding: 20px;
        border: 1px solid #ddd;
        border-radius: 8px;
        background-color: #f9f9f9;
    }
    .file-links{
        flex: 1 1 100%; 
        display: flex; 
        align-items: center; 
        gap: 10px; 
        padding: 10px;
        background-color: #ffffff;
    }

.form-container{
    padding: 5px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.row{
    display: flex; flex-wrap: wrap; gap: 15px;
}
    /* Table-like row styling */
    .form-row {
        display: flex;
        flex-direction: row;
        padding: 10px;
       flex: 1 1 48%; 
       justify-content: space-between; 
       background-color: #f9f9f9;
    }
    .form-rows {
        display: flex;
        flex-direction: row;
        padding: 10px;
       flex: 1 1 48%; 
       justify-content: space-between; 
      background-color: #ffffff;
    }
    /* Alternate background for rows */
   

    /* Label styling (left column) */
    .form-row label {
        flex: 0.3;
        font-weight: bold;
        color: #333;
    }

    /* Value styling (right column) */
    .form-row span, .form-row div {
        flex: 2;
        color: #666;
    }
/* Label styling (left column) */
    .form-rows label {
        flex: 1;
        font-weight: bold;
        color: #333;
    }

    /* Value styling (right column) */
    .form-rows span, .form-rows div {
        flex: 2;
        color: #666;
    }
    /* Special styling for file links */
    .file-links label {
        font-weight: bold;
        display: inline-block;
        margin-bottom: 10px;
    }

    .file-links a {
        color: #007bff;
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 5px;
    }

    /* Hover effect for links */
    .file-links a:hover {
        text-decoration: underline;
    }

    /* Back link styling */
    .form-row a {
        display: inline-block;
        color: #007bff;
        text-decoration: none;
        font-weight: bold;
    }

    .form-row a:hover {
        text-decoration: underline;
    }
/* Back link styling */
    .form-rows a {
        display: inline-block;
        color: #007bff;
        text-decoration: none;
        font-weight: bold;
    }

    .form-rows a:hover {
        text-decoration: underline;
    }
/* Style for form labels */
form label {
  display: block;
  font-weight: bold;
  margin-bottom: 8px;
  color: #333;
}

/* Style for input fields and textarea */
form input[type="text"],
form input[type="email"],
form textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 1em;
  transition: border-color 0.3s;
}

form input[type="text"]:focus,
form input[type="email"]:focus,
form textarea:focus {
  border-color: #4CAF50;
  outline: none;
}

/* Style for the submit button */
form button[type="submit"] {
  width: 100%;
  padding: 12px;
  background-color: #4CAF50;
  color: white;
  font-size: 1em;
  font-weight: bold;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

form button[type="submit"]:hover {
  background-color: #45a049;
}

/* Responsive adjustments */
@media (max-width: 600px) {
  form {
      padding: 15px;
  }
}

/* Heading style */
h2 {
  text-align: center;
  color: #333;
  margin-bottom: 10px;
}

/* Table styling */
table {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  border-collapse: collapse;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
}

/* Table headers */
table th {
  background-color: #4CAF50;
  color: white;
  padding: 12px;
  font-weight: bold;
  text-align: left;
}

/* Table data cells */
table td {
  padding: 12px;
  border-bottom: 1px solid #ddd;
  color: #333;
}

/* Alternate row coloring */
table tr:nth-child(even) {
  background-color: #f9f9f9;
}

/* Hover effect for table rows */
table tr:hover {
  background-color: #f1f1f1;
}

/* No submissions message */
p {
  text-align: center;
  color: #666;
  font-size: 1.1em;
}


 .navbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      background-color: #333;
      padding: 10px 20px;
      font-family: Arial, sans-serif;
      position: fixed;        /* Fixes the navbar to the top */
      top: 0;                 /* Aligns it to the top */
      width: 100%;            /* Full width */
      z-index: 1000;          /* Ensures it stays above other elements */
      height: 40px;
    }

    /* Navbar links styling */
    .navbar a {
      color: white;
      text-decoration: none;
      padding: 10px 15px;
      transition: background-color 0.3s ease;
    }

    .navbar a:hover {
      background-color: #575757;
      border-radius: 5px;
    }

    /* Centered navigation links */
    .navbar-links {
      display: flex;
      gap: 10px;
      flex: 1;
      justify-content: center;
    }

    /* Dropdown styling */
    .dropdown {
      position: relative;
      display: inline-block;
    }

    .dropbtn {
      background-color: #333;
      color: white;
      padding: 10px 15px;
      font-size: 16px;
      border: none;
      cursor: pointer;
    }

    .dropdown-content {
      display: none;
      position: absolute;
      background-color: #333;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
    }

    .dropdown-content a {
      color: white;
      padding: 10px;
      display: block;
      text-align: left;
    }

    .dropdown-content a:hover {
      background-color: #575757;
    }

    .dropdown:hover .dropdown-content {
      display: block;
    }

/* Style the Select Dropdown */
select {
  width: 100%;
  padding: 10px;
  margin: 8px 0;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f9f9f9;
  color: #333;
  outline: none;
  cursor: pointer;
}

/* Style the Select Dropdown when focused */
select:focus {
  border-color: #333;
  background-color: #e6e6e6;
}

/* Style the Select Dropdown Options */
option {
  padding: 10px;
  font-size: 16px;
}

/* Optional: Style the Label */
label {
  font-weight: bold;
  margin-bottom: 4px;
  display: block;
}


.file-upload-container {
  display: flex;
  align-items: center;
  gap: 20px; /* Adjust gap between elements as needed */
}

.file-upload-container div {
  width: 200px; /* Set desired width for each field container */
}

.file-upload-container label {
  display: block;
  margin-bottom: 5px;
}