.hdRow {
      height: 200px;
    }

    .frmRow {
      border-radius: 8px;
    }

    .logo {
      background-color: #FFFFFF;
      color: #FFFFFF;
      text-align: center
    }

    .form-control, .form-check-input, .form-select {
      background-color: #BFDDDE;
      font-size: 10pt;
    }

    .formFrame {
      min-height: 200px;
      background-color: #EFEFB3;
      align-content: center;
      border: ridge;
      border-radius: 25px;
      border-width: 10px;
    }

    thead {
      position: sticky;
      top: 0;
      background-color: white;
     }

     .table-linked {
       color: !important;
     }

     .table-linked thead th :hover {
       background-color: #FFFFFF;
     }

     .table-linked tbody tr :hover {
       background-color: #C9F2CB;
     }

     .table-linked tbody td {
       cursor: pointer;
     }

    .mnuCol a {
     color: #5F5F5F;
     text-decoration: none;
    }

    .mnuCol a:hover {
     font-style: italic;
    }

    #pagePane {
      height: calc(80vh - 50px);
      overflow: auto;
    }

    #navArea {
      height: 50px;
    }

    .red {
      color: #FF0000;
    }

  .contentArea {
    overflow: auto;
    height: calc(80vh - 120px);
  }

  .help {
   font-family: "Times New Roman", Times, serif;
   font-style: italic;
  }

  .help p {
    font-size: 14pt;
    text-align: justify;
    color: #0000FF;
  }

  .help .ph {
    font-size: 18pt;
    font-weight: bold;
  }

  .helpMnu {
    background-color: #A8F896;
  }

  .help a {
    text-decoration: none;
    color: red;
  }