form#ach_form {

    font-family: 'Helvetica Neue', Helvetica, sans-serif;

    font-size: 18px;

    font-variant: normal;

    /*width: 480px;*/

    /*margin: 20px auto;*/

    padding: 20px;

}



#ach_form label {

  height: 35px;

  position: relative;

  color: #8798AB;

  display: block;

  margin-top: 30px;

  margin-bottom: 20px;

}



#ach_form label > span {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  font-weight: 300;

  line-height: 32px;

  color: #8798AB;

  border-bottom: 1px solid #333;

  transition: border-bottom-color 200ms ease-in-out;

  cursor: text;

  pointer-events: none;

}



#ach_form label > span span {

  position: absolute;

  top: 0;

  left: 0;

  transform-origin: 0% 50%;

  transition: transform 200ms ease-in-out;

  cursor: text;

}



#ach_form label .field.is-focused + span span,

#ach_form label .field:not(.is-empty) + span span {

  transform: scale(0.68) translateY(-36px);

  cursor: default;

}



#ach_form label .field.is-focused + span {

  border-bottom-color: #690;

}



#ach_form .field {

  background: transparent;

  font-weight: 300;

  border: 0;

  color: #333;

  outline: none;

  cursor: text;

  display: block;

  width: 100%;

  line-height: 32px;

  padding-bottom: 3px;

  transition: opacity 200ms ease-in-out;

}



#ach_form .field::-webkit-input-placeholder { color: #8898AA; }

#ach_form .field::-moz-placeholder { color: #8898AA; }



/* IE doesn't show placeholders when empty+focused */

#ach_form .field:-ms-input-placeholder { color: #424770; }

#ach_form .select-field {
    opacity: 1 !important;
    border-bottom: 1px solid #333 !important;
    border-radius: 0;
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
    color: #8798AB !important;
}
#ach_form .select-field:focus {
    border: 0 !important;
    border-bottom: 1px solid #690 !important;
}
#ach_form .select-label {
    border-bottom: 0 !important;
}
#ach_form .select-label span {
    transform: scale(0.68) translateY(-36px);
    cursor: default;
}



#ach_form .field.is-empty:not(.is-focused) {

  opacity: 0;

}



#ach_form button {

  float: left;

  display: block;

  background: #669900;

  color: white;

  border-radius: 2px;

  border: 0;

  margin-top: 20px;

  font-size: 19px;

  font-weight: 400;

  width: 100%;

  height: 47px;

  line-height: 45px;

  outline: none;

}



#ach_form button:focus {

  background: #360;

}



#ach_form button:active {

  background: #669900;

}



#ach_form .outcome {

  float: left;

  width: 100%;

  padding-top: 8px;

  min-height: 20px;

  text-align: center;

}



#ach_form .success, #ach_form .error {

  display: none;

  font-size: 15px;

}



#ach_form .success.visible, #ach_form .error.visible {

  display: inline;

}



#ach_form .error {

  color: #E4584C;

}



#ach_form .success {

  color: #34D08C;

}



v.success .token {

  font-weight: 500;

  font-size: 15px;

}



#ach_form label.conditional_field.hidden {

    display: none;

}



#ach_form .notice {

    font-size: 14px;

    padding: 1em;

    border: 1px solid #690;

    box-sizing: border-box;

}



#left-area .content, #ach_form {

    width: 48%;

    display: inline-block;

    box-sizing: border-box;

    vertical-align: top;

    padding: 20px;

}



div#ach_loading {

    padding: 25px;

    width: 300px;

    position: fixed;

    top: 25%;

    top: calc(50% - calc(125px / 2));

    z-index: 0;

    left: 37%;

    left: calc(50% - 150px);

    background-color: #fff;

    border: 1px solid #690;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    text-align: center;

    background-color: #fff;

    z-index: 99999;

}



div#ach_loading.hidden {

    opacity: 0;

    z-index: -9;

}