/*
form {
  float: left;
}
*/

form {
  margin:0;
  padding:0;
}

form > div {
  position: relative;
  overflow: hidden;
}

form input[type=text],
form input[type=password],
form select,
form textarea {
  width: 100%;
  background: white;
  color: black;
  border: 3px solid white;
  font-size: 14px;
  line-height: 16px;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
/*  padding: 32px 15px 12px 12px;*/
  height: 60px;
  outline: 0;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    /* nur SM ohne XS*/
    form input[type=text],
    form input[type=password],
    form select,
    form textarea {
      font-size: 13px;
      line-height: 15px;
      top: 0;
    }
}

form.floatlabels input[type=text],
form.floatlabels input[type=password],
form.floatlabels textarea {
  padding: 32px 0 12px 12px;
}

form.floatlabels select {
  padding: 20px 0 0 9px;
}


form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

form input[type=text]:valid,
form input[type=password]:valid,
form input[type=text].valid,
form input[type=password].valid,
form select:valid,
form select.valid,
form textarea:valid {
  background: white;
}

form input[type=text]:focus,
form input[type=password]:focus,
form select:focus,
form textarea:focus {
  border: 3px solid #7ed321;
}

form.floatlabels .textareaLabel {
  font-size: 14px;
}

form input[type=text]:focus + label,
form input[type=password]:focus + label,
form select:focus + .dropdownLabel,
form textarea:focus + .textareaLabel,
form textarea:focus + label {
  color: black;
  font-size: 12px;
  padding: 13px 0 0 20px;
  z-index: 2;
  pointer-events: none;
}

form select:focus + .dropdownLabel {
  pointer-events: none;
}


form input[type=text]:valid + label,
form input[type=password]:valid + label,
form input[type=text].valid + label,
form input[type=password].valid + label,
form input[type=text].datetimepicked + label,
form input[type=password].datetimepicked + label,
form select:valid + .dropdownLabel,
form select.valid + .dropdownLabel,
form textarea:valid + .textareaLabel,
form textarea.valid + .textareaLabel,
form textarea:valid + label,
form textarea.valid + label {
  color: rgba(0,0,0,.4);
  padding: 13px 0 0 20px;
  font-size: 12px;
}

form label, form .dropdownLabel {
  position: absolute;
  color: rgba(0, 0, 0, .4);
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  padding: 22px 0 22px 20px;
  z-index: 2;
  pointer-events: none;
}

form .dropdownLabel {
  pointer-events: none;
}

form textarea {
  display: block;
  resize: vertical;
}

form.floatlabels label {
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}

form.floatlabels .dropdownLabel {
  top: 0;
  bottom: 0;
  left: 0;
}

form.floatlabels input[type=text]:focus,
form.floatlabels input[type=password]:focus,
form.floatlabels textarea:focus {
  padding: 32px 0 12px 12px;
}

form.floatlabels select:focus {
  padding: 20px 0 0 9px;
}

form.floatlabels input[type=text]:focus + label,
form.floatlabels input[type=password]:focus + label,
form.floatlabels select:focus + .dropdownLabel,
form.floatlabels textarea:focus + label {
  bottom: 100%;
  margin-bottom: -16px;
}

/*
input[type=radio] + label,
input[type=checkbox] + label {
  transition: none;
  position: relative;
  color: #FFFFFF;
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-weight: normal;
  margin-top: 7px;
}

input[type=radio],
input[type=checkbox] {
}
*/


form input[type=text]:disabled,
form input[type=password]:disabled,
form select:disabled,
form textarea:disabled {
  background-color: #cccccc;
  border: 3px solid #cccccc;
}