
form.jqtransformdone div.rowElem {
  clear: both;
  padding: 4px 0;
}

/* -------------
* Selects
* ------------- */
.jqTransformSelectWrapper {
  display: block;
  width: 100% !important;
  position: relative;
  height: 58px;
  text-align: left;
}
.jqTransformSelectWrapper > div { width: 100% !important; height: 58px !important; background: #fff; border: 1px solid #fff; }
.jqTransformSelectWrapper > div.wpcf7-not-valid { border-color: #f00; }
.jqTransformSelectWrapper > div span { display: block; padding: 0px 40px 0 20px; color: #000; font-family: 'AvenirNextMedium'; font-size: 16px; line-height: 56px; cursor: pointer; }

.jqTransformSelectWrapper li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
  display: block;
  position: absolute;
  right: 0;
  top: 0px;
  width: 30px;
  height: 100%;
  background:  url(../images/select.png) center left no-repeat; background-size: 12px auto;
}

.jqTransformSelectWrapper ul {
  position: absolute;
  width: 100% !important;
  left: 0;
  top: 100% !important;
  bottom: auto !important;
  list-style: none;
  background-color: #FFF;
  border: 0;
  display: none;
  margin: 0;
  padding: 0;
  height: 320px;
  overflow: auto;
  overflow-y: auto;
  z-index: 10;
}

.jqTransformSelectWrapper ul a {
  display: block;
  padding: 8px 20px;
  text-decoration: none;
  color: #595a5c;
  background-color: #FFF;
  font-size: 16px;
  font-family: 'AvenirNextMedium';
  line-height: 20px;
}

.jqTransformSelectWrapper ul a.selected {
  background: #e9ebec;
  color: #595c5a;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
  background: #e9ebec;
  color: #595c5a;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {
  display: none;
}
