input[type=text], .ne-form-ui, input[type=email], input[type=password], input[type=number], input[type=search], textarea, select, input[type=tel] {
  font-size: 16px;
  padding: 10px 30px 12px 10px;
  outline: none;
  border-top: 1px solid rgb(255, 255, 255);
  border-left: 1px solid rgba(100, 100, 100, 0.21);
  border-right: 1px solid rgba(100, 100, 100, 0.2);
  border-bottom: 1px solid rgba(100, 100, 100, 0.28);
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #f9f9f9;
  transition: all 0.2s ease-in-out;
  width: 100%;
  box-shadow: none;
  cursor: pointer;
}

input:focus, textarea:focus, input:hover, textarea:hover, .ne-form-ui:hover {
  background-color: #fff;
  transition: all 0s ease-in-out;
}

.ne-form {
  position: relative;
  margin: 0 0 10px;
  display: block;
}

.ne-form h4 {
  font-size: 12px;
  margin: 10px 0px 4px;
  padding: 0;
}

.ne-form label.radio {
  position: unset;
  width: 80px;
  font-size: 14px;
}

.ne-form label.radio span {
  margin-left: 10px;
}

.ne-form select + label,
.ne-form label {
  position: absolute;
  font-size: 8px;
  top: 4px;
  right: 4px;
  color: rgb(55, 55, 55);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 400;
}

.ne-form.task select {
  margin-bottom: 10px;
}

.ne-form input.error + label {
  background: #fff;
  z-index: 4;
}

.ne-form.ne-checkbox-list label {
  display: block;
  position: unset;
  margin: 5px auto;
}

.ne-form.ne-checkbox-list {
  height: auto !important;
}

#userrolefrm .ne-form {
  position: absolute;
  top: 40px;
  left: 50%;
  width: 180px;
  margin-left: -90px;
}

#settingfrm .ne-form { width: 150px; }
#setting_user .ne-form { width: 200px; }
