#direct_signup
{
  background-color:var(--flipform-direct-signup-bg-color);
}

input.reg-form-field
{
  border-radius:1px;
  border:2px solid var(--flipform-input-border-color);
  background-color:var(--flipform-input-bg-color);
  color:var(--flipform-input-color);
  font-size:1.1em;
}

.security-answer-list li
{
  display:inline-block;
  border-radius:100%;
  border:5px solid var(--flipform-security-answer-list-border-color);
}

li.security_answer .hide
{
  display:none;
}

<!-- crazy nice label -->
.box
{
  position:relative;
  margin:auto;
  top:40px;
  width:500px;
  left:0;
  z-index:200;
  right:0;
  color:var(--flipform-box-color);
  border-radius:3px;
  background:var(--flipform-box-bg-color);
  margin-bottom:100px;
  box-shadow:0 10px 20px var(--flipform-box-box-shadow-color), 0 6px 6px var(--flipform-box-box-shadow-color);
  overflow:hidden;
}

.flp
{
  padding:0 9px;
}

.flp div
{
  position:relative;
  margin-bottom:10px;
}

.flp input
{
  background-color:var(--flipform-input-bg-color);
}

.flp input,.flp label
{
/* width: 400px; */
  display:block;
  font:inherit;
  font-size:18px;
  line-height:29px;
  height:50px;
  border:1px solid var(--flipform-input-border-color);
}

.inserted_link
{
  background-color:var(--flipform-inserted-link-and-native-activity-bg-color);
  font-weight:700;
  text-decoration:none;
  padding-bottom:3px;
  border-bottom:1px solid var(--flipform-inserted-link-color);
  color:var(--flipform-inserted-link-color);
}

.flp select
{
  font:inherit;
  font-size:18px;
  line-height:29px;
  height:50px;
  border:1px solid var(--flipform-input-border-color);
  color:var(--flipform-input-color);
  padding:10px;
  outline:none;
  border-radius:1px;
  background-color:var(--flipform-input-bg-color);
}

.flp select option
{
  color:var(--flipform-input-color);
  background-color:var(--flipform-input-bg-color);
}

.flp select option:hover
{
  color:var(--text-inverse-color);
  background-color:var(--flipform-input-color);
}

.flp input
{
  padding:10px 10px 3px 36px;
  outline:none;
  border-radius:1px;
/* padding-left:36px; */
}

.flp label
{
  position:absolute;
  left:0;
/* top: 42px; in js change label's padding */
  top:0;
  padding:10px 0 10px 33px;
  border-color:transparent;
  color:var(--flipform-input-color);
  cursor:text;
}

.ch
{
  display:block;
  float:left;
  position:relative;
}

.ch:first-child
{
  padding-left:2px;
}

.ch:last-child
{
  padding-right:2px;
}

.focussed
{
  pointer-events:none;
}

.flp h2
{
  color:var(--flipform-flp-heading-color);
  font-size:48px;
}

.flp h3
{
  color:var(--flipform-flp-heading-color);
  font-size:32px;
}

.flp h4
{
  color:var(--flipform-flp-heading-color);
  font-size:18px;
}

.input_box
{
  position:relative;
}

.text_input
{
  padding-left:30px;
}

.input_img
{
  position:absolute;
  top:10px;
  left:6px;
  height:20px;
  color:var(--flipform-input-color);
}

.warning
{
  position:absolute;
  top:19px;
  right:6px;
  height:15px;
  color:var(--flipform-warning-color);
  display:none;
}

.flp .hide_button
{
  position:absolute;
  right:33px;
  bottom:12px;
  color:var(--text-inverse-color);
  margin:0;
  font-size:18px!important;
  padding:3px 9px;
}

.flp .button
{
  font-size:22px;
}