.iti * {
  box-sizing: border-box;
}



.iti input,
.iti .button {
  height: 35px;
  margin: 0;
  padding: 6px 12px;
  font-family: inherit;
  font-size: 100%;
  color: inherit;
}

input {
  width: 100%;
  border: 1px solid #ced4da;
}

.iti input::placeholder {
  color: #bbb;
}

.iti .button {
  color: #fff;
  background-color: #428bca;
  margin-left: 5px;
}
.iti .button:hover {
  background-color: #3276b1;
  cursor: pointer;
}

.iti .notice {
  margin-top: 15px;
}


.iti #error-msg {
  color: red;
}

.iti #valid-msg {
  color: #00c900;
}

.iti input.error {
  border: 1px solid #ff7c7c;
}

.hide {
  display: none;
}

.iti{
  width: 100%;
}