.next-input-small input:placeholder {
  font-size: 14px;
}

.next-input-small input {
  border-radius: 0px;
}

.next-input-small .next-input-control {
  border-radius: 0 0px 0px 0;
}

.next-input-small .next-icon-delete-filling:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}

.next-input-small .next-icon-success:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}

.next-input-small .next-icon-loading:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}

.next-input-medium {
  border-radius: 0px;
}

.next-input-medium input {
  height: 26px;
  line-height: 26px;
  margin: 0;
  padding: 0 8px;
  font-size: 14px;
}

.next-input-medium input:placeholder {
  font-size: 14px;
}

.next-input-medium input {
  border-radius: 0px;
}

.next-input-medium .next-input-control {
  border-radius: 0 0px 0px 0;
}

.next-input-medium .next-icon-delete-filling:before {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}

.next-input-medium .next-icon-success:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}

.next-input-medium .next-icon-loading:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}

.next-input-large {
  border-radius: 0px;
}

.next-input-large input {
  height: 38px;
  line-height: 38px;
  margin: 0;
  padding: 0 8px;
  font-size: 14px;
}

.next-input-large input:placeholder {
  font-size: 14px;
}

.next-input-large input {
  border-radius: 0px;
}

.next-input-large .next-input-control {
  border-radius: 0 0px 0px 0;
}

.next-input-large .next-icon-delete-filling:before {
  width: 20px;
  font-size: 20px;
  line-height: inherit;
}

.next-input-large .next-icon-success:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}

.next-input-large .next-icon-loading:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}

.next-input.error {
  border-color: #FF3333;
}

.next-input.error.focus, .next-input.error:hover {
  border-color: #FF3333;
}

.next-input.disabled {
  color: #CCCCCC;
  border-color: #E6E7EB;
  background-color: #F7F8FA;
  cursor: not-allowed;
}

.next-input.disabled:hover {
  border-color: #E6E7EB;
}

.next-input.disabled .next-input-len {
  color: #CCCCCC;
}

.next-input.disabled .next-input-control {
  background-color: #F7F8FA;
}

.next-input.disabled input:disabled, .next-input.disabled textarea:disabled {
  color: #CCCCCC;
  border-color: #E6E7EB;
  background-color: #F7F8FA;
  cursor: not-allowed;
}

.next-input.disabled input:disabled:hover, .next-input.disabled textarea:disabled:hover {
  border-color: #E6E7EB;
}

.next-input.disabled .next-icon-delete-filling {
  color: #CCCCCC;
}

.next-input.disabled .next-icon-delete-filling:hover {
  color: #CCCCCC;
  cursor: not-allowed;
}

.next-input.hidden {
  display: none;
}

.next-input-control {
  display: table-cell;
  width: 1%;
  vertical-align: middle;
  padding-right: 4px;
  line-height: 100%;
  background-color: #FFFFFF;
}

.next-input-control .next-input-len {
  font-size: 12px;
  line-height: 12px;
  color: #333333;
  padding-right: 4px;
  display: table-cell;
  width: 1%;
}

.next-input-control .next-input-len.error {
  color: #FF3333;
}

.next-input-control .next-icon {
  display: table-cell;
  width: 1%;
  top: 0;
}

.next-input-control .next-icon-success {
  color: #1DC11D;
}

.next-input-control .next-icon-delete-filling {
  color: #CCCCCC;
}

.next-input-control .next-icon-delete-filling:hover {
  color: #999999;
  cursor: pointer;
}

.next-input-group {
  box-sizing: border-box;
  color: #333333;
  font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
  font-size: 14px;
  line-height: 1.28571;
  display: inline-table;
  border-collapse: separate;
  border-spacing: 0;
  width: 240px;
}

.next-input-group *, .next-input-group *:before, .next-input-group *:after {
  box-sizing: border-box;
}

.next-input-group .next-input {
  width: 100%;
  border-radius: 0;
}

.next-input-group.disabled .next-input-addon {
  color: #CCCCCC;
  border-color: #E6E7EB;
  background-color: #F7F8FA;
  cursor: not-allowed;
}

.next-input-group.disabled .next-input-addon:hover {
  border-color: #E6E7EB;
}