#header-div {
  text-align: center;
  height: 6vw;
  width: 100%;
}

#header-company-info {
  line-height: 5vw;
}

#header-company-info img {
  width: 5vw;
  vertical-align: middle;
}

#header-company-info span {
  vertical-align: middle;
  font-family: "Times New Roman";
  font-size: 4vw;
  color: #003838;
}

#main-div {
  width: 75vw;
  height: 28vw;
  overflow:hidden;
  text-align: center;
  margin:0.5vw auto;
}

#iis-public-files-div {
  float: left;
  width: 30vw;
  height: 27.6vw;
  margin: 0 auto;
  border: 0.2vw solid black;
  overflow: auto;
}

#iis-public-files-div h1 {
  margin: 0.2vw;
}

#iis-public-files-div p {
  margin: 0.1vw;
}

header nav {
  width: 100%;
  background-color: #003838;
  text-align: center;
}

header nav div span {
  display: inline-block;
  position: relative;
  top: 0.2vw;
  font-size: 2vw;
  color: white;
  margin-right: 5vw;
}

header nav div form {
  display: inline-block;
}

.div-center {
  text-align: center;
  font-family: "Arial";
  font-size: 1vw;
}

.div-half-grey {
  text-align: center;
  font-family: "Arial";
  font-size: 1vw;
  color: white;
  width:40%;
  background-color: #003838;
  margin: 0.5vw;
  border-radius: 0.5vw;
}

.div-reset-password {
  text-align: center;
  font-family: "Arial";
  font-size: 1vw;
  color: white;
  background-color: #003838;
  margin: 0.5vw;
  border-radius: 0.5vw;
  height:15vw;
}

.input-username {
  font-family: "Arial";
  font-size: 1.25vw;
  width:22vw;
  margin: 0.4vw;
}

.input-password {
  font-family: "Arial";
  font-size: 1.25vw;
  width:12vw;
  margin: 0.4vw;
}

.button-login {
  font-family: "Arial";
  font-size: 1.25vw;
  margin: 0.4vw;
  cursor: pointer;
}

.button-reset-request {
  font-family: "Arial";
  font-size: 1.25vw;
  margin: 0.4vw;
  width: 18vw;
  cursor: pointer;
}

.reset-password-link {
  font-family: "Arial";
  font-size: 1.0vw;
  text-decoration: none;
  color:#FFFFFF;
  margin: 0.4vw;
}

.table-of-files {
  width: 100%;
}

.table-of-files th {
  background-color: #003838;
  color: white;
  text-align: left;
  padding-left: 1vw;
  border:1px solid black;
}

.table-of-files th:first-of-type {
  width: 0.4vw;
}

.folder {
  text-align: left;
  cursor: pointer;
}

.folder td img {
  display: block;
  width: 1.5vw;
}

.file {
  text-align: left;
  cursor: pointer;
}

.file td img {
  display: block;
  width: 1.5vw;
}