input {
  font-family: "Noto Sans", "Verdana", sans-serif;
}
#main .grid {
  display: grid;
  grid-template-columns: minmax(75px, 125px) auto;
}
#main .grid > .rightcolumn {
  margin-top: 5px;
  align-self: end;
  margin-bottom: 5px;
  display: flex;
}
#main .grid .rightcolumn > input  {
  display: block;
  box-sizing: border-box;
  width: 300px;
  padding: 3px 8px;
  font-size: 12pt;
  border: 1px solid #b8c9be;
  border-radius: 8px;
}
#main .grid .rightcolumn > input:focus {
  border-color: #006633;
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 102, 51, 0.15);
}
#main .grid .rightcolumn input#remember {
  margin-top: 7px;
  width: initial;
}

#main .grid > label {
  display: block;
  margin-top: 5px;
  text-align: right;
  width: calc(100% - 20px);
  padding-right: 20px;
}

#main .grid #uploadparent  {
  min-height: 300px;
}
#main .grid #textparent {
  min-height: 200px;
}

#main .submission button {
  padding: 4px 14px;
  border: 1px solid #006633;
  border-radius: 6px;
  background-color: #FFFFFF;
  color: #006633;
  font: bold 11pt "Noto Sans", "Verdana", sans-serif;
  margin-right: 5px;
  cursor: pointer;
}
#main .submission button:hover {
  background-color: #006633;
  color: #FFFFFF;
}
#main .grid #hidden {
  display: block;
  margin: 5px 0;
  width: initial;
}

#main .grid .textarea {
  width: inherit;
}

#main .grid textarea.submission {
  margin-top: 10px;
  border: 1px solid #b8c9be;
  border-radius: 8px;
  font-size: 12pt;  
}

div.note {
  display: block;
  text-align: justify;
  font-size: 10.5pt;
  margin-bottom: 10px;
}
.textarea div.note {
}

.in-note {
  text-align: justify;
  font-size: 12pt;
  margin-top: 5px;
  margin-bottom: 5px;
}
.remove img {
  padding: 5px;
  padding-left: 10px;
  float: right;
}

#main .tabs {
  display: flex;
  flex-direction: column;
  padding-top: 10px;
}

#main .tab,
#main .counter {
  display: block;
  margin-bottom: 5px;
  margin-top: 5px;
  text-align: right;
  padding-right: 20px;
}
#main .tab {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
  background-color: #006633;
  color: white;
  cursor: pointer;
  border-radius: 8px 0 0 8px;
}
/* WordCount */
#main .counter {
  font-size: 11pt;
}

#uploadparent {
  height: 200px;
  border: 1px solid #b8c9be;
  border-radius: 8px;
  margin-bottom: 10px;
}
#uploadparent>div {
  padding: 10px;
}

.yes {
  font-weight: bold;
}
.no {
  color: red;
}

.required {
  display: inline-flex;
  align-self: center;
  color: red;
}

ul.error-box {
  border: 1px solid #cc0000;
  border-radius: 8px;
  background-color: #fff5f5;
  padding: 10px 30px;
}
fieldset.mi_group_prevacct ul.error-box {
  border: 0;
  margin: 0;
  padding: 4px 0 0 6px;
  color: red;
}
ul.error-box li {
  margin: 4px 15px;
  font-weight: bold;
}

#main .grid div.g-recaptcha {
  grid-column: 2;
  margin: 5px 0;
}
#captcha #recaptcha_image {
  margin-left: 120px;
  border: 1px solid #b8c9be;
  border-radius: 8px;
}
#captcha .icons {
  position:relative;
  top:0.6em;
}