input, select, textarea {
  font-size: 100%;
  }

.form {
  max-width: 300px; 
  }

.formdivu {
  position: relative;
  background-size: 300px;
  background: white;
  border-bottom: 1px #ccc;
}

.formdivp {
  position: relative;
  background-size: 300px;
  background: white;
  border-bottom: 1px #ccc;
}

.divlabel {
  opacity: 1;
  font-size: 15px;
  font-weight: normal;
  position: absolute;
  left: 30px;
  top: 10px;
}

/*  --- New Part --- */
.input-text-box {
  height: 40px;
  width: 300px;
  font-size: 20px;
  border: 1px;
  background: white;
}

.input-text-box:focus {
  outline: 0;
  background: white;
}


.input-text-valid {
  background: url(check.svg);
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: 2px 8px;
}

.input-hide {
  display: none;
}

.field-icon {
  float: right;
  margin-right: 8px;
  margin-top: -33px;
  position: relative;
  z-index: 2;
  cursor:pointer;
}

.input-invalid-background {
  background: pink;
}

.input-alert-info-show {
  max-height: 200px !important;
  padding: 5px 5px 5px 5px;
  text-justify: auto;
}

/* --- OLD PART --- */
.dropdownselect {
  text-align: center; 
  height: 40px;
  width: 300px;
  font-size: 20px;
  border: 1px;
  background: white; 
}
.input-n-p-e { 
  height: 40px;
  width: 300px;
  font-size: 20px;
  border: 1px;
  background: white; 
}

.input-n-p-e:focus {
  outline: 0;
  background: white;
}

.input-n-p-e:focus + label {
  opacity: 0;
}

.input-n-p-e:valid {
  background: url(check.svg);
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: 2px 8px;
}

.input-n-p-e:valid + label {
  opacity: 0;
}

.input-n-p-e:invalid:not(:focus):not(:placeholder-shown) {
  background: pink;
}

.input-n-p-e:invalid:not(:focus):not(:placeholder-shown) + label {
  opacity: 0;
}

.input-n-p-e:invalid:focus:not(:placeholder-shown) ~ .requirements {
  max-height: 200px;
  padding: 5px 5px 5px 5px;
  text-justify: auto;
}

.requirements {
  padding: 0 5px 0 5px;
  color: #999;
  max-height: 0;
  -webkit-transition: 0.28s;
  transition: 0.28s;
  overflow: hidden;
  color: red;
  font-style: italic;
}

form input[type="submit"] {
  display: block;
  width: 100%;
  margin: 20px 0;
  background: #41D873;
  color: white;
  border: 0;
  padding: 20px;
  font-size: 1.2rem;
}