/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/**
* Transforms a given palette color to the transparent version of it
*/
/* stylelint-disable */
/* stylelint-disable */
.masterpage_sprite, .welcome_logo {
  background-image: url("/FP/Assets/Images/Sprites/masterpage_sprite.png?v=112");
}
@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .masterpage_sprite, .welcome_logo {
    background-image: url("/FP/Assets/Images/Sprites/masterpage_sprite@2x.png?v=112");
    background-size: 275px 270px;
  }
}

/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/**
* Transforms a given palette color to the transparent version of it
*/
/* stylelint-disable */
/* stylelint-disable-next-line */
.passwordstrength_sprite, .password_strength_meter_container .password_strength_meter_content_container .password_comments_container .password_general_comment::before,
.password_strength_meter_container .password_strength_meter_content_container .password_comments_container .password_length_comment::before,
.password_strength_meter_container .password_strength_meter_content_container .password_comments_container .password_repetitive_comment::before {
  background-image: url("/FP/Assets/Images/Sprites/passwordstrength_sprite.png?v=1");
}
@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .passwordstrength_sprite, .password_strength_meter_container .password_strength_meter_content_container .password_comments_container .password_general_comment::before,
.password_strength_meter_container .password_strength_meter_content_container .password_comments_container .password_length_comment::before,
.password_strength_meter_container .password_strength_meter_content_container .password_comments_container .password_repetitive_comment::before {
    background-image: url("/FP/Assets/Images/Sprites/passwordstrength_sprite@2x.png?v=1");
    background-size: 6px 10px;
  }
}

.show_tooltip_on_top .password_strength_tooltip {
  left: 50%;
  margin-left: -140px;
  bottom: 100%;
  margin-bottom: 12px;
  transform: none;
  top: auto;
}
@media (max-width: 767px) {
  .show_tooltip_on_top .password_strength_tooltip {
    margin: 0;
  }
}

.password_strength_tooltip {
  display: none;
  position: absolute;
  left: 100%;
  margin-left: 12px;
}
.password_strength_tooltip.is_visible {
  display: block;
  z-index: 1;
}
@media (max-width: 767px) {
  .password_strength_tooltip {
    position: static;
    margin: 0;
  }
  .password_strength_tooltip .password_strength_meter_container {
    font-size: 14px;
    font-weight: normal;
  }
}
@media (min-width: 768px) {
  .password_strength_tooltip {
    transform: translateY(-50%);
    top: 50%;
  }
}

.password_input_wrapper {
  /* stylelint-disable-next-line */
  display: inline-flex;
  position: relative;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .password_input_wrapper {
    width: 100%;
  }
}

