input[type=text],
input[type=number],
input[type=password],
textarea {
  border-bottom: 0.0925em solid #a0bba0;
  width: 100%;
  background: none;
}
input[type=text] + div.el-notif-req,
input[type=number] + div.el-notif-req,
input[type=password] + div.el-notif-req,
textarea + div.el-notif-req {
  position: absolute;
  right: 0;
  bottom: 0;
}

input[type=text]:focus,
input[type=number]:focus,
input[type=password]:focus,
textarea:focus {
  border-color: #f8af11;
}

input[type=text]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
textarea::placeholder {
  color: #a0bba0;
}

div.el-field-ac,
div.el-field-acmult {
  position: relative;
  display: inline-block;
}
div.el-field-ac > input[type=text],
div.el-field-acmult > input[type=text] {
  width: 8rem;
}
div.el-field-ac > div.el-field-ac-val,
div.el-field-acmult > div.el-field-ac-val {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 0.5rem;
  padding-top: 0.25em;
  padding-left: 0.5em;
  padding-right: 1.40625em;
  padding-bottom: 0.25em;
  color: #6aa67d;
  background: #e9f3ec;
}
div.el-field-ac > div.el-field-ac-val > img,
div.el-field-acmult > div.el-field-ac-val > img {
  /* NOTE: Changed ::after to img */
  position: absolute;
  right: 0;
  width: 1.15625em;
  height: 1.15625em;
  content: "";
  background-image: url("/static/img/ic_close_tab.svg");
  background-size: contain;
  cursor: pointer;
}
div.el-field-ac > div.el-field-ac-sug,
div.el-field-acmult > div.el-field-ac-sug {
  display: none;
  position: absolute;
  top: 100%;
  margin-left: -8rem;
  width: 11.2rem;
  max-height: 7.2rem;
  background: #ffffff;
  overflow-y: auto;
  z-index: 1;
}
div.el-field-ac > div.el-field-ac-sug > ul,
div.el-field-acmult > div.el-field-ac-sug > ul {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-type: none;
}
div.el-field-ac > div.el-field-ac-sug > ul > li.el-field-ac-nr,
div.el-field-acmult > div.el-field-ac-sug > ul > li.el-field-ac-nr {
  display: none;
  padding: 0.5rem 1.25rem;
  color: #a0a0a8;
  font-size: 0.8rem;
  font-style: italic;
}
div.el-field-ac > div.el-field-ac-sug > ul > li.el-field-ac-add > img.el-icon,
div.el-field-acmult > div.el-field-ac-sug > ul > li.el-field-ac-add > img.el-icon {
  display: inline-block;
  vertical-align: middle;
  width: 1.15625em;
  height: 1.15625em;
}
div.el-field-ac > div.el-field-ac-sug > ul > li.el-field-ac-add > span,
div.el-field-acmult > div.el-field-ac-sug > ul > li.el-field-ac-add > span {
  font-family: Muli, sans-serif;
  font-size: 0.8rem;
}
div.el-field-ac > div.el-field-ac-sug > ul > li.el-field-ac-nr:last-child,
div.el-field-acmult > div.el-field-ac-sug > ul > li.el-field-ac-nr:last-child {
  display: block;
}
div.el-field-ac > div.el-field-ac-sug > ul > li:not(.el-field-ac-nr),
div.el-field-acmult > div.el-field-ac-sug > ul > li:not(.el-field-ac-nr) {
  padding: 0.25rem 0.5rem;
}
div.el-field-ac > div.el-field-ac-sug > ul > li:not(.el-field-ac-nr):hover,
div.el-field-acmult > div.el-field-ac-sug > ul > li:not(.el-field-ac-nr):hover {
  background: #fcf4e2;
  cursor: pointer;
}
div.el-field-ac > div.el-field-ac-sug > ul > li:not(.el-field-ac-nr):active,
div.el-field-acmult > div.el-field-ac-sug > ul > li:not(.el-field-ac-nr):active {
  color: #f8af11;
}
div.el-field-ac > div.el-field-ac-sug > ul .el-notif-loading,
div.el-field-acmult > div.el-field-ac-sug > ul .el-notif-loading {
  padding: 0 0.5rem;
  height: calc(1.125rem + 1rem);
  text-align: center;
}
div.el-field-ac > div.el-field-ac-sug > ul .el-notif-loading > div,
div.el-field-acmult > div.el-field-ac-sug > ul .el-notif-loading > div {
  display: inline-block;
  vertical-align: bottom;
}
div.el-field-ac > div.el-field-ac-sug > ul .el-notif-loading > div:first-child,
div.el-field-acmult > div.el-field-ac-sug > ul .el-notif-loading > div:first-child {
  width: 0;
  height: 100%;
}
div.el-field-ac > div.el-field-ac-sug > ul .el-notif-loading > div.el-icon-dot-1,
div.el-field-ac > div.el-field-ac-sug > ul .el-notif-loading > div.el-icon-dot-2,
div.el-field-ac > div.el-field-ac-sug > ul .el-notif-loading > div.el-icon-dot-3,
div.el-field-acmult > div.el-field-ac-sug > ul .el-notif-loading > div.el-icon-dot-1,
div.el-field-acmult > div.el-field-ac-sug > ul .el-notif-loading > div.el-icon-dot-2,
div.el-field-acmult > div.el-field-ac-sug > ul .el-notif-loading > div.el-icon-dot-3 {
  margin: 0 0.05em 0.5rem;
  border-radius: 0.1875rem;
  width: 0.375rem;
  height: 0.375rem;
  background: #a0bba0;
  animation: anim-hop 0.9s ease infinite;
}
div.el-field-ac > div.el-field-ac-sug > ul .el-notif-loading > div.el-icon-dot-2,
div.el-field-acmult > div.el-field-ac-sug > ul .el-notif-loading > div.el-icon-dot-2 {
  animation-delay: 0.15s;
}
div.el-field-ac > div.el-field-ac-sug > ul .el-notif-loading > div.el-icon-dot-3,
div.el-field-acmult > div.el-field-ac-sug > ul .el-notif-loading > div.el-icon-dot-3 {
  animation-delay: 0.3s;
}
@keyframes anim-hop {
  25%, 75% {
    margin-bottom: 0.875rem;
    height: 0.375rem;
    background: #a0bba0;
  }
  50% {
    margin-bottom: 0.5rem;
    height: 1.125rem;
    background: #f6b934;
  }
}
div.el-field-ac > div.el-field-ac-sug.el-active,
div.el-field-acmult > div.el-field-ac-sug.el-active {
  display: inline-block;
}

div.el-field-ac > div.el-field-ac-val + input[type=text] {
  display: none;
}
