* {
			font-family: Calibri;
			/* Cambria, Cochin, Georgia, Times, 'Times New Roman', serif */
    }
		body {
			background-color: #90a6ba;
      margin: 0;
      padding: 0;
    }
    img {
      max-width: 100%;
    }
		#wrapper {
      /* width: 97%; */
      margin: 0 auto;
      background-color: #fff;
      display: flex;
      flex-direction: column;
      overflow: auto;
      height: 100vh;
    }
    #header {
      background-color: #fff;
      /* position: fixed; */
      top: 0;
      width: 100%;
      left: 0;
      /* max-height: 20vh; */
    }
    .logo {
			display: flex;
			height: auto;
    }
    .logo img {
			display: flex;
			width: 100%;
			height: auto;
		}
    #navBar {
      display:flex;
      height: auto;
      width: 100%;
      flex-direction: row;
      justify-content: flex-start;
      background-color: #A3C1D6;
    }
    .navA {
      display: grid;
      min-width: 7em;
			border-right: 1px solid #496b76;
      height: 2em;
			color: black;
      background-color: #A3C1D6;
      padding: 0 .1em;
      justify-content: center;
      align-items: center;
      text-decoration: none;
      font-weight: normal;
    }
    .navA:hover {
			background-color: #3e6db1;
			color: #A3C1D6;
      font-weight: bold;
      text-decoration: none;
		}
		.navA:visited {
			color: black;
		}
		.navA:visited:hover {
			color: #A3C1D6;
		}
    .navA.icon {
      display: none;
      /*width: auto;
      margin-left: auto;
      border-left: 1px solid #496b76;
      border-right: none;
      padding: 0 10px; */
    }
    .dropdown {
			position: relative;
    }
		.dropdown-content {
      display: none;
      position: absolute;
      left: -12.6em;
      top: 2em;
			background-color: #A3C1D6;
			width: auto;
			z-index: 1;
      height:auto;
		}
		.navB {
      padding: 0 1em;
			border: 1px solid black;
      height: 2em;
      min-width: 10.5em;
			text-align: center;
			align-content: center;
      color: black;
      display: grid;
      align-items: center;
      font-weight: normal;
      justify-content: center;
      text-decoration: none;
    }
    .navB:hover {
      background-color: #3e6db1;
			color: #A3C1D6;
      font-weight: bold;
      text-decoration: none;
    }
    .navB:visited {
			color: black;
		}
		.navB:visited:hover {
			color: #A3C1D6;
		}
    #expandMenu {
      display: none;
      width: 100%;
      grid-template-columns: 1fr 1fr;
    }
    .navC {
			display: none;
			height: 2em;
      text-align: center;
      text-decoration: none;
			color: black;
      background-color: #A3C1D6;
      /* new addition */
      font-weight: normal; 
    }
    .navC:hover {
      background-color: #3e6db1;
      color: #A3C1D6;
      font-weight: bold;
      text-decoration: none;
    }
    .navC:visited {
			color: black;
		}
		.navC:visited:hover {
			color: #A3C1D6;
		}
    .show {
      display:block;
    }
    .main {
      height: 10em;
    }
    .footer {
      height: 2.5em;
      background-color: #ddd;
      display: flex;
			flex-direction: row;
			align-items: center;
      justify-content: center;
    }
    @media screen and (max-width: 950px) {
      
      /* .navA:first-child {display:none;} */
      .navA.dropbtn {display: flex;}
      .navA:nth-child(6) {display:none;}
      .navA:nth-child(7) {display:none;}
      .navA:nth-child(5) {display:none;}
      .navA.icon {display: grid;}
      
      #navBar.responsive .navA {display:none;}
      #navBar.responsive {display: block;}
      #navBar.responsive .icon {
        display: grid;
        grid-column: 1/3;
        margin: 0;
        border:none;
      }
      #navBar.responsive #expandMenu {
        display:grid;
      }
      .navC {
        display:grid;
      }
    }
    @media screen and (max-width: 650px) {
      /* .navA:nth-child(1) {display:none;} */
      .navA:nth-child(4) {display:none;}
      .navA:nth-child(8) {display:none;}
      .navA:nth-child(3) {display:none;}
    }
		#content {
      flex: 1;
			display: flex;
			flex-direction: column;
      background-color: #90a6ba;
		}
		h1 {
			text-align: center;
			font-family: sans-serif;
			font-size: 1.6rem;
		}
		h2 {
			text-align: center;	
			font-size: 1.3rem;
		}
		h3 {
			font-size: 1.3rem;
		}
		h4 {
			text-align: center;
		}
		#contentWrapper a {
      /* color: #4c71e8; */
      /* color: #020a99; */
			text-decoration: none;
    }
    #contentWrapper a:hover {
      text-decoration: underline;
    }
    a {
      color: #020a99;
      font-weight: 600;
      text-decoration: none;
    }
		a:visited {
			text-decoration: none;
		}
		a:hover {
      text-decoration: underline;
		}
		table {
      border: none;
      /* max-width: 100%; */
		}
		table td {
			border: none;
		}
		table td {
      /* min-width: 3em; */
		}
		table tr:nth-child(even) {
			background-color: #dedede;
		}
		table tr:nth-child(odd) {
			background-color: #eee;
		}
		table tr:first-child {
			background-color: #60a3bc;
			height: 3em;
			align-content: center;
			margin: 0;
			padding: 0;
		}
		table tr:first-child td {
			border-top-left-radius: .3em;
			border-top-right-radius: .3em;
		}
		table tr:last-child td:first-child {
			border-bottom-left-radius: .3em;
		}
		table tr:last-child td:last-child {
			border-bottom-right-radius: .3em;
    }
    .toBeRemoved {
      background-color: #ddd;
    }
    .loginArea {
			width: 66%;
			text-align: center;
			border-right: solid 1px black;
		}
		.loginArea ul {
			text-align: left;
		}
		.helpOptions {
			width: 33%;
		}
		.helpOptions p {
			text-align: center;
		}
		@media screen and (max-width: 768px) {
			#content {
				display: flex;
				flex-direction: column;
			}
			.loginArea {
				width: 100%;
				border: none;
			}
			.helpOptions {
				width: 100%;
				border-top: solid 1px black;
			}
		}