.password_strength_meter_container {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.6);
  width: 282px;
}
@media (min-width: 768px) {
  .password_strength_meter_container {
    background-color: #fff;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px rgba(0, 0, 0, 0.2);
    position: relative;
  }
}
@media (max-width: 767px) {
  .password_strength_meter_container {
    width: 100%;
    margin-top: 12px;
  }
}
@media (min-width: 768px) {
  .password_strength_meter_container .password_strength_meter_content_container {
    padding: 12px 25px;
  }
}
.password_strength_meter_container .password_strength_meter_content_container .password_strength_bar_container {
  position: relative;
  padding-bottom: 11px;
  margin-bottom: 4px;
}
@media (max-width: 767px) {
  .password_strength_meter_container .password_strength_meter_content_container .password_strength_bar_container {
    width: 100%;
  }
}
.password_strength_meter_container .password_strength_meter_content_container .password_strength_bar_container .password_main_bar {
  position: absolute;
  width: 100%;
  height: 7px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.password_strength_meter_container .password_strength_meter_content_container .password_strength_bar_container .password_strength_bar {
  position: absolute;
  width: 0;
  height: 7px;
  border-radius: 4px;
  background-color: #f7aa66;
}
.password_strength_meter_container .password_strength_meter_content_container .strength_title_container {
  /* stylelint-disable-next-line */
  display: flex;
  padding-bottom: 9px;
}
.password_strength_meter_container .password_strength_meter_content_container .strength_title_container .strength_title {
  float: left;
  margin-right: 5px;
  font-weight: bold;
}
.password_strength_meter_container .password_strength_meter_content_container .password_comments_container .password_general_comment,
.password_strength_meter_container .password_strength_meter_content_container .password_comments_container .password_length_comment,
.password_strength_meter_container .password_strength_meter_content_container .password_comments_container .password_repetitive_comment {
  padding: 5px 0;
  padding-left: 12px;
  position: relative;
}
.password_strength_meter_container .password_strength_meter_content_container .password_comments_container .password_general_comment::before,
.password_strength_meter_container .password_strength_meter_content_container .password_comments_container .password_length_comment::before,
.password_strength_meter_container .password_strength_meter_content_container .password_comments_container .password_repetitive_comment::before {
  content: "";
  display: block;
  position: absolute;
  /* stylelint-disable-next-line */
  left: 0;
  /* stylelint-disable-next-line */
  background-position: 0px 0px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 6px;
  height: 10px;
  margin-top: 5px;
}
.password_strength_meter_container .password_strength_meter_content_container .strength_value_variant {
  display: none;
}
.password_strength_meter_container .password_strength_meter_content_container.value_short .strength_value_short {
  display: inline;
}
.password_strength_meter_container .password_strength_meter_content_container.value_short .password_strength_bar {
  width: 0;
}
.password_strength_meter_container .password_strength_meter_content_container.value_long .strength_value_long {
  display: inline;
}
.password_strength_meter_container .password_strength_meter_content_container.value_long .password_strength_bar {
  width: 0;
}
.password_strength_meter_container .password_strength_meter_content_container.value_common .strength_value_common {
  display: inline;
}
.password_strength_meter_container .password_strength_meter_content_container.value_common .password_strength_bar {
  width: 30%;
  background-color: #ef4232;
}
.password_strength_meter_container .password_strength_meter_content_container.value_weak .strength_value_weak {
  display: inline;
}
.password_strength_meter_container .password_strength_meter_content_container.value_weak .password_strength_bar {
  width: 30%;
  background-color: #ef4232;
}
.password_strength_meter_container .password_strength_meter_content_container.value_fair .strength_value_fair {
  display: inline;
}
.password_strength_meter_container .password_strength_meter_content_container.value_fair .password_strength_bar {
  width: 45%;
  background-color: #f7aa66;
}
.password_strength_meter_container .password_strength_meter_content_container.value_good .strength_value_good {
  display: inline;
}
.password_strength_meter_container .password_strength_meter_content_container.value_good .password_strength_bar {
  width: 75%;
  background-color: #0ca3c6;
}
.password_strength_meter_container .password_strength_meter_content_container.value_strong .strength_value_strong {
  display: inline;
}
.password_strength_meter_container .password_strength_meter_content_container.value_strong .password_strength_bar {
  width: 100%;
  background-color: #35ac5d;
}

.password_strength_meter_container::before {
  content: "";
  display: block;
  position: absolute;
  right: 100%;
  top: 50%;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-right-color: rgba(0, 0, 0, 0.2);
  margin-top: -8px;
  margin-right: 1px;
}
@media (max-width: 767px) {
  .password_strength_meter_container::before {
    display: none;
  }
}

.password_strength_meter_container::after {
  content: "";
  display: block;
  position: absolute;
  right: 100%;
  top: 50%;
  width: 0;
  height: 0;
  border: 9px solid transparent;
  border-right-color: #fff;
  margin-top: -7px;
}
@media (max-width: 767px) {
  .password_strength_meter_container::after {
    display: none;
  }
}

/* stylelint-disable-next-line no-duplicate-selectors */
.show_tooltip_on_top .password_strength_meter_container::before {
  content: "";
  display: block;
  position: absolute;
  right: 100%;
  top: 50%;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-right-color: rgba(0, 0, 0, 0.2);
  margin-top: -8px;
  border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent;
  left: 50%;
  right: auto;
  top: 100%;
  margin-top: 0;
  margin-left: -8px;
  margin-right: 0;
  margin-top: 1px;
}
@media (max-width: 767px) {
  .show_tooltip_on_top .password_strength_meter_container::before {
    display: none;
  }
}
.show_tooltip_on_top .password_strength_meter_container::after {
  content: "";
  display: block;
  position: absolute;
  right: 100%;
  top: 50%;
  width: 0;
  height: 0;
  border: 9px solid transparent;
  border-right-color: #fff;
  margin-top: -7px;
  border-color: #fff transparent transparent transparent;
  left: 50%;
  right: auto;
  top: 100%;
  margin-top: 0;
  margin-left: -7px;
}
@media (max-width: 767px) {
  .show_tooltip_on_top .password_strength_meter_container::after {
    display: none;
  }
}

.welcome_page.dna_invite {
  color: #333;
}

#tagline {
  font-size: 20px;
  margin-top: 14px;
}

#hiAndWelcome {
  margin-top: 15px;
}

#whatCanIDo {
  font-size: 18px;
  margin-top: 16px;
}

#atMyHeritage {
  margin-top: 2px;
  margin-bottom: 17px;
  line-height: 20px;
}

.siteBox {
  width: 744px;
}

.PhotoFrame {
  border: #c7c7c7 solid 1px;
  background-color: white;
  padding: 2px;
}

#howDoIReturn {
  margin-top: 16px;
}

#howToReturn {
  width: 700px;
  margin-top: 2px;
  margin-bottom: 19px;
  line-height: 20px;
}

#passwordForm {
  margin-left: -8px;
  margin-top: 14px;
  margin-bottom: 19px;
}

#screenThumbs {
  margin-top: 45px;
  margin-left: -6px;
  overflow: auto;
}

.thumb {
  float: left;
  max-width: 185px;
}

.thumb_title {
  font-size: 18px;
  padding-top: 15px;
  padding-bottom: 3px;
}

#muchMore {
  font-size: 18px;
  margin-top: 30px;
  margin-bottom: 10px;
}

.welcome_wizard_sprite {
  background-repeat: no-repeat;
  background-image: url("/FP/Assets/Images/Welcome/welcome_complete_sprite.png?v=1");
}

.welcome_wizard_sprite_tree {
  width: 161px;
  height: 152px;
  background-position: -2px -2px;
}

.welcome_wizard_sprite_photos {
  width: 150px;
  height: 152px;
  background-position: -165px -2px;
}

.welcome_wizard_sprite_history {
  width: 151px;
  height: 152px;
  background-position: -316px -2px;
}

.welcome_wizard_sprite_events {
  width: 153px;
  height: 152px;
  background-position: -467px -2px;
}

#welcome_complete_container {
  margin: 29px 7px 23px 7px;
}

.welcome_logo {
  background-position: 0px -76px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 167px;
  height: 30px;
}

.back_link_separator {
  margin-top: 20px;
}

.success_message {
  margin-bottom: 20px;
}

.ftb_tip_container {
  margin-bottom: 30px;
}

.invite_member_password_wrapper {
  width: 100%;
}

.password_input {
  width: 100%;
  box-sizing: border-box;
}

.password_input_wrapper {
  width: 100%;
}