div.el-hdr-brand {
  cursor: pointer;
}

/************ styles based on pre-signin.css ***************/

div.el-panel-body {
  height: 100%;
}
div.el-panel-body  div.el-panel > div.first-child {
  margin-top: 6.25rem;
}
div.el-panel-body  div.el-panel {
  display: block;
  margin: 0 auto 1.25rem;
  padding: 2.5rem 2.5rem 1.25rem;
  width: 60%;
  text-align: center;
}
div.el-panel-body div.el-panel > * {
  text-align: left;
}
div.el-panel-body  div.el-panel > form > h2 {
  color: #6aa67d;
  margin: 2.5rem 0 1.25rem;
}
div.el-panel-body  div.el-panel > form > h3 {
  color: #92bea0;
  margin: 1.25rem 0 0.5rem;
}
div.el-panel-body  div.el-panel > form > h2:first-child,
div.el-panel-body  div.el-panel > form > h3:first-child {
  margin-top: 0;
}
div.el-panel-body  div.el-panel > form > div:last-child {
  display: flex;
  justify-content: center;
}
div.el-panel-body  div.el-panel > form > div:last-child >  button {
  margin-top: 1.25rem;
  font-size: 1.2rem;

}

/************ styles based on reg.css ***************/

table td > input[type=tel],
table td > input[type=email] {
  width: calc(100% - 1.25rem);
}
table td > div.el-field-acmult input[type=tel],
  table td > div.el-field-acmult input[type=email] {
  width: 50%;
}

div#id_captcha + div.el-notif-req {
  margin-top: 0.25rem;
}

input[type=text] + div.el-notif-req,
input[type=number] + div.el-notif-req,
input[type=password] + div.el-notif-req,
input[type=tel] + div.el-notif-req,
input[type=email] + div.el-notif-req,
textarea + div.el-notif-req,
select + div.el-notif-req,
#id_captcha + div.el-notif-req,
.el-field-ac > div.el-notif-req {
  /* Right margin is set based  on the input width margin and length of error text.
     If 8rem, it will overlap with input[type=number] controls.
     input width in reg.css is (100%-8rem) */
  right: 4rem;
  line-height: 1.905em; /* Same as input height in forms.css */
  color: #cf9381; /* Same color in edit.css */
  margin-bottom: 0.49875em; /* Same in edit.css */
  font-size: 0.8rem; /* From reg.css */
}

input[type=text] + div.el-notif-req > *,
input[type=number] + div.el-notif-req > *,
input[type=password] + div.el-notif-req > *,
input[type=tel] + div.el-notif-req > *,
input[type=email] + div.el-notif-req > *,
textarea + div.el-notif-req > * {
  display: inline;
  vertical-align: middle
}

input[type=text] + div.el-notif-req > div.el-icon,
input[type=number] + div.el-notif-req > div.el-icon,
input[type=password] + div.el-notif-req > div.el-icon,
input[type=tel] + div.el-notif-req > div.el-icon,
input[type=email] + div.el-notif-req > div.el-icon {
  width: 1.15625em;
  height: 1.15625em;
  /*background: url("/static/img/ic_warn-x.svg") center/contain; */
}

#panel-body table:last-of-type {
  margin-top: 1.5rem;
}

/**************** styles from theme.css ****************/

input[type="email"],
input[type="tel"] {
  resize: none;
  color: #44444a;
  font-family: inherit;
}

/**************** custom styles for Terms and Conditions link ****************/
a {
  color: #6aa67d;
}
.col-agree div.el-notif-req {
  /* Right margin is set based  on the input width margin and length of error text.
     If 8rem, it will overlap with input[type=number] controls.
     input width in reg.css is (100%-8rem) */
  margin-right: 4rem;
  line-height: 1.905em; /* Same as input height in forms.css */
  color: #cf9381; /* Same color in edit.css */
  margin-bottom: 0.49875em; /* Same in edit.css */
  font-size: 0.8rem; /* From reg.css */
  text-align: right;
}