.loginContent {
  display: flex;
}
.loginSection {
  width: 90%;
  margin: 0 auto;
  background-color: #fff;
}

/* New */
#userArea {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
}
#userArea .downloadArea {
  border-top: 1px solid black;
  align-self: stretch;
  display: flex;
}
#userArea .downloadColumn {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1rem;
}
.downloadColumn:first-child {
  border-right: 1px solid black;
}

.downloadColumn form {
  margin-top: 1rem;
  align-self: stretch;
  width: 100%;
}
.downloadColumn table {
  width: 100%;
}
.downloadColumn td {
  width: 50%;
  text-align: center;
  height: 3em;
}
.downloadColumn table tr:first-child td {
  border-radius: 0;
  background-color: #eee;
}
.downloadColumn table tr:first-child td:first-child {
  border-top-left-radius: 0.3em;
}
.downloadColumn table tr:first-child td:last-child {
  border-top-right-radius: 0.3em;
}
.downloadColumn table tr:last-child td:first-child {
  border-bottom-left-radius: 0.3em;
}
.downloadColumn table tr:last-child td:last-child {
  border-bottom-right-radius: 0.3em;
}

#kdb_content {
  background-color: #fff;
  flex: 1;
  padding: 0 2rem;
  margin: 0 auto;
  width: 90%;
}

#kdb_content table {
  margin: 0 auto;
  border-collapse: collapse;
  width: 90%;
}
#kdb_content table tr {
  border-bottom: 1px solid black;
}
#kdb_content table tr:first-child {
  border:none;
}
#kdb_content table tr td:first-child {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
#kdb_content table tr td:last-child {
  text-align: center;
  border-right: 1px solid black;
}
#kdb_content input:first-child {
  width: 66%;
}