@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
body,
html {
  margin: 0;
  height: 100%;
  padding: 0;
  overflow: scroll;
}
body {
  background: #dcddde;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
  font-size: 17px;
  line-height: 24px;
  color: #516067;
}
strong {
  color: #404e54;
  font-weight: 500;
}
a,
a:active,
a:visited,
a:hover {
  color: #508c95;
  text-decoration: none;
}
a:active {
  color: #407077;
}
.wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-overflow-scrolling: touch;
  min-height: 100%;
}
#header {
  height: 42px;
  line-height: 42px;
  padding-left: 14px;
  letter-spacing: 1.5px;
  background: #a7534b;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#subHeader {
  background: #c9cacb;
  height: 42px;
  line-height: 42px;
  padding-left: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 500;
}
#content {
  line-height: 24px;
}
#content.padded {
  padding: 9px 14px;
}
#copyright {
  margin-top: auto;
  width: 100%;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #b6b8ba;
  padding-left: 14px;
  line-height: 42px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
}
#copyright .link {
  float: right;
  padding-right: 14px;
}
#copyright a,
#copyright a:hover,
#copyright a:visited {
  color: #b6b8ba !important;
  text-decoration: none;
  cursor: pointer;
}
#copyright a:active {
  color: #4ba781 !important;
}
textarea {
  background: #fff;
  padding: 9px 14px;
  line-height: 22px;
  width: calc(100% - 28px);
  resize: none;
  height: 200px;
}
textarea:focus {
  background: #fff !important;
}
input[type="submit"] {
  color: #4ba781;
  font-weight: 600;
  float: right;
  line-height: 42px;
}
