/* general form */

::-webkit-input-placeholder {
  color: #ddd !important;
}

::-moz-placeholder {
  color: #bbb !important;
  opacity:1
}

:-ms-input-placeholder {
  color: #ddd !important;
}
:-moz-placeholder {
  color: #ddd !important;
  opacity:1
}


#top .form-hidden {
  position: absolute;
  left: -2000px;
  visibility: hidden !important;
}


/* floating label */

#top .form-row-flabel {
  position: relative;
}

#top .form-row-flabel > label {
  position: absolute;
  left: 17px;
  right: 17px;
  top: 12px;
  width: 200px;
  z-index: 1;

  pointer-events: none;
  user-select: none;

  font-size: 12px;
  font-weight: normal;
  color: #222E48;
  text-align: left;
  line-height: 1.8em;

  white-space: nowrap;
  word-break: break-word;
  overflow-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;

  opacity: 0;
}

#top .form-row-flabel > label abbr {
  display: none;
}

#top .form-row-flabel .input-text,
#top .form-row-flabel input:not([type='checkbox']):not([type='radio']),
#top .form-row-flabel textarea {
  padding-top: 16px;
  padding-bottom: 4px;
}

#top .form-row-flabel .select2-selection__placeholder {
 line-height: 46px !important;
}

#top .form-row-flabel input:placeholder-shown {
  padding: 10px 16px !important;
}


#top .form-row-flabel--visible > label {
  transition: top 0.2s ease-in, opacity 0.2s ease;
}

#top .form-row-flabel--visible .input-text,
#top .form-row-flabel--visible input:not([type='checkbox']):not([type='radio']),
#top .form-row-flabel--visible textarea,
#top .form-row-flabel--visible .select2-selection__rendered {
  transition: padding 0.2s ease;
}

#top .form-row-flabel--show > label {
  top: 6px;
  opacity: 0.66;
}

/* hack para authoriza */
#top .form-row-flabel--show label[for='wc-authorize-net-cim-credit-card-account-number'],
#top .form-row-flabel--show label[for='wc-authorize-net-cim-credit-card-expiry'],
#top .form-row-flabel--show label[for='wc-authorize-net-cim-credit-card-csc'] {
  top: 2px;
}

#top .form-row-flabel--show .input-text,
#top .form-row-flabel--show input:not([type='checkbox']):not([type='radio']),
#top .form-row-flabel--show textarea,
#top .form-row-flabel--show .select2-selection__rendered  {
  padding-top: 16px !important;
  padding-bottom: 4px !important;
}