/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/**
* Transforms a given palette color to the transparent version of it
*/
/* stylelint-disable */
.signupPopup input,
.signupPopup select,
.signupPopup .select-replace {
  color: inherit;
}
.signupPopup input:focus {
  outline: none;
}
.signupPopup .errorField {
  background-color: #fff !important;
  border-color: #ef4232 !important;
}
.signupPopup #signupContainer label {
  font-size: 14px;
  color: #999;
}
.signupPopup #signupContainer.homepage-signup label {
  color: #999;
}
.signupPopup #signupContainer .termsContainer label,
.signupPopup #signupContainer .emails_terms_container label {
  font-size: inherit;
  color: inherit;
}
.signupPopup #signupContainer .genderColumn {
  display: flex;
}
.signupPopup #signupContainer .genderColumn input {
  height: 15px;
  width: 15px;
  margin-right: 4px;
}
.signupPopup #signupContainer .genderColumn label {
  color: inherit;
  font-size: 15px;
  display: flex;
  align-items: baseline;
}
.signupPopup #signupContainer input[type=text],
.signupPopup #signupContainer input[type=password],
.signupPopup #signupContainer select,
.signupPopup #signupContainer .select-replace {
  height: 33px;
  font-size: 16px;
}
.signupPopup #signupContainer input[type=text]:disabled,
.signupPopup #signupContainer input[type=password]:disabled,
.signupPopup #signupContainer select:disabled,
.signupPopup #signupContainer .select-replace:disabled {
  background-color: #f2f2f2;
}
.webkit .signupPopup #signupContainer select {
  margin-top: -3px;
  margin-left: 10px;
}
.signupPopup #signupContainer .select-replace {
  padding-top: 1px;
  padding-left: 6px;
  padding-right: 4px;
  line-height: 33px;
}
.signupPopup #signupContainer select:disabled ~ .select-replace {
  background-color: #f2f2f2;
}
.signupPopup #signupContainer .nameColumn,
.signupPopup #signupContainer .passwordColumn,
.signupPopup #signupContainer .birthAndCountryColumn {
  margin-right: 0;
  float: none;
  clear: both;
}
.signupPopup #signupContainer .birthAndCountryColumn {
  margin-right: 10px;
}
.signupPopup #signupContainer.homepage-signup .birthAndCountryColumn {
  margin-right: 13px;
}
.signupPopup #signupContainer #birth_day_month_row {
  float: right;
}
.signupPopup #signupContainer #birth_day_month_row #birthDayComboboxContainer {
  margin-right: 10px;
}
.signupPopup #signupContainer #birth_day_month_row #birthMonthComboboxContainer {
  margin-right: 0;
}
@media (min-width: 480px) {
  .signupPopup #signupContainer .nameColumn,
.signupPopup #signupContainer .emailColumn,
.signupPopup #signupContainer .passwordColumn,
.signupPopup #signupContainer .birthAndCountryColumn {
    display: inline-block;
    width: auto;
  }
  .signupPopup #signupContainer .passwordColumn {
    margin-top: 0;
    margin-left: 10px;
  }
}
.signupPopup #signupContainer #signupFirstName,
.signupPopup #signupContainer #fatherFirstName,
.signupPopup #signupContainer #motherFirstName {
  margin-right: 10px;
}
.signupPopup #signupContainer select,
.signupPopup #signupContainer #signupEmail,
.signupPopup #signupContainer #signupPassword,
.signupPopup #signupContainer #signupFirstName,
.signupPopup #signupContainer #signupLastName,
.signupPopup #signupContainer #fatherFirstName,
.signupPopup #signupContainer #motherFirstName,
.signupPopup #signupContainer #fatherLastName,
.signupPopup #signupContainer #motherLastName {
  box-sizing: border-box;
  width: 232px;
}
@media (max-width: 480px) {
  .signupPopup #signupContainer select,
.signupPopup #signupContainer #signupEmail,
.signupPopup #signupContainer #signupPassword,
.signupPopup #signupContainer #signupFirstName,
.signupPopup #signupContainer #signupLastName,
.signupPopup #signupContainer #fatherFirstName,
.signupPopup #signupContainer #motherFirstName,
.signupPopup #signupContainer #fatherLastName,
.signupPopup #signupContainer #motherLastName {
    width: 100%;
  }
}
.signupPopup #signupContainer .emailAndPasswordContainer::after,
.signupPopup #signupContainer .birthDateContainer::after {
  content: "";
  display: block;
  clear: both;
}
.signupPopup #signupContainer .parentsSecondColumn,
.signupPopup #signupContainer .parentsFirstColumn {
  display: inline-block;
}
.signupPopup #signupContainer .parentsSecondColumn label,
.signupPopup #signupContainer .parentsFirstColumn label {
  display: block;
  padding-top: 12px;
}
.signupPopup #signupContainer .parentsSecondColumn input,
.signupPopup #signupContainer .parentsFirstColumn input {
  float: none;
}
@media (max-width: 480px) {
  .signupPopup #signupContainer .parentsSecondColumn,
.signupPopup #signupContainer .parentsFirstColumn {
    width: 100%;
  }
}
.signupPopup #signupContainer #gedcom {
  display: none;
}
@media (min-width: 480px) {
  .signupPopup #loginContainer #emailColumn,
.signupPopup #loginContainer #passwordColumn,
.signupPopup #loginContainer #parentsFirstColumn,
.signupPopup #loginContainer #parentsSecondColumn {
    display: inline-block;
    width: auto;
  }
  .signupPopup #loginContainer #passwordColumn {
    margin-top: 0;
    margin-left: 10px;
  }
}
.signupPopup #loginContainer .formFieldLong {
  box-sizing: border-box;
  width: 232px;
  font-size: 16px;
}
@media (max-width: 480px) {
  .signupPopup #loginContainer .formFieldLong {
    width: 100%;
  }
}
.signupPopup .memberSignupContainer,
.signupPopup .memberLoginContainer {
  text-align: left;
}
@media (max-width: 767px) {
  .signupPopup .PK_popupFooterleftLink {
    display: block;
    font-size: inherit;
  }
}
.signupPopup .gedcomFTBContainer {
  position: absolute;
  line-height: 20px;
  padding-top: 3px;
}
.signupPopup #import_gedcom {
  padding-right: 10px;
}
.signupPopup #import_gedcom::after {
  content: "|";
  padding-left: 10px;
  color: #f2f2f2;
}
.signupPopup .homepage-signup#signupContainer input[type=password], .signupPopup .homepage-signup#signupContainer input[type=text] {
  float: none;
}
.signupPopup .homepage-signup #gedcom {
  padding-top: 10px;
}
.signupPopup .homepage-signup .birthAndCountryColumn {
  margin-right: 13px;
}
.signupPopup .homepage-signup #mini_signup_terms {
  color: #999;
}
.signupPopup .homepage-signup #mini_signup_terms a {
  color: #999;
}
@media (max-width: 767px) {
  .signupPopup .homepage-signup #mini_signup_terms a {
    color: #f56932;
  }
}