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

.step-design
{
  background-color:var(--main-bg-color);
  box-shadow:6px 6px 6px var(--signup-step-design-box-shadow-color);
  padding:18px;
  margin-bottom:30px!important;
}

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

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

li.security_answer .hide
{
  display:none;
}

<!-- crazy nice label -->
#error_email_address,#error_phone_number
{
  width:170px;
  right:-170px;
}

.arrow_box
{
  background:var(--signup-arrow-box-bg-color);
  border:1px inset var(--thin-border-color);
  border-radius:3px;
  padding:6px 9px;
}

.arrow_box:after,.arrow_box:before
{
  border:solid transparent;
  content:" ";
  height:0;
  width:0;
  position:absolute;
  pointer-events:none;
}

.arrow_box:after
{
  border-color:var(--signup-arrow-box-after-regular-border-color);
  border-width:9px;
}

.arrow_box:before
{
  border-color:var(--signup-arrow-box-before-regular-border-color);
  border-width:10px;
}

#direct_signup .error_message
{
  font-size:.8em;
  position:absolute;
  right:-140px;
  width:140px;
  top:0;
  background:var(--signup-error-message-bg-color);
}

@media screen and (min-width:40em) {
  .arrow_box:after,.arrow_box:before
  {
    right:100%;
    top:50%;
  }
  
  .arrow_box:after
  {
    border-right-color:var(--signup-arrow-box-bg-color);
    margin-top:-9px;
  }
  
  .arrow_box:before
  {
    border-right-color:var(--signup-arrow-box-before-border-color);
    margin-top:-10px;
  }
}

@media screen and (max-width:39.9375em) {
  .error_message
  {
    display:inline-block;
    position:relative;
    left:0;
    width:100%;
  }
  
  .arrow_box:after,.arrow_box:before
  {
    bottom:100%;
    left:50%;
  }
  
  .arrow_box:after
  {
    border-bottom-color:var(--signup-arrow-box-bg-color);
    margin-left:42.5%;
  }
  
  .arrow_box:before
  {
    border-bottom-color:var(--signup-arrow-box-before-border-color);
    margin-left:42%;
  }
}

.short.warning
{
  top:9px;
  right:12px;
}

.security-answer-list
{
  display:none;
}

.security-answer-list li.selected_answer
{
  border:5px solid var(--signup-security-answer-list-selected-border-color);
  border-radius:100%;
}

.back_to_step
{
  background-color:var(--signup-back-to-step-bg-color);
}

.back_to_step:hover
{
  background-color:var(--hover-signup-back-to-step-bg-color)!important;
}

.flp .select2-selection__rendered,.select2-results__option
{
  color:var(--signup-field-and-select2-color);
  background-color:var(--signup-field-and-select2-bg-color);
}

.flp .select2-results__option:hover
{
  color:var(--signup-select2-hover-color);
  background-color:var(--signup-select2-hover-bg-color);
}

.flp .select2-container--default .select2-selection--single .select2-selection__rendered
{
  color:var(--signup-field-and-select2-color);
  background-color:var(--signup-field-and-select2-bg-color);
}

.flp .select2-container .select2-selection--single
{
  height:31px!important;
}

.button-row .button.tiny
{
  padding:12px 3px;
}

.button-row .columns
{
  padding:0;
}

.box li.security_answer
{
  border:5px solid transparent;
  border-radius:100%;
}

#error_email_address .button,#error_phone_number .button
{
  font-size:12px;
  padding:3px;
}

.button>.fa
{
  font-size:inherit;
}

#btn_step1
{
  margin-bottom:0;
}

.signup-buttons > div
{
  margin-bottom:6px;
}

#error_email_address,#error_phone_number
{
  width:170px;
  right:-170px;
}

.select2-container
{
  line-height:29px; 
  border:1px solid var(--signup-field-and-select2-border-color); 
  background-color:var(--signup-field-and-select2-bg-color);
}

#create_account i 
{ 
  display:none; 
}

#create_account.loading i 
{ 
  display:inline-block; 
}

#create_account.disabled 
{ 
  background:var(--signup-disable-bg-color);
}