body {
      margin: 0;
      font-family: Arial, sans-serif;
      background-color: #f4f4f4;
      color: #333;
    }
    header {
      background-color: #0F0D9F;
      padding: 1em 2em;
      color: white;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    input[type=button], input[type=submit], input[type=reset] {
      background-color: #04AA6D;
      border: none;
      color: white;
      padding: 16px 32px;
      text-decoration: none;
      margin: 4px 2px;
      cursor: pointer;
    }
    header h1 {
      margin: 0;
      font-size: 1.8em;
    }
    header h4 {
      margin: 0;
      font-size: 10em;
    }
    nav a {
      color: white;
      margin: 0 1em;
      text-decoration: none;
      font-weight: bold;
    }
   .topnav {
       overflow: hidden;
      background-color: #0F0D9F;
    }
    .topnav a {
      float: left;
      color: #f2f2f2;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
      font-size: 17px;
    }
    
    .topnav a:hover {
      background-color: #E21C1B;
      color: black;
    }
    
    .topnav a.active {
      background-color: #ddd;
      color: black;
    }

    .hero {
      background: url('https://www.opexhabits.com/JustAircraft/img/web_image3.jpg') no-repeat center center/cover;
      height: 400px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      text-shadow: 2px 2px 5px #000;
    }
    .hero_banner {
      background: url('https://www.opexhabits.com/JustAircraft/img/web_image3.jpg') no-repeat center center/cover;
      height: 125px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      text-shadow: 2px 2px 5px #000;
    }
    .hero h2 {
      font-size: 3em;
    }
    .hero_banner h3 {
      font-size: 6em;
    }
    .section {
      padding: 3em 2em;
      background-color: white;
      margin-bottom: 1em;
    }
    .section:nth-child(even) {
      background-color: #eef2f5;
    }
    .section h3 {
      margin-top: 0;
      color: #002244;
    }
    footer {
      background-color: #0F0D9F;
      color: white;
      text-align: center;
      padding: 1em;
    }
    input {
    text-align: center;
      padding: 1em;  
    }
    label {
      text-align: center;
      padding: 1em;
        
    }
    select {
    text-align: center;
      padding: 1em;  
    }
    form {
      background-color: #0F0D9F;
      color: white;
      text-align: center;
      padding: 1em;  
    }
    table {
  border-collapse: collapse;
  width: 100%;
}
.forcedWidth{
    width:400px;
    word-wrap:break-word;
    display:grid;
}
th, td {
  padding: 8px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}

.row {
  display: flex;
}

/* Create two equal columns that sits next to each other */
.column {
  flex: 75%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}
.button {
  background-color: #0F0D9F; /* Just Aircraft Blue */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 36px;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.button:hover {
  background-color: #04AA6D; /* Green */
  color: white;
}
.center {
  margin: auto;
  width: 50%;
  border: 3px solid green;
  padding: 10px;
}
.video-container {
            display: flex;
            justify-content: center;
            align-items: center;
        }
.document-viewer {
            width: 100%;
            height: 60vh;
            background-color: #fff;
            border: 1px solid #ccc;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            margin-bottom: 16px;
        }
.approve-button {
            padding: 10px 20px;
            background-color: #28a745;
            color: white;
            border: none;
            border-radius: 4px;
            font-size: 16px;
            cursor: pointer;
            transition: background-color 0.3s;
        }
.approve-button:hover {
            background-color: #218838;
}