@charset "UTF-8";
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/**
* Transforms a given palette color to the transparent version of it
*/
/* stylelint-disable */
.pedigreetree_sprite, #panel_opener .panel_opener_icon, #people_list #people_list_search .search_button .search_icon, #people_list .people_list_selector .selector_icon, #people_list #people_list_sort_menu .selected_entry .selected_icon,
#people_list #people_list_search_scope_menu .selected_entry .selected_icon, #people_list .people_list_item .action_edit_icon, #people_list .people_list_item .tree_icon, #people_list #people_list_header .options_icon, #fan_chart_colored_mode .fan_colored_on_icon, #fan_chart_colored_mode .fan_colored_off_icon, .fan_chart_generations #fan_chart_generations_menu_selector_button::after, .dropdown_list a.selected:after, .pedigree_tree_drop_down_menu_button::after, .pedigree_tree_drop_down_menu .selected_entry .selected_icon, #pedigree_tree_more_menu .action_menu_more_icon, #pedigree_tree_share .share_content .share_copy_link .share_action_icon::before, #pedigree_tree_share .share_content .share_download .share_action_icon::before, #pedigree_tree_share .share_content .share_whatsapp .share_action_icon::before, #pedigree_tree_share .share_content .share_twitter .share_action_icon::before, #pedigree_tree_share .share_content .share_facebook .share_action_icon::before, #pedigree_tree_share .share_close .share_close_button, #pedigree_tree_tooltip .dna_matches_private .icon::before, #pedigree_tree_tooltip .dna_matches_public .icon::before, #pedigree_tree_tooltip .record_matches .icon::before, #pedigree_tree_tooltip .smart_matches .icon::before, #pedigree_tree_panel .pedigree_tree_panel_body .facts .fact_editable .fact_edit .fact_edit_icon, #pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_details .location_icon, #pedigree_tree_panel .pedigree_tree_panel_body .actions .action_button .action_icon, #pedigree_tree_panel .pedigree_tree_panel_body .navigation .navigation_icon, #pedigree_tree_panel .pedigree_tree_panel_body .section .section_action.section_add_button::before, #pedigree_tree_panel .pedigree_tree_panel_body .section .section_selector, #pedigree_tree_panel .pedigree_tree_panel_body .details .died_in_holocaust_icon, #pedigree_tree_panel .pedigree_tree_panel_body .image .edit_photo .edit_photo_icon,
#pedigree_tree_panel .pedigree_tree_panel_body .image .add_photo .edit_photo_icon, .mh_desktop #pedigree_tree_panel .pedigree_tree_panel_closer .closer_icon, .mh_tablet #pedigree_tree_panel .pedigree_tree_panel_closer .closer_icon, #pedigree_tree_options .print_icon, #pedigree_tree_options .export_icon, #pedigree_tree_options .pedigree_tree_options_title .options_close .options_close_button, #pedigree_tree_toolbar .download_icon, #pedigree_tree_toolbar .share_icon, #pedigree_tree_toolbar .help_icon, #pedigree_tree_toolbar .home_icon, #pedigree_tree_toolbar .full_screen_icon_close, #pedigree_tree_toolbar .full_screen_icon, #pedigree_tree_toolbar .options_icon, #pedigree_tree_toolbar .toolbar_color_coding_actions .color_coding_icon, #pedigree_tree_toolbar .find_person_close_search_button .close_search_icon, #pedigree_tree_toolbar .toolbar_left .panel_opener .panel_opener_icon, #pedigree_tree_header #pedigree_tree_site_trees_menu .selected_entry .selected_icon, #pedigree_tree_header .tree_name .drop_down_button::after, #pedigree_tree_card_actions .action_edit_icon, .consistency_issues .icon_image, .pedigree_tree_person_small .dna_test_public .icon_image,
.pedigree_tree_person_small .dna_test_private .icon_image,
.pedigree_tree_person_tiny .dna_test_public .icon_image,
.pedigree_tree_person_tiny .dna_test_private .icon_image, .pedigree_tree_person_small .record_matches_pending .icon_image,
.pedigree_tree_person_small .record_matches_confirmed .icon_image,
.pedigree_tree_person_tiny .record_matches_pending .icon_image,
.pedigree_tree_person_tiny .record_matches_confirmed .icon_image, .pedigree_tree_person_small .smart_matches_pending .icon_image,
.pedigree_tree_person_small .smart_matches_confirmed .icon_image,
.pedigree_tree_person_tiny .smart_matches_pending .icon_image,
.pedigree_tree_person_tiny .smart_matches_confirmed .icon_image, .dna_test_public .icon_image,
.dna_test_private .icon_image,
.dna_test_order .icon_image,
.dna_test_upload .icon_image, .record_matches_pending .icon_image,
.record_matches_confirmed .icon_image, .smart_matches_pending .icon_image,
.smart_matches_confirmed .icon_image, #pedigree_tree_canvas .pedigree_tree_branch .branch_collapsed_icon,
#pedigree_tree_canvas .pedigree_tree_branch .branch_expanded_icon, #pedigree_tree_canvas .pedigree_tree_person_medium .details .birth_icon,
#pedigree_tree_canvas .pedigree_tree_person_medium .details .death_icon, #pedigree_tree_canvas .pedigree_tree_person_large .details .birth_icon,
#pedigree_tree_canvas .pedigree_tree_person_large .details .death_icon, #pedigree_tree_canvas .pedigree_tree_person_huge .details .birth_icon,
#pedigree_tree_canvas .pedigree_tree_person_huge .details .death_icon, #pedigree_tree_canvas .pedigree_tree_person_add_me .add_me_cross, #pedigree_tree_canvas .pedigree_tree_person .image .camera_icon {
  background-image: url("/FP/Assets/Images/Sprites/pedigreetree_sprite.png?v=173");
}
@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) {
  .pedigreetree_sprite, #panel_opener .panel_opener_icon, #people_list #people_list_search .search_button .search_icon, #people_list .people_list_selector .selector_icon, #people_list #people_list_sort_menu .selected_entry .selected_icon,
#people_list #people_list_search_scope_menu .selected_entry .selected_icon, #people_list .people_list_item .action_edit_icon, #people_list .people_list_item .tree_icon, #people_list #people_list_header .options_icon, #fan_chart_colored_mode .fan_colored_on_icon, #fan_chart_colored_mode .fan_colored_off_icon, .fan_chart_generations #fan_chart_generations_menu_selector_button::after, .dropdown_list a.selected:after, .pedigree_tree_drop_down_menu_button::after, .pedigree_tree_drop_down_menu .selected_entry .selected_icon, #pedigree_tree_more_menu .action_menu_more_icon, #pedigree_tree_share .share_content .share_copy_link .share_action_icon::before, #pedigree_tree_share .share_content .share_download .share_action_icon::before, #pedigree_tree_share .share_content .share_whatsapp .share_action_icon::before, #pedigree_tree_share .share_content .share_twitter .share_action_icon::before, #pedigree_tree_share .share_content .share_facebook .share_action_icon::before, #pedigree_tree_share .share_close .share_close_button, #pedigree_tree_tooltip .dna_matches_private .icon::before, #pedigree_tree_tooltip .dna_matches_public .icon::before, #pedigree_tree_tooltip .record_matches .icon::before, #pedigree_tree_tooltip .smart_matches .icon::before, #pedigree_tree_panel .pedigree_tree_panel_body .facts .fact_editable .fact_edit .fact_edit_icon, #pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_details .location_icon, #pedigree_tree_panel .pedigree_tree_panel_body .actions .action_button .action_icon, #pedigree_tree_panel .pedigree_tree_panel_body .navigation .navigation_icon, #pedigree_tree_panel .pedigree_tree_panel_body .section .section_action.section_add_button::before, #pedigree_tree_panel .pedigree_tree_panel_body .section .section_selector, #pedigree_tree_panel .pedigree_tree_panel_body .details .died_in_holocaust_icon, #pedigree_tree_panel .pedigree_tree_panel_body .image .edit_photo .edit_photo_icon,
#pedigree_tree_panel .pedigree_tree_panel_body .image .add_photo .edit_photo_icon, .mh_desktop #pedigree_tree_panel .pedigree_tree_panel_closer .closer_icon, .mh_tablet #pedigree_tree_panel .pedigree_tree_panel_closer .closer_icon, #pedigree_tree_options .print_icon, #pedigree_tree_options .export_icon, #pedigree_tree_options .pedigree_tree_options_title .options_close .options_close_button, #pedigree_tree_toolbar .download_icon, #pedigree_tree_toolbar .share_icon, #pedigree_tree_toolbar .help_icon, #pedigree_tree_toolbar .home_icon, #pedigree_tree_toolbar .full_screen_icon_close, #pedigree_tree_toolbar .full_screen_icon, #pedigree_tree_toolbar .options_icon, #pedigree_tree_toolbar .toolbar_color_coding_actions .color_coding_icon, #pedigree_tree_toolbar .find_person_close_search_button .close_search_icon, #pedigree_tree_toolbar .toolbar_left .panel_opener .panel_opener_icon, #pedigree_tree_header #pedigree_tree_site_trees_menu .selected_entry .selected_icon, #pedigree_tree_header .tree_name .drop_down_button::after, #pedigree_tree_card_actions .action_edit_icon, .consistency_issues .icon_image, .pedigree_tree_person_small .dna_test_public .icon_image,
.pedigree_tree_person_small .dna_test_private .icon_image,
.pedigree_tree_person_tiny .dna_test_public .icon_image,
.pedigree_tree_person_tiny .dna_test_private .icon_image, .pedigree_tree_person_small .record_matches_pending .icon_image,
.pedigree_tree_person_small .record_matches_confirmed .icon_image,
.pedigree_tree_person_tiny .record_matches_pending .icon_image,
.pedigree_tree_person_tiny .record_matches_confirmed .icon_image, .pedigree_tree_person_small .smart_matches_pending .icon_image,
.pedigree_tree_person_small .smart_matches_confirmed .icon_image,
.pedigree_tree_person_tiny .smart_matches_pending .icon_image,
.pedigree_tree_person_tiny .smart_matches_confirmed .icon_image, .dna_test_public .icon_image,
.dna_test_private .icon_image,
.dna_test_order .icon_image,
.dna_test_upload .icon_image, .record_matches_pending .icon_image,
.record_matches_confirmed .icon_image, .smart_matches_pending .icon_image,
.smart_matches_confirmed .icon_image, #pedigree_tree_canvas .pedigree_tree_branch .branch_collapsed_icon,
#pedigree_tree_canvas .pedigree_tree_branch .branch_expanded_icon, #pedigree_tree_canvas .pedigree_tree_person_medium .details .birth_icon,
#pedigree_tree_canvas .pedigree_tree_person_medium .details .death_icon, #pedigree_tree_canvas .pedigree_tree_person_large .details .birth_icon,
#pedigree_tree_canvas .pedigree_tree_person_large .details .death_icon, #pedigree_tree_canvas .pedigree_tree_person_huge .details .birth_icon,
#pedigree_tree_canvas .pedigree_tree_person_huge .details .death_icon, #pedigree_tree_canvas .pedigree_tree_person_add_me .add_me_cross, #pedigree_tree_canvas .pedigree_tree_person .image .camera_icon {
    background-image: url("/FP/Assets/Images/Sprites/pedigreetree_sprite@2x.png?v=173");
    background-size: 404px 372px;
  }
}

/* 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;
  }
}

/* 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 */
.password_container {
  position: relative;
}
.password_container .password_input {
  padding-right: 80px !important;
}
.password_container .password_visibility_toggle {
  position: absolute;
  display: inline-block;
  top: 0;
  right: 20px;
  height: 100%;
  visibility: hidden;
  border: none;
  background: transparent;
}

/* 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 */
.socialsignup_sprite, .google_login_button::before {
  background-image: url("/FP/Assets/Images/Sprites/socialsignup_sprite.png?v=6");
}
@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) {
  .socialsignup_sprite, .google_login_button::before {
    background-image: url("/FP/Assets/Images/Sprites/socialsignup_sprite@2x.png?v=6");
    background-size: 25px 25px;
  }
}

.social_signup_container {
  margin-bottom: 12px;
}
.social_signup_container .social_info {
  font-size: 12px;
  text-align: center;
  margin-top: -12px;
}
.social_signup_container .signup_button_container {
  text-align: center;
  margin-bottom: 22px;
}
.social_signup_container .signup_button_container:last-child {
  margin-bottom: 12px;
}
.social_signup_container .signup_button_container.apple_signup_button {
  height: 32px;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  background: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (hover: hover) {
  .social_signup_container .signup_button_container.apple_signup_button:hover {
    cursor: pointer;
    background: #f7f7f7;
  }
}
.social_signup_container .signup_button_container.apple_signup_button .apple_signup_button_inner_text {
  flex-grow: 1;
  font-size: 13px;
  letter-spacing: 0.3px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #000;
}
.social_signup_container.dense_buttons .signup_button_container {
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .social_signup_container.social_signup_flavor_dna .signup_button_container {
    margin-bottom: 16px;
  }
  .social_signup_container.social_signup_flavor_dna .social_login_button {
    height: 34px;
    max-width: 348px;
    font-size: 14px;
    font-weight: 500;
  }
  .social_signup_container.social_signup_flavor_dna .social_login_button::before {
    transform: scale(0.8);
  }
}
.social_signup_container.thin_social_signup_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 96px;
  margin-bottom: 0;
}
.social_signup_container.short_social_signup_container {
  height: initial;
}
.social_signup_container.layout_stacked .apple_signup_button {
  width: 388px;
}
@media (max-width: 767px) {
  .social_signup_container.layout_stacked .apple_signup_button {
    width: 360px;
  }
}
.social_signup_container.layout_side_by_side {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .social_signup_container.layout_side_by_side {
    flex-direction: column;
  }
}
.social_signup_container.layout_side_by_side .apple_signup_button {
  width: 220px;
}
@media (max-width: 767px) {
  .social_signup_container.layout_side_by_side .apple_signup_button {
    width: 360px;
  }
}

.social_signup_bottom .signup_button_container:last-child {
  margin-bottom: 18px;
}

.divider-spacer {
  margin: 0;
}

.divider-line {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  flex-grow: 1;
}

.signup_container_terms_position_top .divider-line {
  margin: 20px 0;
}
.signup_container_terms_position_top#signupContainer .signupDescription {
  padding: 0;
}

.signup_container_socials_position_bottom .social-signup-divider {
  padding: 14px 0;
}

.social-signup-divider {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 8px;
}
.social-signup-divider .divider-text {
  padding: 0 20px;
  font-size: 14px;
}
.social-signup-divider .divider-fill {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  flex-grow: 1;
  height: 11px;
}

.social_login_button {
  padding: 4px;
  text-align: center;
  border: none;
  border-radius: 4px;
  font-size: 18px;
  font-weight: normal;
  cursor: pointer;
  position: relative;
  width: 100%;
  height: 48px;
}
.social_login_button::before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
}
.social_login_button.disabled {
  opacity: 0.6;
}

.google_login_button {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.6);
  border: rgba(0, 0, 0, 0.2) solid 1px;
}
.google_login_button::before {
  background-position: 0px 0px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 25px;
  height: 25px;
}
.google_login_button .google_login_button_inner_text {
  margin-left: 25px;
}

.social_signup_message_icon {
  display: none;
}

@media (max-width: 767px) {
  .social_signup_error_message .newPopupTopBar {
    white-space: normal !important;
    padding-right: 40px !important;
  }
}

/* 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 */
.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;
  }
}

/* General Icons */
/* ============= */
.PK_IconsInfoLarge,
.PK_IconsPhoneLarge {
  background-image: url("/FP/Assets/Images/Icons/pk_general_icons.png?v=2");
}

.PK_IconsInfoLarge {
  height: 32px;
  width: 30px;
  background-position: -2px -2px;
}

.PK_IconsPhoneLarge {
  background-position: 43px -2px;
  height: 25px;
  width: 41px;
}

/* Other icons */
/* ========== */
.Icon {
  background-image: url("/FP/Assets/Images/Common/GeneralIcons.png?v=2");
  background-repeat: no-repeat;
}

.IconWeb {
  background-position: -2px -2px;
  width: 25px;
  height: 22px;
}

.IconWebDimmed {
  background-position: -29px -2px;
  width: 25px;
  height: 22px;
}

.IconGreenTree {
  background-position: -2px -26px;
  width: 11px;
  height: 14px;
}

/* Notification Icons */
/* ================== */
.PK_NotificationIcon {
  background-image: url("/FP/Assets/Images/Common/PK_NotificationIcons.png?v=8");
  background-repeat: no-repeat;
}

.PK_NotificationIconSmallredExclamationMark {
  width: 16px;
  height: 16px;
  background-position: -2px -2px;
}

.PK_NotificationIconSmallYellowExclamationMark {
  width: 19px;
  height: 16px;
  background-position: -38px -2px;
}

.PK_NotificationIconSmallgreenCheckmark {
  width: 16px;
  height: 16px;
  background-position: -20px -2px;
}

.PK_NotificationIconSmallorangeExclamationMark {
  width: 19px;
  height: 16px;
  background-position: -38px -2px;
}

.PK_NotificationIconSmallLightYellowInfo {
  width: 16px;
  height: 16px;
  background-position: -98px -2px;
}

.PK_NotificationIconSmallLightYellowExclamationMark {
  width: 19px;
  height: 16px;
  background-position: -77px -2px;
}

.PK_NotificationIconSmallPinkExclamationMark {
  width: 16px;
  height: 16px;
  background-position: -59px -2px;
}

.FL_NotificationIcon {
  background-image: url("/FP/Assets/Images/Common/gradientBoxes.png?v=14");
  background-repeat: no-repeat;
}

.blueMsgGradient .FL_NotificationIcon {
  width: 36px;
  height: 35px;
  background-position: 0 -602px;
}

.greenMsgGradient .FL_NotificationIcon {
  width: 36px;
  height: 35px;
  background-position: 0 -638px;
}

.redMsgGradient .FL_NotificationIcon {
  width: 36px;
  height: 34px;
  background-position: 0 -674px;
}

/* Photos Header Icon Sprite */
.PhotosHeaderAlbumsIcon,
.PhotosHeaderImplicitIcon,
.PhotosHeaderSearchIcon,
.BinocularsIcon {
  background-image: url("/FP/Assets/Images/Common/HeaderIcons.gif?v=3");
  background-repeat: no-repeat;
}

.PhotosHeaderAlbumsIcon {
  width: 43px;
  height: 33px;
  background-position: 0 0;
}

.PhotosHeaderImplicitIcon {
  width: 26px;
  height: 33px;
  background-position: -44px 0;
}

.PhotosHeaderSearchIcon {
  width: 27px;
  height: 33px;
  background-position: -71px 0;
}

.BinocularsIcon {
  width: 64px;
  height: 34px;
  background-position: -127px 0;
}

/* Flag Icons */
/* ========== */
.flag {
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
  z-index: 1;
  line-height: 0;
  position: relative;
  width: 20px;
  height: 20px;
  -webkit-clip-path: circle(10px);
  clip-path: circle(10px);
  /**
   * Create a border around flag
   * Needed for flags with white parts on white background
  */
}
.flag img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.flag img {
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
}
.flag::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.05);
  top: 0;
  left: 0;
  position: absolute;
}
.flag.flag_size_medium {
  width: 24px;
  height: 24px;
  -webkit-clip-path: circle(12px);
  clip-path: circle(12px);
  /**
   * Create a border around flag
   * Needed for flags with white parts on white background
  */
}
.flag.flag_size_medium img {
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
}
.flag.flag_size_medium::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.05);
  top: 0;
  left: 0;
  position: absolute;
}
.flag.flag_size_large {
  width: 30px;
  height: 30px;
  -webkit-clip-path: circle(15px);
  clip-path: circle(15px);
  /**
   * Create a border around flag
   * Needed for flags with white parts on white background
  */
}
.flag.flag_size_large img {
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
}
.flag.flag_size_large::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.05);
  top: 0;
  left: 0;
  position: absolute;
}

.withEmailButtonContainer,
.goBackToForm {
  display: none;
}

.emailAndPasswordContainer::after,
.birthDateContainer::after {
  content: "";
  display: block;
  clear: both;
}

.emailAndPasswordContainer {
  display: flex;
  flex-wrap: wrap;
}
.emailAndPasswordContainer .passwordColumn {
  margin: 0;
}

.choose_password_container .password_input {
  padding-right: 64px !important;
}

.one_choose_password_container {
  height: 100%;
  margin-bottom: 85px;
}

.choose_password_input {
  height: 35px;
  font-size: 18px;
  padding: 1px 12px 3px 12px;
  border-radius: 5px;
  border: 1px solid #bdbdbd;
  padding-right: 16px;
  width: 100%;
  box-sizing: border-box;
}

.choose_password_container {
  padding-left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.notDisplayed {
  display: none;
}

.formFieldLong,
.formFieldLongEmpty {
  width: 262px;
  height: 33px;
  border: solid 1px #cfcdcd;
  border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  font-size: 22px;
  padding: 0 5px;
  background-color: #fff;
}

.formFieldLong {
  color: #353535;
}

.formFieldLongEmpty {
  color: #b6b5b5;
}

.checkmarkList div.FL_LabelBold {
  margin-bottom: 6px;
}

.checkmarkList li {
  background-image: url("/FP/Assets/Images/GenealogyPpcLandingPage/checkmark.png?v=3");
  background-position: left top;
  background-repeat: no-repeat;
  list-style-type: none;
  padding-left: 24px;
  margin-bottom: 4px;
}

.signupPopup .newPopupBody {
  color: #6e6e6e;
}

.signupPopup .PK_popupFooterButton .popup_footer_button {
  color: #fff;
}

@media (max-width: 767px) {
  .memberLoginContainer,
.signupPopup .PK_popupFooter .PK_popupFooterleftLink a {
    min-width: 192px;
    text-align: left;
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .signupPopup .PK_popupFooter .PK_popupFooterleftLink a {
    display: block;
  }
}

#signupContainer .memberLoginContainer {
  margin-bottom: 10px;
}

#signupContainer input[type=text],
#signupContainer input[type=password] {
  width: 195px;
  border: 1px solid #e2e4e2;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  height: 21px;
  padding-top: 1px;
  float: left;
  padding-right: 4px;
  padding-left: 6px;
}

.passwordColumn {
  margin-bottom: 10px;
}

#miniSignupContainer input[type=email],
#miniSignupContainer input[type=text],
#miniSignupContainer select,
#miniSignupContainer .select-replace,
#miniSignupPpcContainer input[type=email],
#miniSignupPpcContainer input[type=text],
#miniSignupPpcContainer select,
#miniSignupPpcContainer .select-replace {
  font-size: 16px;
  padding-top: 1px;
  padding-right: 4px;
  padding-left: 6px;
}
#miniSignupContainer .select-replace,
#miniSignupPpcContainer .select-replace {
  width: auto;
  height: 30px;
  line-height: 33px;
}
@media only screen and (max-width: 767px) {
  #miniSignupContainer .select-replace,
#miniSignupPpcContainer .select-replace {
    height: 40px !important;
    font-size: 18px !important;
    padding: 1px 0 3px 12px !important;
    border-radius: 5px !important;
    border: 1px solid #bdbdbd !important;
    line-height: 42px;
  }
}
#miniSignupContainer .birthAndCountryColumn,
#miniSignupPpcContainer .birthAndCountryColumn {
  margin-right: 0;
  float: none;
  clear: both;
  display: inline-block;
}
@media (max-width: 480px) {
  #miniSignupContainer .birthAndCountryColumn,
#miniSignupPpcContainer .birthAndCountryColumn {
    display: block;
  }
}
#miniSignupContainer #birth_day_month_row,
#miniSignupPpcContainer #birth_day_month_row {
  float: right;
}
@media (max-width: 480px) {
  #miniSignupContainer #birth_day_month_row,
#miniSignupPpcContainer #birth_day_month_row {
    width: 100%;
  }
}
#miniSignupContainer #birth_day_month_row #birthDayComboboxContainer,
#miniSignupPpcContainer #birth_day_month_row #birthDayComboboxContainer {
  margin-right: 10px;
}
@media (max-width: 480px) {
  #miniSignupContainer #birth_day_month_row #birthDayComboboxContainer,
#miniSignupPpcContainer #birth_day_month_row #birthDayComboboxContainer {
    width: 40%;
  }
}
#miniSignupContainer #birth_day_month_row #birthMonthComboboxContainer,
#miniSignupPpcContainer #birth_day_month_row #birthMonthComboboxContainer {
  margin-right: 0;
}
@media (max-width: 480px) {
  #miniSignupContainer #birth_day_month_row #birthMonthComboboxContainer,
#miniSignupPpcContainer #birth_day_month_row #birthMonthComboboxContainer {
    width: 40%;
  }
}

#miniSignupContainer input[type=email],
#miniSignupContainer input[type=text],
#miniSignupContainer select {
  width: 297px;
  height: 33px;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border: 1px solid #e2e4e2;
}
@media (min-width: 768px) {
  #miniSignupContainer input[type=email],
#miniSignupContainer input[type=text],
#miniSignupContainer select {
    width: 227px;
    box-sizing: border-box;
  }
}

#miniSignupPpcContainer input[type=email],
#miniSignupPpcContainer input[type=text] {
  width: 100%;
  height: 42px;
  border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  border: 1px solid #999;
}

#signupContainer #signupEmail {
  width: 100%;
}

#signupContainer select {
  width: 207px;
}

#miniSignupContainer #birth_day_month_row select,
#signupContainer #birth_day_month_row select {
  width: 111px;
}

#signupContainer .signupDescription {
  clear: both;
  padding-top: 25px;
}

#signupContainer .termsContainer,
#loginContainer .reCaptcha,
#miniSignupContainer .reCaptcha,
#miniSignupPpcContainer .reCaptcha,
#signupContainer .reCaptcha {
  margin-top: 13px;
}

#signupContainer .reCaptcha {
  margin-top: 0;
}

#miniSignupContainer .fullNameColumn label,
#miniSignupContainer .emailColumn label,
#miniSignupContainer .birthAndCountryColumn label,
#miniSignupContainer #birth_day_month_row label,
#miniSignupPpcContainer .fullNameColumn label,
#miniSignupPpcContainer .emailColumn label,
#signupContainer .nameColumn label,
#signupContainer .emailColumn label,
#signupContainer .passwordColumn label,
#signupContainer #birth_day_month_row label,
#signupContainer .birthAndCountryColumn label {
  display: block;
  padding: 0 2px 3px;
}

#signupContainer .nameColumn,
#signupContainer .passwordColumn,
#signupContainer .birthAndCountryColumn {
  width: 205px;
  float: left;
  margin-right: 30px;
}
@media (max-width: 767px) {
  #signupContainer .nameColumn,
#signupContainer .passwordColumn,
#signupContainer .birthAndCountryColumn {
    margin-right: 0;
  }
}

#miniSignupContainer #birthDayComboboxContainer,
#miniSignupContainer #birthMonthComboboxContainer,
#signupContainer #birthDayComboboxContainer,
#signupContainer #birthMonthComboboxContainer {
  float: left;
  margin-right: 28px;
}

#signupContainer .birthAndCountryColumn .birth_date,
#miniSignupContainer .birthAndCountryColumn .birth_date {
  display: none;
}

#signupContainer .genderColumn label {
  padding-left: 5px;
  margin-right: 20px;
}
#signupContainer .genderColumn label:last-child {
  margin-right: 0;
}

#signupContainer .nameColumn,
#signupContainer .emailColumn,
#miniSignupContainer .emailColumn,
#miniSignupContainer .birthAndCountryColumn,
#miniSignupContainer #birthDayComboboxContainer,
#miniSignupContainer #birthMonthComboboxContainer,
#miniSignupPpcContainer .emailColumn,
#signupContainer .passwordColumn,
#signupContainer .birthAndCountryColumn,
#signupContainer #birthDayComboboxContainer,
#signupContainer #birthMonthComboboxContainer {
  padding-top: 12px;
}

#signupContainer .emailColumn {
  width: 300px;
  clear: both;
}

#miniSignupContainer .fullNameColumn label,
#miniSignupContainer .emailColumn label,
#miniSignupContainer .birthAndCountryColumn label,
#miniSignupContainer #birth_day_month_row label {
  font-weight: bold;
}

#miniSignupContainer .benefits #checklist_title {
  font-weight: bold;
}

#miniSignupContainer #birth_day_month_row,
#signupContainer #birth_day_month_row {
  clear: both;
  display: none;
}

.signupPopup label,
.signupPopup input[type=radio],
.signupPopup input[type=checkbox] {
  margin: 0;
  vertical-align: middle;
}

.signupPopup .errorMessage,
.signupPopup .successMessage {
  margin-top: 11px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 4px 8px 3px;
  display: none;
}

.signupPopup .errorMessage {
  color: #333333;
  background-color: #FFF2F2;
  padding: 16px;
  border-radius: 6px;
}

.signupPopup .successMessage {
  color: #598d59;
  background-color: #dcf7d7;
}

.signupPopup .successMessage img {
  position: relative;
  top: -2px;
}

.signupPopup .errorMessage img {
  margin: 2px 16px 0 0;
}

.signupPopup.with_social.popup_type_loginOnly:not(.forgot_password_popup, .one_time_link_form_popup) .PK_popupFooter {
  display: none;
}
.mh_responsive .signupPopup.with_social.popup_type_loginOnly:not(.forgot_password_popup, .one_time_link_form_popup) .newPopupBody {
  height: 100%;
}

.signupPopup.with_social #loginContainer #passwordColumn,
.signupPopup.with_social #loginContainer #confirmPasswordColumn,
.signupPopup.with_social #loginContainer #emailColumn,
.signupPopup.social_account_linkage_popup #loginContainer #passwordColumn,
.signupPopup.social_account_linkage_popup #loginContainer #confirmPasswordColumn,
.signupPopup.social_account_linkage_popup #loginContainer #emailColumn {
  display: block;
  margin: 0;
}

#loginContainer .memberSignupContainer,
.signupPopup.with_social #loginContainer .memberSignupContainer,
.signupPopup.social_account_linkage_popup #loginContainer .memberSignupContainer {
  margin-bottom: 14px;
}
#loginContainer #passwordColumn,
#loginContainer #confirmPasswordColumn,
.signupPopup.with_social #loginContainer #passwordColumn,
.signupPopup.with_social #loginContainer #confirmPasswordColumn,
.signupPopup.social_account_linkage_popup #loginContainer #passwordColumn,
.signupPopup.social_account_linkage_popup #loginContainer #confirmPasswordColumn {
  margin-top: 10px;
}
#loginContainer #forgotPasswordLinkContainer,
.signupPopup.with_social #loginContainer #forgotPasswordLinkContainer,
.signupPopup.social_account_linkage_popup #loginContainer #forgotPasswordLinkContainer {
  font-size: 12px;
  margin-top: 28px;
}
#loginContainer .social_login_button_wrapper,
.signupPopup.with_social #loginContainer .social_login_button_wrapper,
.signupPopup.social_account_linkage_popup #loginContainer .social_login_button_wrapper {
  margin-top: 18px;
}

.one_time_link_container {
  font-size: 15px;
  text-decoration: underline;
  -webkit-text-decoration-color: #ff7c55;
  text-decoration-color: #ff7c55;
}

.one_time_login_link_sent_message,
.one_time_link_form_instructions {
  font-size: 15px;
}

.one_time_link_email {
  width: 380px;
}
@media (max-width: 767px) {
  .one_time_link_email {
    width: 100%;
  }
}

.password_field_component {
  position: relative;
  width: 100%;
}

.reveal_password_button {
  top: 40%;
  opacity: 0.2;
  cursor: pointer;
  background-image: url("/FP/Assets/Images/Password/eye.svg?v=3");
  width: 20px;
  height: 16px;
  background-repeat: no-repeat;
  position: absolute;
  right: 10px;
  bottom: 6px;
}
.reveal_password_button:hover {
  opacity: 0.4;
}
.reveal_password_button.hide_password {
  background-image: url("/FP/Assets/Images/Password/password-hidden.svg?v=3");
  bottom: 8px;
}

#forgotPasswordContainer #forgotPasswordBackToLoginLink,
#forgotPasswordContainer #oneTimeLinkBackToLoginLink,
#oneTimeLinkFormContainer #forgotPasswordBackToLoginLink,
#oneTimeLinkFormContainer #oneTimeLinkBackToLoginLink {
  margin-top: 17px;
}
#forgotPasswordContainer #forgotPasswordEmailRow,
#forgotPasswordContainer #oneTimeLinkEmailRow,
#oneTimeLinkFormContainer #forgotPasswordEmailRow,
#oneTimeLinkFormContainer #oneTimeLinkEmailRow {
  margin-top: 13px;
}

#passwordRecoveryTokenContainer #passwordRecoveryTokenBackToLoginLink {
  margin-top: 17px;
}
#passwordRecoveryTokenContainer #passwordRecoveryTokenRow {
  margin-top: 13px;
}

#forgotPasswordContainer #forgot_password_phone_number #passwordRecoveryTokenContainer {
  margin-top: 10px;
}

.one_time_login_button {
  margin: 0 auto;
  width: 388px;
  height: 32px;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  background: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (hover: hover) {
  .one_time_login_button:hover {
    cursor: pointer;
    background: #f7f7f7;
  }
}
@media (max-width: 767px) {
  .one_time_login_button {
    width: 360px;
  }
}
.one_time_login_button .one_time_login_button_inner_text {
  flex-grow: 1;
  font-size: 13px;
  letter-spacing: 0.3px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #000;
}

#loginContainer input[type=text]::-webkit-input-placeholder,
#loginContainer input[type=email]::-webkit-input-placeholder,
#loginContainer input[type=password]::-webkit-input-placeholder,
#forgotPasswordContainer input[type=text]::-webkit-input-placeholder,
#forgotPasswordContainer input[type=email]::-webkit-input-placeholder,
#forgotPasswordContainer input[type=password]::-webkit-input-placeholder,
#passwordRecoveryTokenContainer input[type=text]::-webkit-input-placeholder,
#passwordRecoveryTokenContainer input[type=email]::-webkit-input-placeholder,
#passwordRecoveryTokenContainer input[type=password]::-webkit-input-placeholder,
#oneTimeLinkFormContainer input[type=text]::-webkit-input-placeholder,
#oneTimeLinkFormContainer input[type=email]::-webkit-input-placeholder,
#oneTimeLinkFormContainer input[type=password]::-webkit-input-placeholder {
  color: #b6b5b5;
  direction: ltr;
}
#loginContainer input[type=text]:-moz-placeholder,
#loginContainer input[type=email]:-moz-placeholder,
#loginContainer input[type=password]:-moz-placeholder,
#forgotPasswordContainer input[type=text]:-moz-placeholder,
#forgotPasswordContainer input[type=email]:-moz-placeholder,
#forgotPasswordContainer input[type=password]:-moz-placeholder,
#passwordRecoveryTokenContainer input[type=text]:-moz-placeholder,
#passwordRecoveryTokenContainer input[type=email]:-moz-placeholder,
#passwordRecoveryTokenContainer input[type=password]:-moz-placeholder,
#oneTimeLinkFormContainer input[type=text]:-moz-placeholder,
#oneTimeLinkFormContainer input[type=email]:-moz-placeholder,
#oneTimeLinkFormContainer input[type=password]:-moz-placeholder {
  color: #b6b5b5;
  direction: ltr;
}
#loginContainer input[type=text]:-ms-input-placeholder,
#loginContainer input[type=email]:-ms-input-placeholder,
#loginContainer input[type=password]:-ms-input-placeholder,
#forgotPasswordContainer input[type=text]:-ms-input-placeholder,
#forgotPasswordContainer input[type=email]:-ms-input-placeholder,
#forgotPasswordContainer input[type=password]:-ms-input-placeholder,
#passwordRecoveryTokenContainer input[type=text]:-ms-input-placeholder,
#passwordRecoveryTokenContainer input[type=email]:-ms-input-placeholder,
#passwordRecoveryTokenContainer input[type=password]:-ms-input-placeholder,
#oneTimeLinkFormContainer input[type=text]:-ms-input-placeholder,
#oneTimeLinkFormContainer input[type=email]:-ms-input-placeholder,
#oneTimeLinkFormContainer input[type=password]:-ms-input-placeholder {
  color: #b6b5b5;
  direction: ltr;
}
#loginContainer .formLabelPlaceholderFallback,
#forgotPasswordContainer .formLabelPlaceholderFallback,
#passwordRecoveryTokenContainer .formLabelPlaceholderFallback,
#oneTimeLinkFormContainer .formLabelPlaceholderFallback {
  display: none;
  font-size: 14px;
}

#miniSignupContainer .wrapper,
#miniSignupPpcContainer .wrapper {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding: 0;
}
#miniSignupContainer .wrapper:before, #miniSignupContainer .wrapper:after,
#miniSignupPpcContainer .wrapper:before,
#miniSignupPpcContainer .wrapper:after {
  content: " ";
  display: table;
}
#miniSignupContainer .wrapper:after,
#miniSignupPpcContainer .wrapper:after {
  clear: both;
}
#miniSignupContainer .benefits_row,
#miniSignupPpcContainer .benefits_row {
  margin-left: 0;
  margin-right: 0;
}
#miniSignupContainer .benefits_row:before, #miniSignupContainer .benefits_row:after,
#miniSignupPpcContainer .benefits_row:before,
#miniSignupPpcContainer .benefits_row:after {
  content: " ";
  display: table;
}
#miniSignupContainer .benefits_row:after,
#miniSignupPpcContainer .benefits_row:after {
  clear: both;
}
#miniSignupContainer #logos,
#miniSignupPpcContainer #logos {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
@media (min-width: 768px) {
  #miniSignupContainer #logos,
#miniSignupPpcContainer #logos {
    float: left;
    width: 33.3333333333%;
  }
}
#miniSignupContainer .form_row,
#miniSignupPpcContainer .form_row {
  margin-left: 0;
  margin-right: 0;
}
#miniSignupContainer .form_row:before, #miniSignupContainer .form_row:after,
#miniSignupPpcContainer .form_row:before,
#miniSignupPpcContainer .form_row:after {
  content: " ";
  display: table;
}
#miniSignupContainer .form_row:after,
#miniSignupPpcContainer .form_row:after {
  clear: both;
}
#miniSignupContainer .benefits,
#miniSignupContainer .fullNameColumn,
#miniSignupContainer .emailColumn,
#miniSignupPpcContainer .benefits,
#miniSignupPpcContainer .fullNameColumn,
#miniSignupPpcContainer .emailColumn {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  #miniSignupContainer .benefits,
#miniSignupContainer .fullNameColumn,
#miniSignupContainer .emailColumn,
#miniSignupPpcContainer .benefits,
#miniSignupPpcContainer .fullNameColumn,
#miniSignupPpcContainer .emailColumn {
    float: left;
    width: 50%;
  }
}
#miniSignupContainer .bbb_badge,
#miniSignupPpcContainer .bbb_badge {
  background-image: url("/FP/Assets/Images/GenealogySearchPpc/genealogy_search_ppc_sprite.png?v=19");
  height: 39px;
  width: 129px;
  margin-top: 13px;
  margin-right: 11px;
}
#miniSignupContainer .bbb_badge.rating_a_plus,
#miniSignupPpcContainer .bbb_badge.rating_a_plus {
  background-position: -2px -191px;
}
#miniSignupContainer .bbb_badge.rating_a,
#miniSignupPpcContainer .bbb_badge.rating_a {
  background-position: -2px -1145px;
}
#miniSignupContainer .desktop_only,
#miniSignupPpcContainer .desktop_only {
  display: inline-block;
}
@media (max-width: 767px) {
  #miniSignupContainer .desktop_only,
#miniSignupPpcContainer .desktop_only {
    display: none;
  }
}
#miniSignupContainer .mobile_only,
#miniSignupPpcContainer .mobile_only {
  display: none;
}
@media (max-width: 767px) {
  #miniSignupContainer .mobile_only,
#miniSignupPpcContainer .mobile_only {
    display: inline-block;
  }
}
#miniSignupContainer .social_signup_container,
#miniSignupPpcContainer .social_signup_container {
  margin: 15px 0;
}
#miniSignupContainer .social_signup_container .signup_button_container,
#miniSignupPpcContainer .social_signup_container .signup_button_container {
  margin-bottom: 15px;
}
#miniSignupContainer .social_signup_container .signup_button_container .social_login_button,
#miniSignupPpcContainer .social_signup_container .signup_button_container .social_login_button {
  width: 70%;
  height: 36px;
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 767px) {
  #miniSignupContainer .social_signup_container .signup_button_container .social_login_button,
#miniSignupPpcContainer .social_signup_container .signup_button_container .social_login_button {
    width: 100%;
  }
}
#miniSignupContainer .ft_magazine,
#miniSignupPpcContainer .ft_magazine {
  background-image: url("/FP/Assets/Images/GenealogySearchPpc/genealogy_search_ppc_sprite.png?v=19");
  background-position: -161px -345px;
  height: 71px;
  width: 73px;
  float: left;
  margin-top: 13px;
  margin-right: 11px;
}
#miniSignupContainer .memberLoginContainer,
#miniSignupPpcContainer .memberLoginContainer {
  padding: 0 2px;
}
#miniSignupContainer #miniSignupForm,
#miniSignupPpcContainer #miniSignupForm {
  padding-top: 20px;
}

#miniSignupContainer .bbb_popup_badge {
  background-image: url("/FP/Assets/Images/GenealogySearchPpc/genealogy_search_ppc_sprite.png?v=19");
  height: 71px;
  width: 57px;
  float: left;
  margin-top: 13px;
  margin-right: 2px;
  margin-left: 20px;
}
#miniSignupContainer .bbb_popup_badge.rating_a_plus {
  background-position: -103px -345px;
}
#miniSignupContainer .bbb_popup_badge.rating_a {
  background-position: -134px -1145px;
}
#miniSignupContainer .bbb_horizontal_popup_badge {
  background-image: url("/FP/Assets/Images/GenealogySearchPpc/genealogy_search_ppc_sprite.png?v=19");
  height: 39px;
  width: 129px;
  display: inline-block;
  vertical-align: bottom;
}
#miniSignupContainer .bbb_horizontal_popup_badge.rating_a {
  background-position: -2px -1145px;
}
#miniSignupContainer .bbb_horizontal_popup_badge.rating_a_plus {
  background-position: -2px -191px;
}

.sample_record_container:before, .sample_record_container:after {
  content: " ";
  display: table;
}
.sample_record_container:after {
  clear: both;
}
.sample_record_container .teaser_thumbnail {
  float: right;
  max-width: 50%;
  margin-left: 15px;
}

.view_sample_record_link {
  text-decoration: underline;
  color: inherit;
}

.sample_record_container {
  margin-top: 30px;
  padding: 20px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  font-weight: bold;
}
.sample_record_container .view_sample_record_link {
  color: #f56932;
}

.PK_popupFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.PK_popupFooter .PK_popupFooterleftLink,
.PK_popupFooter .memberLoginContainer,
.PK_popupFooter .memberSignupContainer {
  float: left;
  width: auto;
  height: auto;
  padding-right: 20px;
}
.PK_popupFooter .PK_popupFooterleftLink a,
.PK_popupFooter .memberLoginContainer a,
.PK_popupFooter .memberSignupContainer a {
  color: #f56932;
}

#popupButton_signupPopupButton {
  margin-left: auto;
  display: flex;
  flex: 1;
  flex-direction: row-reverse;
}
#popupButton_signupPopupButton #combinedLoginPopupButton {
  display: none;
}

.with_social.signup_popup_signup_view .newPopupTopBar,
.social_account_linkage_popup.signup_popup_signup_view .newPopupTopBar {
  text-align: center;
}
.with_social .newPopupTopBar,
.social_account_linkage_popup .newPopupTopBar {
  padding: 30px 34px 2px;
}
.with_social .PK_popupTitle,
.social_account_linkage_popup .PK_popupTitle {
  font-size: 22px;
}
.with_social .newPopupBody,
.social_account_linkage_popup .newPopupBody {
  padding: 30px 34px;
}
.with_social .newPopupBody .css_button,
.social_account_linkage_popup .newPopupBody .css_button {
  padding: 7px !important;
  height: 100% !important;
  width: 100% !important;
  box-sizing: border-box;
}
.with_social .newPopupBody .css_button.login_button,
.social_account_linkage_popup .newPopupBody .css_button.login_button {
  max-height: 43px;
}
.with_social #loginForm input.formFieldLong,
.social_account_linkage_popup #loginForm input.formFieldLong {
  width: 100%;
  box-sizing: border-box;
  height: 42px;
  font-size: 18px;
  padding: 10px 14px;
}
.with_social #loginForm input.formFieldLong:-ms-input-placeholder,
.social_account_linkage_popup #loginForm input.formFieldLong:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.with_social #loginForm input.formFieldLong::placeholder,
.social_account_linkage_popup #loginForm input.formFieldLong::placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.with_social #loginForm #forgotPasswordLinkContainer,
.social_account_linkage_popup #loginForm #forgotPasswordLinkContainer {
  margin-top: 18px;
}
.with_social #loginForm #signupPopupButton,
.social_account_linkage_popup #loginForm #signupPopupButton {
  margin-top: 18px;
}
.with_social .PK_popupFooter,
.social_account_linkage_popup .PK_popupFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.with_social .PK_popupFooter .memberLoginContainer,
.with_social .PK_popupFooter .memberSignupContainer,
.social_account_linkage_popup .PK_popupFooter .memberLoginContainer,
.social_account_linkage_popup .PK_popupFooter .memberSignupContainer {
  float: left;
  width: auto;
}
.with_social .PK_popupFooter .memberLoginContainer a,
.with_social .PK_popupFooter .memberSignupContainer a,
.social_account_linkage_popup .PK_popupFooter .memberLoginContainer a,
.social_account_linkage_popup .PK_popupFooter .memberSignupContainer a {
  color: #f56932;
}
.with_social .styled_checkbox label,
.social_account_linkage_popup .styled_checkbox label {
  position: relative;
  font-size: 14px;
  display: inline-block;
  padding-left: 24px;
}
.with_social .styled_checkbox label::before,
.social_account_linkage_popup .styled_checkbox label::before {
  position: absolute;
  left: 0;
  top: 2px;
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 2px;
  background-color: #fff;
  border: solid 1px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
}
.with_social .styled_checkbox input[type=checkbox]:checked + label::after,
.social_account_linkage_popup .styled_checkbox input[type=checkbox]:checked + label::after {
  position: absolute;
  left: 7px;
  top: 0;
  display: inline-block;
  content: "";
  width: 6px;
  height: 12px;
  border: solid #17b4ce;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.with_social .styled_checkbox input[type=checkbox],
.social_account_linkage_popup .styled_checkbox input[type=checkbox] {
  display: none;
}

.social_account_linkage_popup .PK_popupFooter {
  display: none;
}
@media (min-width: 768px) {
  .social_account_linkage_popup.forgot_password_popup .PK_popupFooter {
    display: block;
  }
}
@media (min-width: 768px) {
  .social_account_linkage_popup.password_recovery_token_popup .PK_popupFooter {
    display: block;
  }
}
.social_account_linkage_popup .account_exists_message {
  padding-bottom: 12px;
}
.social_account_linkage_popup .social_login_button_wrapper #loginPopupButton {
  margin-top: 16px;
}
@media (max-width: 767px) {
  .social_account_linkage_popup .social_login_button_wrapper #loginPopupButton {
    display: none;
  }
}
.social_account_linkage_popup #loginForm input.formFieldLong {
  height: 32px;
}

.social_account_linkage_popup .PK_popupFooter {
  display: none;
}
.social_account_linkage_popup .account_exists_message {
  padding-bottom: 12px;
}
.social_account_linkage_popup #loginPopupButton {
  margin-top: 16px;
}
.social_account_linkage_popup #loginForm input.formFieldLong {
  height: 32px;
}

.signup-mobile {
  display: none;
}

.signup-desktop {
  display: inline;
}

/* Responsive */
@media only screen and (min-width: 768px) {
  #miniSignupContainer .checkmarkList #checklist_title {
    display: block;
  }
  #miniSignupContainer .checkmarkList #checklist_mobile_title {
    display: none;
  }
  #miniSignupContainer .mini_signup_terms {
    display: none;
  }
  #miniSignupContainer .emailColumn {
    box-sizing: border-box;
    padding-top: 0;
    padding-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .start_with_email_header {
    display: none;
  }

  #popupButton_signupPopupButton:nth-child(2),
#popupButton_signupPopupButton:first-child {
    width: 100%;
  }

  .mobile_responsive_popup.mh_responsive .with_social .PK_popupFooterButton {
    display: flex;
    flex: 1;
  }

  #miniSignupContainer,
#loginContainer {
    padding-top: 10px;
  }

  .signup-mobile {
    display: inline;
  }

  .signup-desktop {
    display: none;
  }

  #miniSignupContainer .memberLoginContainer,
#loginContainer .memberSignupContainer {
    font-size: 18px;
    padding: 14px 2px;
  }

  #miniSignupContainer input,
#miniSignupContainer select {
    width: 100% !important;
    height: 43px !important;
    font-size: 18px !important;
    padding: 1px 0 3px 12px !important;
    border-radius: 5px !important;
    border: 1px solid #bdbdbd !important;
  }
  #miniSignupContainer .checkmarkList {
    font-size: 18px;
  }
  #miniSignupContainer .checkmarkList #checklist_title {
    display: none;
  }
  #miniSignupContainer .checkmarkList #checklist_mobile_title {
    display: block;
  }
  #miniSignupContainer .checkmarkList li {
    background-position-y: 6px;
  }
  #miniSignupContainer .checkmarkList li#bullet3 {
    display: none;
  }
  #miniSignupContainer #logos {
    margin-top: 15px;
  }

  #miniSignupContainer label {
    font-size: 18px !important;
  }
  #miniSignupContainer .memberLoginContainer {
    margin-bottom: -16px;
  }

  #miniSignupPpcContainer .sign_up_free_trial_header {
    margin-top: 15px;
    padding-top: 15px;
    border-top: solid 1px #999;
    font-size: 15px;
    color: #333;
  }
  #miniSignupPpcContainer #miniSignupForm {
    padding-top: 15px;
  }
  #miniSignupPpcContainer label {
    font-size: 15px !important;
    padding: 6px 0 3px !important;
  }
  #miniSignupPpcContainer .memberLoginContainer {
    margin-top: 7px;
    font-size: 13px;
  }
  #miniSignupPpcContainer .mini_signup_terms {
    margin-top: 15px;
    padding-top: 12px;
    border-top: solid 1px #999;
  }

  #signupContainer .nameColumn,
#signupContainer .genderColumn,
#signupContainer .passwordColumn,
#signupContainer .birthAndCountryColumn,
#signupContainer input[type=text],
#signupContainer input[type=password],
#signupContainer .emailColumn {
    width: 100%;
  }
  #signupContainer input[type=text],
#signupContainer input[type=password] {
    font-size: 16px;
    height: 33px;
    box-sizing: border-box;
  }

  .with_social .withEmailButtonContainer {
    display: block;
    margin-bottom: 15px;
  }
  .with_social .withEmailShow {
    display: none;
  }
  .with_social .goBackToForm {
    margin-bottom: 10px;
    margin-top: -20px;
  }
  .with_social.with_email .withEmailShow {
    display: block;
  }
  .with_social.with_email .withEmailHide {
    display: none;
  }
}
.with_social .start_with_email_header {
  color: rgba(0, 0, 0, 0.6);
  font-size: 18px;
  line-height: 1.2;
  max-height: 48px;
  overflow: hidden;
  margin-bottom: 16px;
}
.with_social.create_tree_login #signupPopupButton {
  display: none;
}
.with_social.newPopupContainer a.css_button {
  color: #fff;
}
.with_social #signupContainer {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .with_social #signupContainer.signup_container_with_social {
    margin-top: 0;
  }
}
.with_social #loginContainer #loginForm,
.with_social #signupForm {
  margin-bottom: 10px;
}
.with_social #loginContainer #loginForm,
.with_social #signupForm {
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .with_social #signupContainer.signup_container_terms_position_bottom .signupDescription {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .with_social #signupContainer.signup_container_socials_position_bottom .social_signup_container {
    margin-bottom: 20px;
  }
  .with_social #signupContainer.signup_container_socials_position_bottom .withEmailButtonContainer {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .with_social #signupContainer.signup_container_socials_position_top .withEmailButtonContainer {
    margin-top: 4px;
  }
}

.popup_dialog #forgotPasswordForm #forgotPasswordEmailRow > div,
.popup_dialog #forgotPasswordForm #oneTimeLinkEmailRow > div,
.popup_dialog #oneTimeLinkForm #forgotPasswordEmailRow > div,
.popup_dialog #oneTimeLinkForm #oneTimeLinkEmailRow > div, .popup_dialog #loginForm #emailColumn > div,
.popup_dialog #loginForm #passwordColumn > div {
  display: flex;
  flex-direction: column;
}
.popup_dialog #forgotPasswordForm #forgotPasswordEmailRow input,
.popup_dialog #forgotPasswordForm #oneTimeLinkEmailRow input,
.popup_dialog #oneTimeLinkForm #forgotPasswordEmailRow input,
.popup_dialog #oneTimeLinkForm #oneTimeLinkEmailRow input, .popup_dialog #loginForm #emailColumn input,
.popup_dialog #loginForm #passwordColumn input {
  order: 1;
}

@media (min-width: 767px) {
  #miniSignupContainer .birthAndCountryColumn select,
#miniSignupContainer .birthAndCountryColumn .select-replace,
#miniSignupContainer #birth_day_month_row select,
#miniSignupContainer #birth_day_month_row .select-replace,
.signupPopup #signupContainer select,
.signupPopup #signupContainer .select-replace {
    font-size: 14px !important;
  }
}

#miniSignupContainer .birth_year_disclaimer,
#signupContainer .birth_year_disclaimer {
  display: table;
  cursor: pointer;
  text-decoration: underline;
  margin-top: 5px;
}

#miniSignupContainer.mini_signup_container_with_social .bbb_login_container {
  display: flex;
  margin-top: 35px;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  #miniSignupContainer.mini_signup_container_with_social .bbb_login_container .memberLoginContainer {
    margin: 0;
    padding: 0;
  }
}
#miniSignupContainer.mini_signup_container_with_social #miniSignupForm {
  padding-top: 0;
}
#miniSignupContainer.mini_signup_container_with_social .social-signup-divider {
  padding-bottom: 30px;
}
#miniSignupContainer.mini_signup_container_with_social .form_row {
  display: flex;
  flex-direction: column;
}
#miniSignupContainer.mini_signup_container_with_social .fullNameColumn,
#miniSignupContainer.mini_signup_container_with_social .emailColumn {
  width: 100%;
}
#miniSignupContainer.mini_signup_container_with_social .emailColumn {
  padding-left: 0;
  margin-top: 20px;
}
#miniSignupContainer.mini_signup_container_with_social #miniSignupFullName,
#miniSignupContainer.mini_signup_container_with_social #miniSignupEmail {
  width: 100%;
}

/* stylelint-disable */
/* Frames and curves - Edit profile popup */
.editProfilePortraitContainer {
  float: left;
  padding-top: 70px;
  width: 118px;
}

.editProfilePortraitContainer .PK_ProfileImage,
.editProfilePortraitContainer .PK_Silhouette {
  border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
}

.SpouseInfo .PK_ProfileImage,
.SpouseInfo .PK_Silhouette {
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
}

.SpouseInfo {
  width: 510px;
}
.SpouseInfo .NameAndRelation {
  margin-bottom: 9px;
  float: left;
  width: 440px;
}
.SpouseInfo .ProfileImageContainerInner {
  float: right;
  margin-right: 10px;
}
.SpouseInfo .ProfileComponentLeftColumn {
  clear: left;
}
.mh_responsive.mh_mobile .SpouseInfo {
  display: none;
}

.popupContainerWithSidebar {
  background-color: #f7f7f7;
}

.editProfileSidebar,
.sidebarTopCurve,
.sidebarBottomCurve {
  background-color: #f7f7f7;
}

.editProfileMainContent {
  background-color: #fff;
  border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
}

.newPopupOuterContainerRounderCorners .sidebarTopCurve {
  height: 112px;
  border-radius: 0 0 15px 0;
  -moz-border-radius: 0 0 15px 0;
  -webkit-border-radius: 0 0 15px 0;
}

.newPopupOuterContainerRounderCorners .sidebarBottomCurve {
  height: 15px;
  border-radius: 0 15px 0 0;
  -moz-border-radius: 0 15px 0 0;
  -webkit-border-radius: 0 15px 0 0;
}

.newPopupOuterContainerRounderCorners .editProfileSidebarCurves {
  background-color: #fff;
}

.editProfileSidebar {
  width: 133px;
  /* +30 for margin-left */
  margin-left: 30px;
  float: left;
}
.mh_responsive.mh_mobile .editProfileSidebar {
  display: none;
}

.editProfileMainContent {
  float: left;
}
.mh_responsive.mh_mobile .editProfileMainContent {
  width: 100% !important;
  height: 100%;
}

.editProfileSidebarCurves {
  float: left;
  width: 15px;
  height: 127px;
}

.editProfileBodyContainer {
  overflow: hidden;
  margin-top: 25px;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 35px;
}

#editProfilePanelsContainer {
  position: relative;
}

#editProfileDetailsPanel {
  overflow-x: hidden;
  float: left;
}
.mh_responsive.mh_mobile #editProfileDetailsPanel {
  width: 100% !important;
  min-width: 100% !important;
  max-height: 100% !important;
}

#editProfileAddPhotoPanel {
  float: left;
  padding-left: 35px;
}

#editProfileForm {
  margin: 0;
  padding: 0;
}

#editIndividualGenderSection,
#living_deceased_radio_container {
  width: 95%;
}
#editIndividualGenderSection input[type=radio],
#living_deceased_radio_container input[type=radio] {
  padding-top: 18px;
}
.mh_responsive.mh_mobile #editIndividualGenderSection,
.mh_responsive.mh_mobile #living_deceased_radio_container {
  width: 100%;
}

#inviteIndividualContainer {
  margin-top: 24px;
}

#parentOfChild {
  max-width: 500px;
}

.showMoreFieldsWrapper {
  height: 20px;
}

.showMoreFieldsWrapper img {
  margin-top: 2px;
  margin-right: 2px;
  vertical-align: top;
}

.addIndividualFieldsContainer {
  overflow-x: hidden;
  width: 530px;
  margin-right: -30px;
  margin-bottom: -11px;
  padding-top: 3px;
}
.mh_responsive.mh_mobile .addIndividualFieldsContainer {
  margin: 0;
  padding-top: 0;
  width: 100%;
  max-height: 100% !important;
  overflow-y: hidden !important;
}

.SpouseInfo {
  margin-top: 10px;
}

.ProfileComponentLeftColumn,
.ProfileComponentRightColumn {
  float: left;
  min-width: 243px;
  margin-bottom: 12px;
}
.mh_responsive.mh_mobile .ProfileComponentLeftColumn,
.mh_responsive.mh_mobile .ProfileComponentRightColumn {
  width: 100%;
}

.ProfileComponentLeftColumn .PK_popupLabel,
.ProfileComponentRightColumn .PK_popupLabel {
  line-height: 19px;
}

.ProfileComponentLeftColumn {
  margin-right: 15px;
}
.mh_responsive.mh_mobile .ProfileComponentLeftColumn {
  margin-right: 0;
}

.ProfileComponentInnerLeftColumn,
.ProfileComponentInnerRightColumn {
  float: left;
  min-width: 117px;
}

.ProfileComponentInnerLeftColumn {
  margin-right: 8px;
}

.mh_responsive.mh_mobile #prefixSuffixBlock {
  margin-bottom: 0;
}

.mh_responsive.mh_mobile #marriedSurnameBlock {
  margin-top: 12px;
}

.mh_responsive.mh_mobile #marriedNameParentBlock {
  margin-top: 0;
}

.mh_responsive.mh_mobile #marriedNameBlock {
  margin-top: 12px;
}

/* Positioning */
.toggleFieldsLink {
  top: 1px;
  position: relative;
  padding-left: 3px;
}

.addIndividualFieldsContainer .toggleFieldsShowMore {
  display: none;
}
.addIndividualFieldsContainer .toggleFieldsShowLess {
  display: inline;
}

.addIndividualFieldsContainer.fieldsContainerCompactMode .toggleFieldsShowMore {
  display: inline;
}
.addIndividualFieldsContainer.fieldsContainerCompactMode .toggleFieldsShowLess {
  display: none;
}

.fieldsContainerCompactMode .hideInCompact {
  display: none;
}

/* TODO: [NewTree] make this consistent (and same code) with the style of the signup popup */
.profilePopupContent .PK_popupTitle {
  cursor: move;
  vertical-align: middle;
}
.profilePopupContent .PK_popupSeparator {
  height: 1px;
  font-size: 1px;
  background-color: #e0dddd;
}
.mh_responsive.mh_mobile .profilePopupContent .input_label {
  opacity: 0.5;
  font-size: 13px;
}
.profilePopupContent input[type=text],
.profilePopupContent input[type=password],
.profilePopupContent input[type=email] {
  border: 1px solid #e4e4e4;
  font-size: 13px;
  color: #353535;
  height: 20px;
  padding-left: 7px;
  padding-right: 7px;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
}
.mh_responsive.mh_mobile .profilePopupContent input[type=text],
.mh_responsive.mh_mobile .profilePopupContent input[type=password],
.mh_responsive.mh_mobile .profilePopupContent input[type=email] {
  width: 100% !important;
  box-sizing: border-box;
  height: 43px;
  font-size: 17px;
}
.profilePopupContent input[type=checkbox] {
  height: auto;
  margin: 0;
}
.profilePopupContent input[type=radio] {
  padding: 0;
  margin-top: 0;
  margin-left: 1px;
  margin-bottom: 0;
  margin-right: 0;
  width: 13px;
  height: 13px;
}
.mh_responsive.mh_mobile .profilePopupContent select {
  height: 43px;
}
.mh_responsive.mh_mobile .profilePopupContent .select-replace {
  height: 33px;
  padding-top: 8px;
}
.mh_responsive.mh_mobile .profilePopupContent .gdp_dateTypePickerLinkContainer {
  height: 31px !important;
  padding-top: 9px;
}
.profilePopupContent .reason a {
  color: #6e6e6e;
}
.mh_responsive.mh_mobile .profilePopupContent .reason a {
  opacity: 0.5;
  font-size: 13px;
}
.profilePopupContent .reason .toggle {
  padding-top: 5px;
}
.profilePopupContent .reason textarea {
  height: 40px;
  width: 500px;
  border: 1px solid #dedddd;
  padding: 7px;
  border-radius: 3px 3px 3px 3px;
  box-sizing: border-box;
}
.mh_responsive.mh_mobile .profilePopupContent .reason textarea {
  font-size: 16px;
  width: 100%;
  height: 52px;
  padding: 4px 7px;
}
.profilePopupContent .gdp_dateTypePickerLinkContainer {
  min-width: 55px;
  cursor: pointer;
  padding: 3px 3px 1px;
  border: 1px solid #e4e4e4;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  background-color: #fff;
}
.mh_responsive.mh_mobile .profilePopupContent .gdp_dateTypePickerLinkContainer {
  height: 37px;
}
.profilePopupContent .gdp_dateTypePickerLink {
  outline: none;
  color: #353535;
}
.profilePopupContent .gdp_dateTypePickerLink:hover {
  text-decoration: none;
}
.profilePopupContent .gdp_dateTypePickerArrow {
  margin-left: -3px;
  margin-right: 3px;
  margin-bottom: 4px;
  background-position: 0 center;
  background-image: url("/FP/Assets/Images/Common/ddarrow.png?v=2");
}
.profilePopupContent .gdp_secondDateTypeLabelCell {
  padding-top: 4px;
}
.profilePopupContent .GenealogyDatePicker .gdp_day {
  width: 52px;
}
.profilePopupContent .GenealogyDatePicker .gdp_month {
  width: 62px;
}
.profilePopupContent .GenealogyDatePicker .gdp_year {
  width: 34px;
}
.profilePopupContent .GenealogyDatePicker .gdp_fieldSpacer {
  width: 4px;
  height: 1px;
}
.profilePopupContent input[type=text].gdp_yearDimmed {
  color: #888d91;
}
.profilePopupContent .missing_info {
  justify-content: space-between;
  -ms-grid-row-align: center;
  align-items: center;
  margin-top: 4px;
  margin-bottom: 6px;
  margin-right: 26px;
  border-radius: 6px;
  font-size: 13px;
  padding: 12px 16px;
  background-color: #F7F7F7;
}
.profilePopupContent .missing_info .missing_info_link,
.profilePopupContent .missing_info .missing_info_link_mail_link {
  line-height: 20px;
  color: #F56932;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .profilePopupContent .missing_info {
    margin-right: auto;
    font-size: 15px;
  }
}
.profilePopupContent .profile_start_walkthrough_container {
  height: 8px;
}
.profilePopupContent .profile_start_walkthrough_container .profile_start_walkthrough_button {
  position: absolute;
  top: 66px;
  inset-inline-end: 36px;
  background-color: transparent;
  border: none;
  border-radius: 24px;
  padding: 8px 20px 8px 32px;
  display: inline-flex;
  align-items: center;
  transition: background-color 0.3s, box-shadow 0.3s;
}
.profilePopupContent .profile_start_walkthrough_container .profile_start_walkthrough_button:before {
  content: "";
  background-image: -webkit-image-set(url("https://cf.mhcache.com/Static/FP/Assets/Images/AddIndividualWalkthrough/Info-v-a21606474be4b9dd41b3.svg") 1x);
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 10px;
  left: 12px;
}
.profilePopupContent .profile_start_walkthrough_container .profile_start_walkthrough_button:hover {
  background-color: #FFF5F4;
}
.profilePopupContent .profile_start_walkthrough_container .profile_start_walkthrough_button:active {
  transform: translateY(1px);
  outline: none;
}
.profilePopupContent .profile_start_walkthrough_container .profile_start_walkthrough_text {
  color: #F56932;
  font-size: 13px;
  font-weight: 400;
}
.profilePopupContent .profile_start_walkthrough_container .profile_start_walkthrough_button.wave-effect {
  border-radius: 100px;
  background: linear-gradient(276deg, #fff 0%, #FFF5F4 33%, #FFE2DE 50%, #FFF5F4 66%, #fff 100%);
  background-size: 200% 100%;
  animation: wave-background 0.8s ease-in-out forwards;
}
.profilePopupContent .profile_start_walkthrough_container.profile_start_walkthrough_button_mobile {
  display: flex;
  height: auto;
  justify-content: flex-end;
  margin-bottom: 12px;
  border-radius: 6px;
}
.profilePopupContent .profile_start_walkthrough_container.profile_start_walkthrough_button_mobile .profile_start_walkthrough_button {
  position: relative;
  top: auto;
  inset-inline-end: auto;
  padding-top: 4px;
  padding-bottom: 4px;
}
.profilePopupContent .profile_start_walkthrough_container.profile_start_walkthrough_button_mobile .profile_start_walkthrough_button:before {
  background-size: 13px;
  width: 13px;
  height: 13px;
  top: 9px;
  left: 10px;
}
.profilePopupContent .profile_start_walkthrough_container.profile_start_walkthrough_button_mobile .profile_start_walkthrough_text {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}

@keyframes wave-background {
  0% {
    background-position: -30% 0;
  }
  100% {
    background-position: 140% 0;
  }
}
.walkthrough_wrapper .walkthrough_label {
  transform-origin: top left;
  transition: transform 400ms ease-in-out, opacity 200ms ease-in-out 200ms, top 0.35s cubic-bezier(0.4, 0, 0.2, 1), inset-inline-start 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.walkthrough_wrapper .walkthrough_label_closing {
  opacity: 0 !important;
}

.mh_responsive.mh_mobile #connectToName {
  height: 30px !important;
  font-size: 16px;
}

.addIndividualPopup .PK_popupFooter, .profilePopupContent .PK_popupFooter {
  display: block;
}

.PK_popupFooter {
  display: inherit;
}

/* stylelint-disable */
.mh_embed #page_header {
  display: none;
}

#pedigree_tree_app {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mh_embed #pedigree_tree_app {
  margin-top: 0;
}

#pedigree_tree_body {
  position: absolute;
  left: 0;
  right: 0;
  top: 60px;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: 0.5s;
}
.mh_mobile #pedigree_tree_body {
  top: 0;
}

.tablet_mobile_embed + #pedigree_tree_body {
  top: 0;
}

#pedigree_tree_anti_click {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 60px;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 1000;
}
#pedigree_tree_anti_click.popup {
  top: 0;
  background-color: #000;
  opacity: 0.5;
}

#pedigree_tree_progress {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

#pedigree_tree_top {
  position: relative;
  margin: auto;
  transition: 0.2s ease-in-out;
}

#pedigree_tree_container {
  position: relative;
  transform-origin: 0 0;
}

#pedigree_tree_svg {
  position: absolute;
  pointer-events: none;
}
#pedigree_tree_svg .connector {
  stroke-width: 1px;
  stroke: #999;
  fill: none;
}
#pedigree_tree_svg .connector_branch {
  stroke: #e5e5e5;
}

#pedigree_tree_canvas {
  position: absolute;
}
#pedigree_tree_canvas .pedigree_tree_person {
  position: absolute;
  border: solid 1px #ccc;
  background-color: #fff;
}
#pedigree_tree_canvas .pedigree_tree_person .border {
  border: none;
}
#pedigree_tree_canvas .pedigree_tree_person .image {
  display: inline-block;
  vertical-align: middle;
}
#pedigree_tree_canvas .pedigree_tree_person .image .photo {
  border-radius: 50%;
  background-position: center;
  background-size: cover;
}
#pedigree_tree_canvas .pedigree_tree_person .image .photo_M,
#pedigree_tree_canvas .pedigree_tree_person .image .photo_F,
#pedigree_tree_canvas .pedigree_tree_person .image .photo_U {
  border: solid 1px #ccc;
}
#pedigree_tree_canvas .pedigree_tree_person .image .camera {
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 2px 0 #ccc;
  width: 26px;
  height: 26px;
  padding: 6px 5px;
  border-radius: 50%;
}
#pedigree_tree_canvas .pedigree_tree_person .image .camera_icon {
  background-position: -373px -23px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 16px;
  height: 14px;
}
#pedigree_tree_canvas .pedigree_tree_person .image_add:hover .photo {
  box-shadow: 0 0 4px 0 #ccc;
}
#pedigree_tree_canvas .pedigree_tree_person .image_add:hover .camera {
  box-shadow: 0 0 4px 0 #ccc;
}
#pedigree_tree_canvas .pedigree_tree_person .details {
  display: inline-block;
  vertical-align: middle;
}
#pedigree_tree_canvas .pedigree_tree_person .details .name {
  font-size: 13px;
  line-height: 15px;
  letter-spacing: 0.3px;
  color: #000;
  font-weight: 500;
  overflow: hidden;
}
#pedigree_tree_canvas .pedigree_tree_person .details .dates {
  font-size: 13px;
  line-height: 15px;
  letter-spacing: 0.3px;
  color: #595959;
}
#pedigree_tree_canvas .pedigree_tree_person .details .years {
  padding-top: 1px;
}
#pedigree_tree_canvas .pedigree_tree_person .indicators {
  margin-left: 8px;
  display: inline-block;
  vertical-align: middle;
}
#pedigree_tree_canvas .pedigree_tree_person .indicators .indicator_icon {
  display: block;
}
#pedigree_tree_canvas .pedigree_tree_person .indicators .indicator_icon_hidden {
  display: none;
}
#pedigree_tree_canvas .pedigree_tree_person .duplicate_person_indicator,
#pedigree_tree_canvas .pedigree_tree_person .duplicate_parents_indicator,
#pedigree_tree_canvas .pedigree_tree_person .duplicate_parents_indicator_horizontal {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  color: #fff;
  font-size: 9px;
  line-height: 16px;
  text-align: center;
}
#pedigree_tree_canvas .pedigree_tree_person .duplicate_person_indicator {
  background-color: #999;
}
#pedigree_tree_canvas .pedigree_tree_person .duplicate_person_indicator.gender_M {
  background-color: #17b4ce;
}
#pedigree_tree_canvas .pedigree_tree_person .duplicate_person_indicator.gender_F {
  background-color: #fc8181;
}
#pedigree_tree_canvas .pedigree_tree_person .duplicate_person_indicator.gender_U {
  background-color: #ccc;
}
#pedigree_tree_canvas .pedigree_tree_person .duplicate_parents_indicator,
#pedigree_tree_canvas .pedigree_tree_person .duplicate_parents_indicator_horizontal {
  background-color: #999;
  display: none;
  z-index: 1;
}
#pedigree_tree_canvas .pedigree_tree_person .duplicate_parents_indicator.manage_parents {
  width: 18px;
  height: 18px;
  padding: 1px 0;
  margin-top: -1px;
  margin-left: -1px;
  background-color: #8F98AB;
}
#pedigree_tree_canvas .pedigree_tree_person .duplicate_parents_indicator.manage_parents:hover {
  background-color: #68758E;
}
#pedigree_tree_canvas .pedigree_tree_person .indicator_icon_content {
  display: none;
}
#pedigree_tree_canvas .pedigree_tree_person .editable {
  width: 100%;
  position: relative;
  height: 14px;
}
#pedigree_tree_canvas .pedigree_tree_person_M,
#pedigree_tree_canvas .pedigree_tree_person_F,
#pedigree_tree_canvas .pedigree_tree_person_U {
  cursor: pointer;
}
#pedigree_tree_canvas .pedigree_tree_person_unselected_M {
  border-color: #17b4ce;
}
#pedigree_tree_canvas .pedigree_tree_person_selected_M {
  border-color: #17b4ce;
  background-color: #fff;
  border-width: 2px;
}
#pedigree_tree_canvas .pedigree_tree_person_unselected_F {
  border-color: #fc8181;
}
#pedigree_tree_canvas .pedigree_tree_person_selected_F {
  border-color: #fc8181;
  background-color: #fff;
  border-width: 2px;
}
#pedigree_tree_canvas .pedigree_tree_person_unselected_U {
  border-color: #ccc;
}
#pedigree_tree_canvas .pedigree_tree_person_selected_U {
  border-color: #ccc;
  background-color: #fff;
  border-width: 2px;
}
#pedigree_tree_canvas .pedigree_tree_person_selected_M,
#pedigree_tree_canvas .pedigree_tree_person_selected_F,
#pedigree_tree_canvas .pedigree_tree_person_selected_U {
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
}
#pedigree_tree_canvas .pedigree_tree_person_unselected_M:hover,
#pedigree_tree_canvas .pedigree_tree_person_unselected_F:hover,
#pedigree_tree_canvas .pedigree_tree_person_unselected_U:hover {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}
#pedigree_tree_canvas .pedigree_tree_person_placeholder {
  background-color: #f2f2f2;
  border-color: #e5e5e5;
}
#pedigree_tree_canvas .pedigree_tree_person_placeholder:hover {
  box-shadow: none;
  background-image: none;
}
#pedigree_tree_canvas .pedigree_tree_person_add_me {
  background-color: #e5e5e5;
  border-color: #e5e5e5;
  cursor: pointer;
}
#pedigree_tree_canvas .pedigree_tree_person_add_me:hover {
  background-color: #fff;
}
.NewTreeFaceLift #pedigree_tree_canvas .pedigree_tree_person_add_me {
  background-color: transparent;
  border-color: #999;
  border-style: dashed;
}
.NewTreeFaceLift #pedigree_tree_canvas .pedigree_tree_person_add_me:hover {
  border-color: #333;
}
#pedigree_tree_canvas .pedigree_tree_person_add_me .add_me_cross {
  background-position: -156px -249px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
#pedigree_tree_canvas .pedigree_tree_person_add_me .add_me_cross,
#pedigree_tree_canvas .pedigree_tree_person_add_me .add_me_text {
  display: table-cell;
  vertical-align: middle;
}
#pedigree_tree_canvas .pedigree_tree_person_add_me .add_me_cross {
  margin-right: 4px;
}
#pedigree_tree_canvas .pedigree_tree_person_add_me .add_me_text {
  color: #595959;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 1.2px;
}
.lang_DE #pedigree_tree_canvas .pedigree_tree_person_add_me .add_me_text {
  letter-spacing: 0.8px;
}
.NewTreeFaceLift #pedigree_tree_canvas .pedigree_tree_person_add_me .add_me_text {
  text-transform: initial;
  font-size: 13px;
  line-height: 15px;
  letter-spacing: 0.3px;
}
#pedigree_tree_canvas .pedigree_tree_person_huge {
  width: 258px;
  height: 84px;
  border-radius: 42px;
}
#pedigree_tree_canvas .pedigree_tree_person_huge .border {
  width: 258px;
  height: 84px;
  border-radius: 42px;
}
#pedigree_tree_canvas .pedigree_tree_person_huge .image {
  padding: 11px;
  min-width: 40px;
  min-height: 80px;
}
#pedigree_tree_canvas .pedigree_tree_person_huge .image .photo {
  width: 60px;
  height: 60px;
}
#pedigree_tree_canvas .pedigree_tree_person_huge .image .camera {
  left: 46px;
  bottom: 4px;
}
#pedigree_tree_canvas .pedigree_tree_person_huge.pedigree_tree_person_selected_M .image, #pedigree_tree_canvas .pedigree_tree_person_huge.pedigree_tree_person_selected_F .image, #pedigree_tree_canvas .pedigree_tree_person_huge.pedigree_tree_person_selected_U .image {
  padding: 10px;
  margin-right: 1px;
}
#pedigree_tree_canvas .pedigree_tree_person_huge .details {
  width: 132px;
}
#pedigree_tree_canvas .pedigree_tree_person_huge .details .birth,
#pedigree_tree_canvas .pedigree_tree_person_huge .details .death,
#pedigree_tree_canvas .pedigree_tree_person_huge .details .years {
  padding-top: 1px;
}
#pedigree_tree_canvas .pedigree_tree_person_huge .details .icon,
#pedigree_tree_canvas .pedigree_tree_person_huge .details .date {
  display: inline-block;
  vertical-align: middle;
}
#pedigree_tree_canvas .pedigree_tree_person_huge .details .icon {
  padding-right: 3px;
  padding-bottom: 2px;
}
#pedigree_tree_canvas .pedigree_tree_person_huge .details .date {
  max-width: 128px;
  max-height: 15px;
  overflow: hidden;
}
#pedigree_tree_canvas .pedigree_tree_person_huge .details .date_with_icon {
  max-width: 114px;
  max-height: 15px;
  overflow: hidden;
}
#pedigree_tree_canvas .pedigree_tree_person_huge .details .years .date {
  max-height: 29px;
}
#pedigree_tree_canvas .pedigree_tree_person_huge .details .birth_icon,
#pedigree_tree_canvas .pedigree_tree_person_huge .details .death_icon {
  margin-right: 3px;
  margin-top: 3px;
}
#pedigree_tree_canvas .pedigree_tree_person_huge .details .birth_icon {
  background-position: -245px -176px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 8px;
  height: 9px;
}
#pedigree_tree_canvas .pedigree_tree_person_huge .details .death_icon {
  background-position: -201px -132px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 8px;
  height: 9px;
}
#pedigree_tree_canvas .pedigree_tree_person_huge .indicators {
  height: 64px;
}
#pedigree_tree_canvas .pedigree_tree_person_huge .indicators .indicator_icon {
  margin: 1px 0;
}
#pedigree_tree_canvas .pedigree_tree_person_huge .duplicate_person_indicator {
  top: 0;
  left: 6px;
}
#pedigree_tree_canvas .pedigree_tree_person_huge .duplicate_parents_indicator {
  top: -9px;
  left: 120px;
  display: block;
}
#pedigree_tree_canvas .pedigree_tree_person_huge .duplicate_parents_indicator_horizontal {
  right: -8px;
  top: 32px;
  display: block;
}
#pedigree_tree_canvas .pedigree_tree_person_large {
  width: 236px;
  height: 64px;
  border-radius: 32px;
}
#pedigree_tree_canvas .pedigree_tree_person_large .border {
  width: 236px;
  height: 64px;
  border-radius: 32px;
}
#pedigree_tree_canvas .pedigree_tree_person_large .image {
  padding: 9px;
}
#pedigree_tree_canvas .pedigree_tree_person_large .image .photo {
  width: 44px;
  height: 44px;
}
#pedigree_tree_canvas .pedigree_tree_person_large .image .camera {
  left: 28px;
  bottom: 2px;
}
#pedigree_tree_canvas .pedigree_tree_person_large.pedigree_tree_person_selected_M .image, #pedigree_tree_canvas .pedigree_tree_person_large.pedigree_tree_person_selected_F .image, #pedigree_tree_canvas .pedigree_tree_person_large.pedigree_tree_person_selected_U .image {
  padding: 8px;
  margin-right: 1px;
}
#pedigree_tree_canvas .pedigree_tree_person_large .details {
  width: 131px;
}
#pedigree_tree_canvas .pedigree_tree_person_large .details .name {
  max-height: 30px;
}
#pedigree_tree_canvas .pedigree_tree_person_large .details .icon,
#pedigree_tree_canvas .pedigree_tree_person_large .details .date {
  display: inline-block;
  vertical-align: middle;
}
#pedigree_tree_canvas .pedigree_tree_person_large .details .icon {
  margin-right: 2px;
}
#pedigree_tree_canvas .pedigree_tree_person_large .details .date {
  max-width: 130px;
  max-height: 14px;
  overflow: hidden;
}
#pedigree_tree_canvas .pedigree_tree_person_large .details .birth_icon,
#pedigree_tree_canvas .pedigree_tree_person_large .details .death_icon {
  margin-right: 2px;
}
#pedigree_tree_canvas .pedigree_tree_person_large .details .birth_icon {
  background-position: -245px -176px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 8px;
  height: 9px;
}
#pedigree_tree_canvas .pedigree_tree_person_large .details .death_icon {
  background-position: -201px -132px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 8px;
  height: 9px;
}
#pedigree_tree_canvas .pedigree_tree_person_large .pedigree_tree_person_add_me .details {
  width: 200px;
}
#pedigree_tree_canvas .pedigree_tree_person_large .indicators {
  height: 58px;
}
#pedigree_tree_canvas .pedigree_tree_person_large .indicators_high_generation {
  padding: 4px 0;
}
#pedigree_tree_canvas .pedigree_tree_person_large .indicators_high_generation .indicator_icon {
  margin: 4px 0;
}
#pedigree_tree_canvas .pedigree_tree_person_large .duplicate_person_indicator {
  top: -6px;
  left: 6px;
}
#pedigree_tree_canvas .pedigree_tree_person_large .duplicate_parents_indicator {
  top: -9px;
  left: 109px;
  display: block;
}
#pedigree_tree_canvas .pedigree_tree_person_medium {
  width: 220px;
  height: 64px;
  border-radius: 32px;
}
#pedigree_tree_canvas .pedigree_tree_person_medium .border {
  width: 220px;
  height: 64px;
  border-radius: 32px;
}
#pedigree_tree_canvas .pedigree_tree_person_medium .image {
  padding: 9px;
}
#pedigree_tree_canvas .pedigree_tree_person_medium .image .photo {
  width: 44px;
  height: 44px;
}
#pedigree_tree_canvas .pedigree_tree_person_medium .image .camera {
  left: 22px;
  bottom: 3px;
}
#pedigree_tree_canvas .pedigree_tree_person_medium.pedigree_tree_person_selected_M .image, #pedigree_tree_canvas .pedigree_tree_person_medium.pedigree_tree_person_selected_F .image, #pedigree_tree_canvas .pedigree_tree_person_medium.pedigree_tree_person_selected_U .image {
  padding: 8px;
  margin-right: 1px;
}
#pedigree_tree_canvas .pedigree_tree_person_medium .details {
  width: 115px;
}
#pedigree_tree_canvas .pedigree_tree_person_medium .details .name {
  max-height: 28px;
}
#pedigree_tree_canvas .pedigree_tree_person_medium .details .icon,
#pedigree_tree_canvas .pedigree_tree_person_medium .details .date {
  display: inline-block;
  vertical-align: middle;
}
#pedigree_tree_canvas .pedigree_tree_person_medium .details .icon {
  margin-right: 2px;
}
#pedigree_tree_canvas .pedigree_tree_person_medium .details .date {
  max-width: 114px;
  max-height: 14px;
  overflow: hidden;
}
#pedigree_tree_canvas .pedigree_tree_person_medium .details .birth_icon,
#pedigree_tree_canvas .pedigree_tree_person_medium .details .death_icon {
  margin-right: 2px;
}
#pedigree_tree_canvas .pedigree_tree_person_medium .details .birth_icon {
  background-position: -245px -176px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 8px;
  height: 9px;
}
#pedigree_tree_canvas .pedigree_tree_person_medium .details .death_icon {
  background-position: -201px -132px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 8px;
  height: 9px;
}
#pedigree_tree_canvas .pedigree_tree_person_medium .indicators {
  height: 56px;
}
#pedigree_tree_canvas .pedigree_tree_person_medium .indicators .indicator_icon {
  height: 18px;
  width: 18px;
}
#pedigree_tree_canvas .pedigree_tree_person_medium .duplicate_person_indicator {
  top: -6px;
  left: 6px;
}
#pedigree_tree_canvas .pedigree_tree_person_medium .duplicate_parents_indicator {
  top: -9px;
  left: 23px;
  display: block;
}
#pedigree_tree_canvas .pedigree_tree_person_small {
  width: 238px;
  height: 46px;
  border-radius: 23px;
}
#pedigree_tree_canvas .pedigree_tree_person_small .border {
  width: 238px;
  height: 46px;
  border-radius: 23px;
}
#pedigree_tree_canvas .pedigree_tree_person_small .image {
  padding: 7px;
  min-width: 21px;
  min-height: 42px;
}
#pedigree_tree_canvas .pedigree_tree_person_small .image .photo {
  width: 30px;
  height: 30px;
}
#pedigree_tree_canvas .pedigree_tree_person_small .image .camera {
  left: 20px;
  bottom: 1px;
  width: 18px;
  height: 18px;
  padding: 3px;
}
#pedigree_tree_canvas .pedigree_tree_person_small .image .camera_icon {
  background-position: -373px -329px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 12px;
  height: 11px;
}
#pedigree_tree_canvas .pedigree_tree_person_small.pedigree_tree_person_selected_M .image, #pedigree_tree_canvas .pedigree_tree_person_small.pedigree_tree_person_selected_F .image, #pedigree_tree_canvas .pedigree_tree_person_small.pedigree_tree_person_selected_U .image {
  padding: 6px;
  margin-right: 1px;
}
#pedigree_tree_canvas .pedigree_tree_person_small .details {
  width: 162px;
}
#pedigree_tree_canvas .pedigree_tree_person_small .indicators {
  height: 30px;
}
#pedigree_tree_canvas .pedigree_tree_person_small .indicators .indicator_icon {
  width: 10px;
  height: 10px;
  margin: 4px 0;
}
#pedigree_tree_canvas .pedigree_tree_person_small .duplicate_person_indicator {
  top: -4px;
  left: -4px;
}
#pedigree_tree_canvas .pedigree_tree_person_small .duplicate_parents_indicator {
  top: 14px;
  right: -8px;
  display: block;
}
#pedigree_tree_canvas .pedigree_tree_person_small.pedigree_tree_person_add_me .image {
  min-width: 16px;
}
#pedigree_tree_canvas .pedigree_tree_person_tiny {
  width: 196px;
  height: 26px;
  border-radius: 13px;
}
#pedigree_tree_canvas .pedigree_tree_person_tiny .border {
  width: 196px;
  height: 26px;
  border-radius: 13px;
}
#pedigree_tree_canvas .pedigree_tree_person_tiny .image {
  height: 26px;
  width: 12px;
}
#pedigree_tree_canvas .pedigree_tree_person_tiny .details {
  width: 155px;
  padding-bottom: 1px;
}
#pedigree_tree_canvas .pedigree_tree_person_tiny .indicators .indicator_icon {
  width: 8px;
  height: 8px;
  margin: 2px;
}
#pedigree_tree_canvas .pedigree_tree_person_tiny .duplicate_person_indicator {
  top: -6px;
  left: -4px;
}
#pedigree_tree_canvas .pedigree_tree_person_tiny .duplicate_parents_indicator {
  top: 4px;
  right: -8px;
  display: block;
}
#pedigree_tree_canvas .pedigree_tree_person_tiny.pedigree_tree_person_add_me .details {
  width: 170px;
}
#pedigree_tree_canvas .pedigree_tree_branch {
  position: absolute;
  border: solid 1px transparent;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  cursor: pointer;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
}
#pedigree_tree_canvas .pedigree_tree_branch .branch_collapsed_icon {
  margin: 5px 6px;
  opacity: 0.5;
  background-position: -373px -88px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 13px;
  height: 13px;
}
#pedigree_tree_canvas .pedigree_tree_branch .branch_expanded_icon {
  margin: 4px 3px;
  background-position: -373px -88px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 13px;
  height: 13px;
  transform: scaleX(-1);
}
#pedigree_tree_canvas .pedigree_tree_branch .branch_loading_icon {
  background: url("/Utility/SiteUtilities/assets/img/loading.gif") center center no-repeat;
  width: 16px;
  height: 16px;
  margin: 4px;
}
#pedigree_tree_canvas .pedigree_tree_branch .branch_loading {
  padding: 4px;
}
#pedigree_tree_canvas .pedigree_tree_branch:hover {
  border-color: #e5e5e5;
}
#pedigree_tree_canvas .pedigree_tree_branch:hover .branch_collapsed_icon,
#pedigree_tree_canvas .pedigree_tree_branch:hover .branch_expanded_icon {
  opacity: 1;
}
#pedigree_tree_canvas .pedigree_tree_branch_full {
  background-color: white;
}
#pedigree_tree_canvas .pedigree_tree_branch_add_me {
  background-color: #e5e5e5;
  border-color: #e5e5e5;
}
#pedigree_tree_canvas .pedigree_tree_branch_add_me:hover {
  border-color: #e5e5e5;
}
#pedigree_tree_canvas .pedigree_tree_branch_expanded {
  border: solid 2px #595959;
}
#pedigree_tree_canvas .pedigree_tree_branch_expanded:hover {
  border-color: #333;
}

.border_M {
  border-color: #17b4ce !important;
}

.border_F {
  border-color: #fc8181 !important;
}

.border_U {
  border-color: #ccc !important;
}

.clickable_border_M {
  border-color: #17b4ce !important;
}
.clickable_border_M:hover {
  box-shadow: 0 0 7px 1px #17b4ce, 0 0 0 1px #17b4ce;
}

.clickable_border_F {
  border-color: #fc8181 !important;
}
.clickable_border_F:hover {
  box-shadow: 0 0 7px 1px #fc8181, 0 0 0 1px #fc8181;
}

.clickable_border_U {
  border-color: #ccc !important;
}
.clickable_border_U:hover {
  box-shadow: 0 0 7px 1px #ccc, 0 0 0 1px #ccc;
}

.actions_border_M {
  border-color: #17b4ce !important;
}
.actions_border_M:hover {
  box-shadow: 0 0 3px 1px #17b4ce, 0 0 0 1px #17b4ce;
}

.actions_border_F {
  border-color: #fc8181 !important;
}
.actions_border_F:hover {
  box-shadow: 0 0 3px 1px #fc8181, 0 0 0 1px #fc8181;
}

.actions_border_U {
  border-color: #ccc !important;
}
.actions_border_U:hover {
  box-shadow: 0 0 3px 1px #ccc, 0 0 0 1px #ccc;
}

.indicator_icon {
  border-radius: 50%;
}

.indicator_link_icon {
  opacity: 1;
}
.indicator_link_icon:hover {
  opacity: 0.8;
}

.indicator_animate {
  opacity: 0;
}

.smart_matches_pending .icon_image,
.smart_matches_confirmed .icon_image {
  background-position: -56px -281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}

.record_matches_pending .icon_image,
.record_matches_confirmed .icon_image {
  background-position: -28px -281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}

.dna_test_public .icon_image,
.dna_test_private .icon_image,
.dna_test_order .icon_image,
.dna_test_upload .icon_image {
  background-position: -293px -252px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}

.dna_test_private .icon_image {
  background-position: 0px -281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}

.pedigree_tree_person_small .smart_matches_pending,
.pedigree_tree_person_small .smart_matches_confirmed,
.pedigree_tree_person_tiny .smart_matches_pending,
.pedigree_tree_person_tiny .smart_matches_confirmed {
  background-color: #48cf77;
  border: solid 1px #48cf77;
}
.pedigree_tree_person_small .smart_matches_pending .icon_image,
.pedigree_tree_person_small .smart_matches_confirmed .icon_image,
.pedigree_tree_person_tiny .smart_matches_pending .icon_image,
.pedigree_tree_person_tiny .smart_matches_confirmed .icon_image {
  background-position: -316px -336px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 10px;
}
.pedigree_tree_person_small .record_matches_pending,
.pedigree_tree_person_small .record_matches_confirmed,
.pedigree_tree_person_tiny .record_matches_pending,
.pedigree_tree_person_tiny .record_matches_confirmed {
  background-color: #a9653b;
  border: solid 1px #a9653b;
}
.pedigree_tree_person_small .record_matches_pending .icon_image,
.pedigree_tree_person_small .record_matches_confirmed .icon_image,
.pedigree_tree_person_tiny .record_matches_pending .icon_image,
.pedigree_tree_person_tiny .record_matches_confirmed .icon_image {
  background-position: -280px -336px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 10px;
}
.pedigree_tree_person_small .dna_test_public,
.pedigree_tree_person_small .dna_test_private,
.pedigree_tree_person_tiny .dna_test_public,
.pedigree_tree_person_tiny .dna_test_private {
  padding: 0;
}
.pedigree_tree_person_small .dna_test_public .icon_image,
.pedigree_tree_person_small .dna_test_private .icon_image,
.pedigree_tree_person_tiny .dna_test_public .icon_image,
.pedigree_tree_person_tiny .dna_test_private .icon_image {
  background-position: -208px -336px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 10px;
}
.pedigree_tree_person_small .dna_test_public,
.pedigree_tree_person_tiny .dna_test_public {
  background-color: #bb4ece;
  border: solid 1px #bb4ece;
}
.pedigree_tree_person_small .dna_test_private,
.pedigree_tree_person_tiny .dna_test_private {
  background-color: #e5e5e5;
  border: solid 1px #e5e5e5;
}

.consistency_issues .icon_image {
  background-position: -293px 0px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}

#pedigree_tree_name {
  visibility: hidden;
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.3px;
}

#pedigree_tree_date {
  visibility: hidden;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.3px;
}

.pedigree_tree_ellipsis {
  font-size: 8px;
  line-height: 9px;
  padding-left: 2px;
}

.pedigree_tree_full_screen {
  top: 0 !important;
}

.grab-cursor {
  cursor: url("/FP/Assets/Images/NewTree/openhand.cur.ico"), auto;
  cursor: -moz-grab;
}

.grabbing-cursor {
  cursor: url("/FP/Assets/Images/NewTree/closedhand.cur.ico"), auto;
  cursor: -moz-grabbing;
}

.pedigree_tree_spinner {
  background-image: url("/FP/Assets/Images/Misc/Spinner-3s-200px.svg?v=3");
  background-repeat: no-repeat;
  width: 200px;
  height: 200px;
}

.pedigree_tree_spinner_ie {
  background-image: url("/FP/Assets/Images/Misc/Spinner-3s-200px.gif?v=1");
}

.pedigree_tree_spinner_embed {
  background: url("/FP/Assets/Images/Lightbox/loading.gif") center center no-repeat;
}

#pedigree_tree_card_actions {
  position: absolute;
  display: none;
  background-color: #fff;
  border-width: 0;
  border-style: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  box-shadow: 0 0 6px 0 rgba(98, 108, 118, 0.24);
  cursor: pointer;
}
#pedigree_tree_card_actions:hover {
  background-color: #f7f7f7;
}
#pedigree_tree_card_actions .action_icon {
  display: table-cell;
  padding: 5px;
}
#pedigree_tree_card_actions .action_icon_disabled {
  opacity: 0.3 !important;
}
#pedigree_tree_card_actions .action_edit_icon {
  background-position: -99px -336px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 11px;
  height: 11px;
}
#pedigree_tree_card_actions.large {
  width: 28px;
  height: 28px;
}
#pedigree_tree_card_actions.large .action_icon {
  padding: 6px;
}
#pedigree_tree_card_actions.large .action_edit_icon {
  background-position: -349px -96px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 16px;
  height: 16px;
}

#pedigree_tree_app .dropdown {
  border: solid 1px rgba(0, 0, 0, 0.03);
  border-radius: 2px !important;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  padding: 10px 0;
}
#pedigree_tree_app .dropdown .drop-item {
  background-color: #fff;
  border-bottom-width: 0;
}
.mh_mobile #pedigree_tree_app .dropdown .drop-item {
  border-bottom: 1px solid #e5e5e5;
  padding: 10px;
}
.mh_mobile #pedigree_tree_app .dropdown .drop-item.sel {
  background-color: #fff;
}
#pedigree_tree_app .dropdown .drop-item .drop-img {
  background-color: #fff;
  width: 42px !important;
  height: 42px !important;
}
#pedigree_tree_app .dropdown .drop-item .drop-img img.autocomplete-image,
#pedigree_tree_app .dropdown .drop-item .drop-img img.autocomplete-image-silhouette {
  border-radius: 50% !important;
  background-position: center !important;
  background-size: cover !important;
  width: 42px !important;
  height: 42px !important;
}
#pedigree_tree_app .dropdown .drop-item .drop-img img.PK_Silhouette_S_30_Ribbon {
  display: none;
}
#pedigree_tree_app .dropdown .drop-item .drop-text {
  width: calc(100% - 54px);
}
#pedigree_tree_app .dropdown .drop-item .drop-text .autocomplete-name {
  color: #000;
}
#pedigree_tree_app .dropdown .drop-item .drop-text .autocomplete-date,
#pedigree_tree_app .dropdown .drop-item .drop-text .autocomplete-relation {
  color: #595959;
}
.mh_mobile #pedigree_tree_app .dropdown .drop-item .drop-text .autocomplete-name,
.mh_mobile #pedigree_tree_app .dropdown .drop-item .drop-text .autocomplete-date,
.mh_mobile #pedigree_tree_app .dropdown .drop-item .drop-text .autocomplete-relation {
  font-size: 13px;
  line-height: 17px;
}
.mh_desktop #pedigree_tree_app .dropdown .sel {
  background-color: #f7f7f7;
}
.mh_desktop #pedigree_tree_app .dropdown .sel .drop-img {
  background-color: #f7f7f7;
}
#pedigree_tree_app .dropdown .autocomplete-image-silhouette {
  border: solid 1px #ccc;
}
#pedigree_tree_app .dropdown .drop-status table {
  margin: unset !important;
}
#pedigree_tree_app .dropdown .drop-status .drop-status-icon {
  display: none;
}
#pedigree_tree_app .dropdown .drop-status .drop-status-text {
  color: #595959;
}

#pedigree_tree_header {
  padding-top: 14px;
  background-color: #fff;
  color: #595959;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 60px;
  border-bottom: solid 1px #f2f2f2;
}
.mh_mobile #pedigree_tree_header {
  height: 0;
  padding-top: 0;
}
#pedigree_tree_header .header_left {
  position: absolute;
  left: 16px;
  background-color: #fff;
}
#pedigree_tree_header .header_right {
  position: absolute;
  right: 10px;
  bottom: 0;
  background-color: #fff;
}
#pedigree_tree_header .tree_name,
#pedigree_tree_header .header_separator,
#pedigree_tree_header .individual_name,
#pedigree_tree_header .view_size {
  display: inline-block;
  vertical-align: middle;
}
#pedigree_tree_header .tree_name {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.3px;
  color: #333;
  background-color: transparent;
  padding: 6px 8px;
  border-radius: 3px;
}
#pedigree_tree_header .tree_name a {
  color: #333;
}
#pedigree_tree_header .tree_name a:hover {
  text-decoration: none;
}
#pedigree_tree_header .tree_name.selector:hover {
  background-color: #f2f2f2;
}
#pedigree_tree_header .tree_name .drop_down_button {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  cursor: pointer;
}
#pedigree_tree_header .tree_name .drop_down_button::after {
  content: "";
  background-position: -373px -309px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 12px;
  height: 12px;
}
#pedigree_tree_header .tree_name .drop_down_button:hover {
  opacity: 0.8;
}
#pedigree_tree_header .tree_name .pedigree_tree_site_trees_selector_open .drop_down_button::after {
  transform: scaleY(-1);
}
#pedigree_tree_header #pedigree_tree_site_trees_menu {
  display: none;
  position: absolute;
  top: 60px;
  z-index: 210;
  border: solid 1px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  max-height: 392px;
  overflow: auto;
  box-shadow: 0 10px 40px -20px rgba(0, 0, 0, 0.35);
  border-radius: 3px;
  padding: 10px 0;
}
#pedigree_tree_header #pedigree_tree_site_trees_menu .entry {
  cursor: pointer;
  width: 100%;
  display: table-row;
  line-height: 40px;
}
#pedigree_tree_header #pedigree_tree_site_trees_menu .entry:hover {
  background-color: #efefef;
}
#pedigree_tree_header #pedigree_tree_site_trees_menu .entry .name,
#pedigree_tree_header #pedigree_tree_site_trees_menu .entry .size,
#pedigree_tree_header #pedigree_tree_site_trees_menu .entry .icon {
  display: table-cell;
  vertical-align: middle;
}
#pedigree_tree_header #pedigree_tree_site_trees_menu .entry .name {
  padding: 0 20px;
}
#pedigree_tree_header #pedigree_tree_site_trees_menu .entry .size {
  text-align: right;
  padding-right: 16px;
}
#pedigree_tree_header #pedigree_tree_site_trees_menu .entry .icon {
  padding-right: 20px;
}
#pedigree_tree_header #pedigree_tree_site_trees_menu .selected_entry {
  color: #f56932;
}
#pedigree_tree_header #pedigree_tree_site_trees_menu .selected_entry .selected_icon {
  background-position: -373px -289px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 12px;
  height: 12px;
}
#pedigree_tree_header .pedigree_tree_site_trees_menu_open {
  display: block !important;
}
#pedigree_tree_header .header_separator {
  background-color: #999;
  width: 1px;
  height: 14px;
  margin: 0 12px 0 4px;
}
#pedigree_tree_header .individual_name {
  font-size: 12px;
  font-weight: bold;
}
#pedigree_tree_header .view_size {
  font-size: 12px;
  margin-left: 10px;
}

#masterPageHeader .mobile_header .pedigree_tree_mobile_header {
  font-weight: normal;
  color: #fff;
  font-size: 20px;
  line-height: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 45px;
}

#family_search_sync_button {
  float: left !important;
}

#tree_view_selector {
  float: right !important;
}

#pedigree_tree_breadcrumbs {
  display: inline-block;
  vertical-align: middle;
}
#pedigree_tree_breadcrumbs a.link,
#pedigree_tree_breadcrumbs .suffix {
  color: #595959;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0.3px;
  display: inline-flex;
  vertical-align: middle;
}
#pedigree_tree_breadcrumbs a.root,
#pedigree_tree_breadcrumbs .suffix {
  color: #333;
  font-weight: 500;
}
#pedigree_tree_breadcrumbs .suffix {
  padding: 0 6px;
}
#pedigree_tree_breadcrumbs .breadcrumb_separator {
  display: inline-flex;
  vertical-align: middle;
  margin: 2px 8px 3px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #999;
}

/* stylelint-disable */
.zoomslider_sprite, .mh_mobile #pedigree_tree_toolbar #zoom_slider .zoom_out_icon, .mh_mobile #pedigree_tree_toolbar #zoom_slider .zoom_in_icon {
  background-image: url("/FP/Assets/Images/Sprites/zoomslider_sprite.png?v=9");
}
@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) {
  .zoomslider_sprite, .mh_mobile #pedigree_tree_toolbar #zoom_slider .zoom_out_icon, .mh_mobile #pedigree_tree_toolbar #zoom_slider .zoom_in_icon {
    background-image: url("/FP/Assets/Images/Sprites/zoomslider_sprite@2x.png?v=9");
    background-size: 60px 40px;
  }
}

#pedigree_tree_toolbar {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  height: 60px;
  color: #999;
  background-color: #f2f2f2;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
  z-index: 2;
}
#pedigree_tree_toolbar.tablet_mobile_embed {
  top: 5px;
  padding-top: 2px;
  border-bottom: none;
}
.mh_mobile #pedigree_tree_toolbar {
  visibility: hidden;
  top: 0;
  left: 0;
  right: 0;
  height: 49px;
}
#pedigree_tree_toolbar.phone_search_open {
  background-color: #fff;
}
#pedigree_tree_toolbar.phone_search_open .toolbar_search {
  width: 100%;
}
.phone_mobile_embed #pedigree_tree_toolbar.phone_search_open {
  width: 100%;
}
.phone_mobile_embed #pedigree_tree_toolbar.phone_search_open .phone_search_open {
  height: 100%;
  width: 100%;
}
#pedigree_tree_toolbar.phone_mobile_embed {
  top: 0;
  background-color: transparent;
  border-bottom: none;
  right: 0;
  width: 100%;
}
#pedigree_tree_toolbar.phone_mobile_embed.phone_search_open {
  background-color: #fff;
}
#pedigree_tree_toolbar .toolbar_left {
  position: absolute;
  left: 0;
  right: 0;
}
#pedigree_tree_toolbar .toolbar_left .panel_opener {
  position: absolute;
  top: 13px;
  left: 0;
  width: 26px;
  height: 32px;
  background-color: #fff;
  border-top: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  padding: 10px;
  box-shadow: 0 0 6px 0 rgba(98, 108, 118, 0.24);
  cursor: pointer;
  z-index: 200;
  transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -webkit-transition: opacity 0.5s linear;
  transition-delay: 0.5s;
}
#pedigree_tree_toolbar .toolbar_left .panel_opener:hover {
  background-color: #f7f7f7;
  width: 34px;
  padding-left: 14px;
  transition: all 0.2s linear;
}
.mh_responsive.mh_mobile #pedigree_tree_toolbar .toolbar_left .panel_opener {
  display: none;
}
.mh_responsive.mh_mobile #pedigree_tree_toolbar .toolbar_left .panel_opener.mobile_app {
  display: block;
}
#pedigree_tree_toolbar .toolbar_left .panel_opener .panel_opener_icon {
  background-position: -397px -18px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 6px;
  height: 10px;
  transform: scaleX(-1);
}
#pedigree_tree_toolbar .toolbar_left .view_size {
  font-size: 13px;
  color: #595959;
  letter-spacing: 0.3px;
  position: absolute;
  top: 16px;
  left: 43px;
  padding: 4px 8px;
  background-color: #f2f2f2;
  z-index: 1;
}
#pedigree_tree_toolbar .toolbar_right {
  position: absolute;
  right: 0;
  margin: 9px 8px;
  padding: 5px 2px 1px 12px;
  height: 40px;
  display: none;
}
.mh_mobile #pedigree_tree_toolbar .toolbar_right {
  left: 0;
  height: 48px;
  margin: 0;
  padding: 0;
}
#pedigree_tree_toolbar #zoom_slider {
  display: inline-block;
  vertical-align: top;
}
.mh_mobile #pedigree_tree_toolbar #zoom_slider {
  position: absolute;
  right: 0;
  top: 0;
  height: 48px;
  background-color: #f2f2f2;
  border-left: solid 1px #e5e5e5;
}
.mh_mobile #pedigree_tree_toolbar #zoom_slider .zoom_slider {
  width: 96px;
  height: 100%;
  justify-content: center;
}
.mh_mobile #pedigree_tree_toolbar #zoom_slider .zoom_slider_gap {
  width: 0;
}
.mh_mobile #pedigree_tree_toolbar #zoom_slider .zoom_out,
.mh_mobile #pedigree_tree_toolbar #zoom_slider .zoom_in {
  width: 48px;
  height: 48px;
  padding: 18px;
}
.mh_mobile #pedigree_tree_toolbar #zoom_slider .zoom_in {
  border-left: solid 1px #e5e5e5;
}
.mh_mobile #pedigree_tree_toolbar #zoom_slider .zoom_in_icon {
  background-position: -48px 0px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 12px;
  height: 12px;
}
.mh_mobile #pedigree_tree_toolbar #zoom_slider .zoom_out_icon {
  background-position: -48px -20px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 12px;
  height: 12px;
}
#pedigree_tree_toolbar .toolbar_navigate {
  display: inline-block;
  vertical-align: top;
  margin-right: 16px;
}
#pedigree_tree_toolbar .toolbar_search {
  display: inline-block;
  vertical-align: top;
}
.mh_desktop #pedigree_tree_toolbar .toolbar_search {
  margin-top: -4px;
}
.mh_embed #pedigree_tree_toolbar .toolbar_search {
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
}
#pedigree_tree_toolbar .find_person_parent {
  display: inline-block;
  vertical-align: middle;
  width: 215px;
  height: 32px;
  position: relative;
  z-index: 5;
}
.mh_mobile #pedigree_tree_toolbar .find_person_parent {
  width: 100%;
  height: 100%;
  padding: 8px;
}
#pedigree_tree_toolbar .find_person_parent.phone_search_open {
  background-color: #fff;
}
#pedigree_tree_toolbar #pedigree_tree_find_person {
  font-size: 12px;
  width: 215px;
  height: 32px;
  border: solid 1px #ccc;
  border-radius: 15px;
  background-color: #f2f2f2;
  color: #000;
  padding-left: 12px;
  padding-right: 30px;
  outline: none;
  direction: ltr;
}
#pedigree_tree_toolbar #pedigree_tree_find_person:-ms-input-placeholder {
  color: #595959;
}
#pedigree_tree_toolbar #pedigree_tree_find_person::placeholder {
  color: #595959;
}
#pedigree_tree_toolbar #pedigree_tree_find_person:hover, #pedigree_tree_toolbar #pedigree_tree_find_person:focus {
  border-color: #999;
}
.mh_mobile #pedigree_tree_toolbar #pedigree_tree_find_person {
  width: 100%;
  height: 34px;
  padding-left: 32px;
  padding-right: 32px;
  background-color: transparent;
  font-size: 16px;
  color: #595959;
  border-radius: 20px;
  border: solid 1px transparent;
}
.mh_mobile #pedigree_tree_toolbar #pedigree_tree_find_person:-ms-input-placeholder {
  color: #ccc;
}
.mh_mobile #pedigree_tree_toolbar #pedigree_tree_find_person::placeholder {
  color: #ccc;
}
.phone_mobile_embed #pedigree_tree_toolbar #pedigree_tree_find_person {
  width: 100%;
  border: none;
  height: 35px;
  background-color: transparent;
  border-radius: 0;
}
#pedigree_tree_toolbar #pedigree_tree_find_person.phone_search_open {
  display: inline-block;
  background-color: #fff;
  border-color: #ccc;
  width: calc(100% - 60px);
}
#pedigree_tree_toolbar #pedigree_tree_find_person.phone_search_open:-ms-input-placeholder {
  color: transparent;
}
#pedigree_tree_toolbar #pedigree_tree_find_person.phone_search_open::placeholder {
  color: transparent;
}
#pedigree_tree_toolbar #pedigree_tree_find_person_embed {
  font-size: 14px;
  width: 208px;
  opacity: 0.5;
  height: 22px;
  border: none;
  float: left;
  background-color: transparent;
  padding: 0 10px;
  margin-left: 14px;
  outline: none;
  direction: ltr;
}
.mh_tablet #pedigree_tree_toolbar #pedigree_tree_find_person_embed {
  margin-bottom: 2px;
}
.mh_mobile #pedigree_tree_toolbar #pedigree_tree_find_person_embed {
  width: 100%;
  height: 34px;
  margin-left: 0;
  border: solid 1px transparent;
  border-radius: 30px;
  padding-left: 28px;
  background-color: #f2f2f2;
  font-size: 16px;
  color: #595959;
}
.mh_mobile #pedigree_tree_toolbar #pedigree_tree_find_person_embed:-ms-input-placeholder {
  color: #999;
}
.mh_mobile #pedigree_tree_toolbar #pedigree_tree_find_person_embed::placeholder {
  color: #999;
}
.mh_mobile #pedigree_tree_toolbar #pedigree_tree_find_person_embed.phone_search_open {
  border-color: #ccc;
}
.phone_mobile_embed #pedigree_tree_toolbar #pedigree_tree_find_person_embed {
  width: 100%;
  border: none;
  height: 35px;
  background-color: transparent;
  border-radius: 0;
}
#pedigree_tree_toolbar #pedigree_tree_find_person_embed.phone_search_open {
  display: inline-block;
  background-color: #fff;
  color: #333;
  opacity: 1;
}
#pedigree_tree_toolbar .find_person_search_button {
  display: inline-block;
  position: absolute;
}
.mh_desktop #pedigree_tree_toolbar .find_person_search_button, .mh_tablet #pedigree_tree_toolbar .find_person_search_button {
  top: 5px;
  right: 7px;
}
.mh_mobile #pedigree_tree_toolbar .find_person_search_button {
  top: 15px;
  left: 13px;
}
.mh_embed #pedigree_tree_toolbar .find_person_search_button {
  top: 16px;
}
#pedigree_tree_toolbar .find_person_search_button .search_icon {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("/FP/Assets/Images/NewTree/search_20x20.svg?v=1");
}
#pedigree_tree_toolbar .find_person_close_search_button {
  display: none;
  position: absolute;
  top: 16px;
  right: 12px;
  font-size: 15px;
  letter-spacing: 0.3px;
  color: #595959;
}
.mh_embed #pedigree_tree_toolbar .find_person_close_search_button {
  top: 14px;
}
#pedigree_tree_toolbar .find_person_close_search_button.phone_search_open {
  display: inline-block;
}
#pedigree_tree_toolbar .find_person_close_search_button .close_search_icon {
  background-position: -349px -192px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 16px;
  height: 16px;
  opacity: 0.7;
}
#pedigree_tree_toolbar .find_person_clear_search_button {
  display: none;
  position: relative;
  top: 4px;
  right: 26px;
}
.mh_embed #pedigree_tree_toolbar .find_person_clear_search_button {
  top: 7px;
}
#pedigree_tree_toolbar .find_person_clear_search_button.phone_search_open {
  display: inline-block;
}
#pedigree_tree_toolbar .find_person_clear_search_button::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("/FP/Assets/Images/Common/close_20x20.svg?v=1");
}
#pedigree_tree_toolbar .dropdown {
  width: 252px;
  position: absolute;
}
.mh_mobile #pedigree_tree_toolbar .dropdown {
  position: absolute;
  top: 48px;
  padding: 0;
}
.mh_mobile #pedigree_tree_toolbar .dropdown, .phone_mobile_embed #pedigree_tree_toolbar .dropdown {
  width: 100%;
  border-radius: 0 !important;
  padding-bottom: 0;
  height: auto !important;
}
.mh_mobile #pedigree_tree_toolbar .dropdown .drop-status, .phone_mobile_embed #pedigree_tree_toolbar .dropdown .drop-status {
  padding: 9px 14px;
}
.mh_mobile #pedigree_tree_toolbar .dropdown .drop-status-text, .phone_mobile_embed #pedigree_tree_toolbar .dropdown .drop-status-text {
  font-size: 13px;
  padding-bottom: 8px;
}
#pedigree_tree_toolbar .toolbar_actions {
  display: inline-block;
  margin-left: 10px;
}
#pedigree_tree_toolbar .toolbar_action {
  display: inline-block;
  vertical-align: middle;
  padding: 3px;
  margin: 0 3px;
  border: solid 1px transparent;
  border-radius: 3px;
  cursor: pointer;
}
#pedigree_tree_toolbar .toolbar_full_screen_actions {
  display: inline-block;
  margin-left: 8px;
}
#pedigree_tree_toolbar .toolbar_full_screen_actions_float,
#pedigree_tree_toolbar .toolbar_home_actions_float,
#pedigree_tree_toolbar .toolbar_color_coding_actions {
  position: fixed;
  bottom: 106px;
  right: 25px;
  width: 32px;
  height: 32px;
  background-color: #fff;
  border-radius: 4px;
  border: solid 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}
#pedigree_tree_toolbar .toolbar_full_screen_actions_float .toolbar_action,
#pedigree_tree_toolbar .toolbar_full_screen_actions_float .toolbar_action_active,
#pedigree_tree_toolbar .toolbar_home_actions_float .toolbar_action,
#pedigree_tree_toolbar .toolbar_home_actions_float .toolbar_action_active,
#pedigree_tree_toolbar .toolbar_color_coding_actions .toolbar_action,
#pedigree_tree_toolbar .toolbar_color_coding_actions .toolbar_action_active {
  border: none;
  margin: 0;
}
#pedigree_tree_toolbar .toolbar_full_screen_actions_float .toolbar_action_active,
#pedigree_tree_toolbar .toolbar_home_actions_float .toolbar_action_active,
#pedigree_tree_toolbar .toolbar_color_coding_actions .toolbar_action_active {
  background-color: unset;
}
#pedigree_tree_toolbar .toolbar_full_screen_actions_float {
  padding: 2px;
}
.NewTreeFaceLift #pedigree_tree_toolbar .toolbar_full_screen_actions_float {
  bottom: 148px;
}
#pedigree_tree_toolbar .toolbar_full_screen_actions_float .full_screen_icon {
  opacity: 0.6;
}
.mh_desktop #pedigree_tree_toolbar .toolbar_full_screen_actions_float:hover .full_screen_icon {
  opacity: 1;
}
#pedigree_tree_toolbar .toolbar_home_actions_float {
  display: none;
  padding: 2px;
}
.NewTreeFaceLift #pedigree_tree_toolbar .toolbar_home_actions_float {
  display: block;
}
#pedigree_tree_toolbar .toolbar_home_actions_float .home_icon {
  opacity: 0.6;
}
.mh_desktop #pedigree_tree_toolbar .toolbar_home_actions_float:hover .home_icon {
  opacity: 1;
}
#pedigree_tree_toolbar .toolbar_color_coding_actions {
  padding: 4px;
}
.NewTreeFaceLift #pedigree_tree_toolbar .toolbar_color_coding_actions {
  bottom: 190px;
}
#pedigree_tree_toolbar .toolbar_color_coding_actions .color_coding_icon {
  opacity: 0.6;
}
.mh_desktop #pedigree_tree_toolbar .toolbar_color_coding_actions:hover .color_coding_icon {
  opacity: 1;
}
#pedigree_tree_toolbar .toolbar_color_coding_actions .color_coding_icon {
  background-position: -168px -309px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 16px;
  height: 16px;
}
#pedigree_tree_toolbar .help {
  display: none;
}
#pedigree_tree_toolbar .options_icon {
  background-position: -224px -281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
#pedigree_tree_toolbar .full_screen_icon {
  background-position: -140px -281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
#pedigree_tree_toolbar .full_screen_icon_close {
  background-position: -168px -281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
#pedigree_tree_toolbar .home_icon {
  background-position: -293px -196px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
#pedigree_tree_toolbar .help_icon {
  background-position: -288px -309px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 16px;
  height: 16px;
}
#pedigree_tree_toolbar .share {
  display: none;
}
.mh_desktop #pedigree_tree_toolbar .share {
  padding: 9px;
}
.mh_desktop #pedigree_tree_toolbar .share:hover .share_icon {
  background-position: -261px -224px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 17px;
}
#pedigree_tree_toolbar .share_icon {
  background-position: -321px -278px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 17px;
}
#pedigree_tree_toolbar .download {
  cursor: default;
  display: none;
}
.mh_desktop #pedigree_tree_toolbar .download {
  padding: 5px 7px;
}
.mh_desktop #pedigree_tree_toolbar .download:hover .download_icon {
  background-position: -261px -32px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 24px;
  height: 24px;
}
#pedigree_tree_toolbar .download_active {
  display: inline-block;
  cursor: pointer;
}
#pedigree_tree_toolbar .download_icon {
  background-position: -261px 0px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 24px;
  height: 24px;
}
.mh_desktop #pedigree_tree_toolbar .share,
.mh_desktop #pedigree_tree_toolbar .download,
.mh_desktop #pedigree_tree_toolbar .options {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  margin: 0;
}
.mh_desktop #pedigree_tree_toolbar .share:hover,
.mh_desktop #pedigree_tree_toolbar .download:hover,
.mh_desktop #pedigree_tree_toolbar .options:hover {
  background-color: #e5e5e5;
}
.mh_desktop #pedigree_tree_toolbar .options {
  padding: 9px;
}
.mh_desktop #pedigree_tree_toolbar .options:hover .options_icon {
  background-position: -252px -281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}

.toolbar_fan_chart {
  position: absolute;
  top: 0;
  height: 48px;
  right: 97px;
  z-index: 10;
  display: flex;
  justify-content: center;
  background-color: #f2f2f2;
  border-left: solid 1px #e5e5e5;
}
.phone_search_open .toolbar_fan_chart {
  display: none;
}

.pedigree_tree_master_page_header_hidden {
  display: none;
  transition: 0.5s;
}

.tablet_mobile_embed .toolbar_right {
  right: auto;
  left: 50px;
}

.tablet_mobile_embed .find_person_parent::before {
  background-image: url("/FP/Assets/Images/NewTree/Tree-sprite.png?v=2");
  opacity: 0.5;
  background-position: -215px -123px;
  width: 20px;
  height: 20px;
  position: absolute;
  content: "";
}

.tablet_mobile_embed .toolbar_left .panel_opener {
  top: 4px !important;
  height: 25px !important;
}

#pedigree_tree_app .tablet_mobile_embed .toolbar_left .panel_opener .panel_opener_icon {
  background-image: url("/FP/Assets/Images/NewTree/Tree-sprite.png?v=2");
  width: 20px;
  height: 30px;
  margin-top: 0;
  margin-left: 10px;
  background-position: -13px -120px;
}

.closed_panel_opener_icon {
  background-position: -169px -170px !important;
}

#pedigree_tree_toolbar.pedigree_tree_body_panel_open .panel_opener {
  display: none;
}
#pedigree_tree_toolbar.pedigree_tree_body_panel_open .view_size {
  left: 20px;
}

/* stylelint-disable */
#pedigree_tree_options {
  position: absolute;
  top: 60px;
  bottom: 0;
  right: 0;
  width: 360px;
  box-shadow: 0 10px 40px 0 rgba(139, 153, 168, 0.2);
  background-color: #fff;
  overflow: hidden;
  z-index: 2;
  display: none;
  transition: 0.5s;
  transform: translate3d(105%, 0, 0);
}
#pedigree_tree_options .pedigree_tree_options_title {
  height: 60px;
  border-bottom: solid 1px #e5e5e5;
}
#pedigree_tree_options .pedigree_tree_options_title .options_title {
  position: absolute;
  right: 40px;
  left: 24px;
  padding: 16px 0;
  font-size: 18px;
  color: #333;
  font-weight: 500;
}
.platform_windows #pedigree_tree_options .pedigree_tree_options_title .options_title,
#pedigree_tree_options .pedigree_tree_options_title .options_title .lang_HE {
  font-weight: bold;
}
#pedigree_tree_options .pedigree_tree_options_title .options_close {
  position: absolute;
  right: 0;
  margin: 20px 12px;
}
#pedigree_tree_options .pedigree_tree_options_title .options_close .options_close_button {
  background-position: -196px -281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
  opacity: 0.7;
  cursor: pointer;
}
#pedigree_tree_options .pedigree_tree_options_title .options_close .options_close_button:hover {
  opacity: 1;
}
#pedigree_tree_options .pedigree_tree_options_body {
  position: absolute;
  top: 62px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  font-size: 12px;
  color: #595959;
  padding: 24px 24px 50px 24px;
}
#pedigree_tree_options .pedigree_tree_options_body .options_section {
  color: #333;
  font-weight: 500;
  padding: 12px 0 4px 0;
}
.platform_windows #pedigree_tree_options .pedigree_tree_options_body .options_section,
#pedigree_tree_options .pedigree_tree_options_body .options_section .lang_HE {
  font-weight: bold;
}
#pedigree_tree_options .pedigree_tree_options_body .options_separator {
  padding: 8px 0;
}
#pedigree_tree_options .pedigree_tree_options_body .options_divider {
  margin: 20px 0 8px 0;
  height: 1px;
  background-color: #e5e5e5;
}
#pedigree_tree_options .pedigree_tree_options_body .options_property {
  padding: 4px 0 8px 0;
}
#pedigree_tree_options .pedigree_tree_options_body .options_property input[type=checkbox],
#pedigree_tree_options .pedigree_tree_options_body .options_property input[type=radio],
#pedigree_tree_options .pedigree_tree_options_body .options_property .option_label,
#pedigree_tree_options .pedigree_tree_options_body .options_property .option_action {
  display: inline-block;
  max-width: 252px;
  vertical-align: top;
}
#pedigree_tree_options .pedigree_tree_options_body .options_property .option_action {
  margin-right: 4px;
}
#pedigree_tree_options .pedigree_tree_options_body .options_property .option_label {
  margin-left: 4px;
}
#pedigree_tree_options .pedigree_tree_options_body .options_property_middle .option_label,
#pedigree_tree_options .pedigree_tree_options_body .options_property_middle .option_action {
  vertical-align: middle;
}
#pedigree_tree_options .pedigree_tree_options_body .options_description {
  color: #999;
}
#pedigree_tree_options .pedigree_tree_options_body .options_message {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 16px;
}
#pedigree_tree_options .pedigree_tree_options_body .options_message .options_progress {
  font-style: italic;
}
#pedigree_tree_options .pedigree_tree_options_body .options_message .options_success {
  color: #35ac5d;
}
#pedigree_tree_options .pedigree_tree_options_body .options_message .options_error {
  color: #ef4232;
}
#pedigree_tree_options .pedigree_tree_options_body .options_export,
#pedigree_tree_options .pedigree_tree_options_body .options_print {
  cursor: pointer;
}
#pedigree_tree_options .new_badge {
  background-color: #2d7559;
  color: #fff;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.98px;
  text-align: center;
  display: inline-block;
  margin-left: 8px;
}
#pedigree_tree_options .more_info {
  background: #e5e5e5;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: inline-block;
  margin-left: 6px;
  color: #595959;
  font-weight: normal;
  text-align: center;
  font-size: 11px;
  cursor: pointer;
}
.mh_tablet #pedigree_tree_options .more_info {
  display: none;
}
#pedigree_tree_options .more_info:hover {
  box-shadow: 0 0 4px #e5e5e5;
}
#pedigree_tree_options .more_info::after {
  content: "?";
}
#pedigree_tree_options .export_icon {
  background-position: -293px -168px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
  opacity: 0.6;
}
#pedigree_tree_options .print_icon {
  background-position: -321px 0px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
  opacity: 0.6;
}
#pedigree_tree_options .options_container {
  display: block;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#pedigree_tree_options .options_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#pedigree_tree_options .options_container .checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: transparent;
  border: solid 1px #595959;
  border-radius: 2px;
}
#pedigree_tree_options .options_container .checkmark::after {
  content: "";
  position: absolute;
  display: none;
}
#pedigree_tree_options .options_container input:checked ~ .checkmark::after {
  display: block;
}
#pedigree_tree_options .options_container input:disabled {
  cursor: default;
}
#pedigree_tree_options .options_container .checkmark::after {
  left: 4px;
  top: 0;
  width: 5px;
  height: 9px;
  border: solid #f56932;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
#pedigree_tree_options .options_container .radio {
  position: absolute;
  top: 1px;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: transparent;
  border: solid 1px #595959;
  border-radius: 7px;
}
#pedigree_tree_options .options_container .radio::after {
  content: "";
  position: absolute;
  display: none;
}
#pedigree_tree_options .options_container input:checked ~ .radio::after {
  display: block;
}
#pedigree_tree_options .options_container .radio::after {
  left: 3px;
  top: 3px;
  width: 6px;
  height: 6px;
  background-color: #f56932;
  border-radius: 3px;
}
#pedigree_tree_options .option_disabled {
  opacity: 0.5;
  cursor: default;
}

.pedigree_tree_options_open {
  transform: translate3d(0, 0, 0) !important;
}

.pedigree_tree_options_full_screen {
  top: 50px !important;
}

/* stylelint-disable */
#pedigree_tree_panel {
  z-index: 3;
  position: absolute;
  top: 60px;
  bottom: 0;
  width: 360px;
  transition: 0.5s ease-in-out;
  color: #595959;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 10px 40px 0 rgba(139, 153, 168, 0.2);
  font-size: 13px;
  transform: translate3d(-105%, 0, 0);
}
.mh_mobile #pedigree_tree_panel {
  position: fixed;
  top: 50px;
  width: 100%;
  box-shadow: none;
  transform: translate3d(-200%, 0, 0);
}
#pedigree_tree_panel a {
  font-size: 13px;
  color: #595959;
}
.mh_mobile #pedigree_tree_panel a {
  text-decoration: underline;
}
#pedigree_tree_panel .photo {
  border-radius: 50%;
  background-position: center;
  background-size: cover;
}
#pedigree_tree_panel .photo_M {
  border: solid 1px #e5e5e5;
}
#pedigree_tree_panel .photo_F {
  border: solid 1px #e5e5e5;
}
#pedigree_tree_panel .photo_U {
  border: solid 1px #e5e5e5;
}
#pedigree_tree_panel .pedigree_tree_panel_closer {
  position: absolute;
  top: 0;
  right: 0;
  width: 26px;
  height: 64px;
  background-color: #fff;
  z-index: 5;
}
.mh_mobile #pedigree_tree_panel .pedigree_tree_panel_closer {
  top: 6px;
  right: 6px;
  width: auto;
  height: auto;
}
#pedigree_tree_panel .pedigree_tree_panel_closer .closer_button {
  margin-top: 13px;
  margin-left: 2px;
  width: 26px;
  height: 32px;
  background-color: #fff;
  border-top: solid 1px #e5e5e5;
  border-bottom: solid 1px #e5e5e5;
  border-left: solid 1px #e5e5e5;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  padding: 10px;
  cursor: pointer;
}
#pedigree_tree_panel .pedigree_tree_panel_closer .closer_button:hover {
  background-color: #f2f2f2;
  margin-left: -2px;
  width: 30px;
  transition: all 0.2s linear;
}
.mh_mobile #pedigree_tree_panel .pedigree_tree_panel_closer .closer_button {
  margin: 0;
  border: none;
  border-radius: 0;
  padding: 0;
}
.mh_desktop #pedigree_tree_panel .pedigree_tree_panel_closer .closer_icon, .mh_tablet #pedigree_tree_panel .pedigree_tree_panel_closer .closer_icon {
  background-position: -397px -18px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 6px;
  height: 10px;
}
.mh_mobile #pedigree_tree_panel .pedigree_tree_panel_closer .closer_icon {
  width: 24px;
  height: 24px;
  background-image: url("/FP/Assets/Images/Common/close_24x24.svg?v=1");
}
#pedigree_tree_panel .pedigree_tree_panel_title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 64px;
  overflow: hidden;
  z-index: 3;
  background-color: #fff;
  visibility: hidden;
}
#pedigree_tree_panel .pedigree_tree_panel_title .panel_title_inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 64px;
  overflow: hidden;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 40px;
}
#pedigree_tree_panel .pedigree_tree_panel_title .panel_title_image {
  display: table-cell;
  vertical-align: middle;
  padding-right: 16px;
}
#pedigree_tree_panel .pedigree_tree_panel_title .panel_title_image .photo {
  width: 40px;
  height: 40px;
}
#pedigree_tree_panel .pedigree_tree_panel_title .panel_title_details {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  max-width: 248px;
}
#pedigree_tree_panel .pedigree_tree_panel_title .panel_title_name,
#pedigree_tree_panel .pedigree_tree_panel_title .panel_title_relationship,
#pedigree_tree_panel .pedigree_tree_panel_title .panel_title_years {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 17px;
}
#pedigree_tree_panel .pedigree_tree_panel_title .relationship_wrapper {
  display: flex;
  column-gap: 6px;
  align-items: flex-start;
}
#pedigree_tree_panel .pedigree_tree_panel_title .panel_title_relationship {
  width: 234px;
}
#pedigree_tree_panel .pedigree_tree_panel_title .panel_title_years {
  display: none;
}
#pedigree_tree_panel .pedigree_tree_panel_title .panel_title_name,
#pedigree_tree_panel .pedigree_tree_panel_title .panel_title_name a {
  font-size: 15px;
  line-height: 20px;
  color: #000;
  font-weight: 400;
}
#pedigree_tree_panel .pedigree_tree_panel_title_visible {
  height: 64px;
}
#pedigree_tree_panel .pedigree_tree_panel_title_visible .panel_title_inner {
  height: 64px;
  opacity: 1;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: 0.5s;
}
#pedigree_tree_panel .pedigree_tree_panel_info_hidden {
  opacity: 0;
  overflow: hidden;
  transition: 0.5s;
}
#pedigree_tree_panel .relationship_diagram_viewer:hover {
  color: #000;
}
#pedigree_tree_panel .pedigree_tree_panel_body {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
#pedigree_tree_panel .pedigree_tree_panel_body .spinner_container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#pedigree_tree_panel .pedigree_tree_panel_body .info {
  width: 352px;
  padding: 0 20px 12px 20px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .image {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding-top: 20px;
  padding-right: 20px;
  background-color: #fff;
  z-index: 2;
}
.pedigree_tree_editable #pedigree_tree_panel .pedigree_tree_panel_body .image {
  padding-right: 12px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .image .photo {
  width: 72px;
  height: 72px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .image .add_photo {
  margin-top: -12px;
  text-align: center;
}
#pedigree_tree_panel .pedigree_tree_panel_body .image .edit_photo,
#pedigree_tree_panel .pedigree_tree_panel_body .image .add_photo {
  margin-top: -28px;
  margin-left: 52px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  padding: 3px;
  border: solid 1px transparent;
  cursor: pointer;
}
#pedigree_tree_panel .pedigree_tree_panel_body .image .edit_photo {
  background-color: #fff;
  box-shadow: 0 0 6px 0 #ccc;
}
#pedigree_tree_panel .pedigree_tree_panel_body .image .edit_photo:hover {
  background-color: #f7f7f7;
}
#pedigree_tree_panel .pedigree_tree_panel_body .image .edit_photo .edit_photo_icon {
  background-position: -112px -281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .image .add_photo {
  background-color: #f2f2f2;
}
#pedigree_tree_panel .pedigree_tree_panel_body .image .add_photo .edit_photo_icon {
  background-position: -184px -249px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .image .edit_photo {
  visibility: hidden;
}
#pedigree_tree_panel .pedigree_tree_panel_body .silhouette_container:hover {
  cursor: pointer;
}
#pedigree_tree_panel .pedigree_tree_panel_body .silhouette_container:hover .photo {
  box-shadow: 0 0 4px 0 #ccc;
}
#pedigree_tree_panel .pedigree_tree_panel_body .silhouette_container:hover .add_photo {
  background-color: #e5e5e5;
}
#pedigree_tree_panel .pedigree_tree_panel_body .details {
  position: relative;
  display: inline-block;
  vertical-align: top;
  max-width: 212px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .details .details_top {
  position: relative;
  padding-top: 20px;
  background-color: #fff;
  z-index: 2;
}
#pedigree_tree_panel .pedigree_tree_panel_body .details .name,
#pedigree_tree_panel .pedigree_tree_panel_body .details .name a {
  font-size: 15px;
  color: #000;
  line-height: 20px;
  font-weight: 400;
  display: inline;
}
#pedigree_tree_panel .pedigree_tree_panel_body .details .name_sticky {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
#pedigree_tree_panel .pedigree_tree_panel_body .details .relationship_wrapper {
  display: flex;
  column-gap: 6px;
  align-items: flex-start;
}
#pedigree_tree_panel .pedigree_tree_panel_body .details .relationship_wrapper .relationship {
  width: 214px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .details .details_bottom {
  padding-top: 4px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .details .event {
  margin-top: 4px;
  max-height: 40px;
  overflow: hidden;
}
#pedigree_tree_panel .pedigree_tree_panel_body .details .event_icon,
#pedigree_tree_panel .pedigree_tree_panel_body .details .event_info,
#pedigree_tree_panel .pedigree_tree_panel_body .details .event_flag {
  display: table-cell;
  vertical-align: top;
}
#pedigree_tree_panel .pedigree_tree_panel_body .details .event_icon {
  padding-top: 4px;
  padding-right: 4px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .details .event_info {
  width: 100%;
}
#pedigree_tree_panel .pedigree_tree_panel_body .details .event_age {
  padding-left: 6px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .details .event_separator {
  padding: 0 6px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .details .event_separator::before {
  content: "•";
}
#pedigree_tree_panel .pedigree_tree_panel_body .details .event_place,
#pedigree_tree_panel .pedigree_tree_panel_body .details .event_place a {
  color: #595959;
}
#pedigree_tree_panel .pedigree_tree_panel_body .details .event_flag {
  padding-left: 2px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .details .event_flag .place_flag {
  width: 24px;
  height: 24px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .details .event_flag .place_flag_img {
  height: 24px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .details .birth_icon,
#pedigree_tree_panel .pedigree_tree_panel_body .details .death_icon {
  margin-right: 2px;
  width: 12px;
  height: 12px;
  display: block;
  background-repeat: no-repeat;
}
#pedigree_tree_panel .pedigree_tree_panel_body .details .birth_icon {
  background-image: url("/FP/Assets/Images/NewTree/birth_icon.svg?v=2");
}
#pedigree_tree_panel .pedigree_tree_panel_body .details .death_icon {
  background-image: url("/FP/Assets/Images/NewTree/death_icon.svg?v=2");
}
#pedigree_tree_panel .pedigree_tree_panel_body .details .died_in_holocaust_icon {
  background-position: -154px -336px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 11px;
  margin-right: 3px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .details .research {
  margin-top: 4px;
  font-weight: 500;
  color: #f56932;
  letter-spacing: 0.3px;
  cursor: pointer;
}
.platform_windows #pedigree_tree_panel .pedigree_tree_panel_body .details .research,
#pedigree_tree_panel .pedigree_tree_panel_body .details .research .lang_HE {
  font-weight: bold;
}
#pedigree_tree_panel .pedigree_tree_panel_body .details .research::after {
  content: "";
  border: solid 0 #f56932;
  border-top-width: 2px;
  border-right-width: 2px;
  display: inline-block;
  padding: 2px;
  margin-left: 4px;
  margin-bottom: 1px;
  transform: rotate(45deg);
}
#pedigree_tree_panel .pedigree_tree_panel_body .details .research:hover {
  text-decoration: underline;
}
#pedigree_tree_panel .pedigree_tree_panel_body #family_search_person_panel_info {
  margin-top: 8px;
  border-top: solid 1px #e5e5e5;
  border-bottom: solid 1px #e5e5e5;
  padding: 8px 0;
}
#pedigree_tree_panel .pedigree_tree_panel_body .relative_link {
  cursor: pointer;
}
#pedigree_tree_panel .pedigree_tree_panel_body .section_container {
  border-bottom: solid 1px #e5e5e5;
}
#pedigree_tree_panel .pedigree_tree_panel_body .section {
  padding: 12px 6px 12px 20px;
  background-color: #fff;
}
#pedigree_tree_panel .pedigree_tree_panel_body .section .section_title,
#pedigree_tree_panel .pedigree_tree_panel_body .section .section_action {
  display: inline-block;
  vertical-align: middle;
}
#pedigree_tree_panel .pedigree_tree_panel_body .section .section_title {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 1.2px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .section .section_title span {
  display: inline-block;
}
#pedigree_tree_panel .pedigree_tree_panel_body .section .section_title .section_count {
  display: none;
  padding-left: 5px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .section .section_toggle {
  cursor: pointer;
}
#pedigree_tree_panel .pedigree_tree_panel_body .section .section_toggle:hover {
  color: #000;
}
#pedigree_tree_panel .pedigree_tree_panel_body .section .section_toggle:hover .section_selector {
  opacity: 1;
}
#pedigree_tree_panel .pedigree_tree_panel_body .section .section_selector {
  background-position: -373px -269px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 12px;
  height: 12px;
  margin-left: 4px;
  opacity: 0.6;
  transform: translateY(1px);
  transition: 0.5s;
}
#pedigree_tree_panel .pedigree_tree_panel_body .section .section_selector_collapsed {
  transform: scaleY(-1) translateY(-2px);
  transition: 0.5s;
}
#pedigree_tree_panel .pedigree_tree_panel_body .section .section_action {
  float: right;
  color: #f56932;
  letter-spacing: 0.3px;
  cursor: pointer;
  padding: 4px 10px;
  border-radius: 4px;
  margin-top: -4px;
  background-color: transparent;
}
#pedigree_tree_panel .pedigree_tree_panel_body .section .section_action.section_add_button {
  display: flex;
}
#pedigree_tree_panel .pedigree_tree_panel_body .section .section_action.section_add_button::before {
  content: "";
  background-position: -118px -336px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 11px;
  margin-right: 4px;
  margin-top: 3px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .section .section_action:hover {
  background-color: #fff5f4;
}
#pedigree_tree_panel .pedigree_tree_panel_body .section_expanded {
  overflow: hidden;
  transition: max-height 1s ease-in-out;
}
#pedigree_tree_panel .pedigree_tree_panel_body .section_collapsed {
  max-height: 0 !important;
}
#pedigree_tree_panel .pedigree_tree_panel_body .buttons_hidden {
  display: none;
}
#pedigree_tree_panel .pedigree_tree_panel_body .buttons {
  background-color: #fff;
}
#pedigree_tree_panel .pedigree_tree_panel_body .buttons_sticky {
  position: fixed;
  top: 64px;
  left: 0;
  width: 360px;
  margin: 0;
  padding-top: 6px;
  z-index: 100;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
}
.mh_mobile #pedigree_tree_panel .pedigree_tree_panel_body .buttons_sticky {
  width: 100%;
}
#pedigree_tree_panel .pedigree_tree_panel_body .buttons_sticky .actions {
  border: none;
}
#pedigree_tree_panel .pedigree_tree_panel_body .navigation {
  padding: 0 2px 12px 10px;
  border-bottom: solid 1px #ccc;
  display: flex;
}
#pedigree_tree_panel .pedigree_tree_panel_body .navigation .navigation_button {
  display: inline-flex;
  justify-content: center;
  height: 36px;
  margin: 0 10px;
  padding: 0 16px;
  border-radius: 40px;
  width: calc(50% - 20px);
  text-align: center;
  cursor: pointer;
  background-color: #f2f2f2;
}
#pedigree_tree_panel .pedigree_tree_panel_body .navigation .navigation_button:hover {
  background-color: #e5e5e5;
}
#pedigree_tree_panel .pedigree_tree_panel_body .navigation .navigation_button_icon,
#pedigree_tree_panel .pedigree_tree_panel_body .navigation .navigation_button_text {
  display: inline-flex;
  align-items: center;
}
#pedigree_tree_panel .pedigree_tree_panel_body .navigation .navigation_button_text {
  max-width: calc(100% - 32px);
  text-align: left;
  color: #595959;
  letter-spacing: 0.3px;
  line-height: 1;
}
#pedigree_tree_panel .pedigree_tree_panel_body .navigation .navigation_icon {
  margin-right: 8px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .navigation .action_profile .navigation_icon {
  background-position: -321px -28px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .navigation .action_view_tree .navigation_icon {
  background-position: -73px -336px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 18px;
  height: 14px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .navigation .action_view_fan .navigation_icon {
  background-position: -73px -336px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 18px;
  height: 14px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .navigation .navigation_button_disabled {
  cursor: default;
  background-color: #f7f7f7;
}
#pedigree_tree_panel .pedigree_tree_panel_body .navigation .navigation_button_disabled:hover {
  background-color: #f7f7f7;
}
#pedigree_tree_panel .pedigree_tree_panel_body .navigation .navigation_button_disabled .navigation_button_text {
  color: #ccc;
}
#pedigree_tree_panel .pedigree_tree_panel_body .navigation .navigation_button_disabled .navigation_icon {
  opacity: 0.4;
}
#pedigree_tree_panel .pedigree_tree_panel_body .actions {
  padding: 0 8px 4px 8px;
  border-bottom: solid 1px #e5e5e5;
}
#pedigree_tree_panel .pedigree_tree_panel_body .actions.actions_3 {
  text-align: center;
}
#pedigree_tree_panel .pedigree_tree_panel_body .actions .action_button {
  display: inline-block;
  margin: 6px 0;
  cursor: pointer;
  text-align: center;
  vertical-align: top;
}
#pedigree_tree_panel .pedigree_tree_panel_body .actions .action_button .action_image {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #f2f2f2;
  margin: auto;
}
#pedigree_tree_panel .pedigree_tree_panel_body .actions .action_button .action_icon {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
}
#pedigree_tree_panel .pedigree_tree_panel_body .actions .action_button .action_text {
  color: #595959;
  padding-top: 10px;
  letter-spacing: 0.3px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .actions .action_button:hover .action_image {
  background-color: #e5e5e5;
}
#pedigree_tree_panel .pedigree_tree_panel_body .actions .action_profile .action_icon {
  background-position: -84px -281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .actions .action_edit .action_icon {
  background-position: -173px -132px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 21px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .actions .action_add .action_icon {
  left: -2px;
  background-position: -217px -176px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 21px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .actions .action_more .action_icon {
  background-position: -128px -249px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 21px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .actions.actions_4 .action_button {
  width: 25%;
}
#pedigree_tree_panel .pedigree_tree_panel_body .actions.actions_3 .action_button {
  padding: 8px 24px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .actions.actions_2 .action_button {
  width: 50%;
}
#pedigree_tree_panel .pedigree_tree_panel_body .discoveries {
  padding: 4px 0;
}
#pedigree_tree_panel .pedigree_tree_panel_body .discoveries .discovery {
  padding: 8px 8px 8px 20px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .discoveries .discovery.match {
  cursor: pointer;
}
#pedigree_tree_panel .pedigree_tree_panel_body .discoveries .discovery.match:hover {
  background-color: #f7f7f7;
}
#pedigree_tree_panel .pedigree_tree_panel_body .discoveries .discovery .discovery_icon,
#pedigree_tree_panel .pedigree_tree_panel_body .discoveries .discovery .discovery_label {
  display: table-cell;
  vertical-align: top;
}
#pedigree_tree_panel .pedigree_tree_panel_body .discoveries .discovery .indicator_icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .discoveries .discovery a {
  display: inline-block;
  vertical-align: middle;
}
#pedigree_tree_panel .pedigree_tree_panel_body .discoveries .discovery .primary,
#pedigree_tree_panel .pedigree_tree_panel_body .discoveries .discovery .secondary,
#pedigree_tree_panel .pedigree_tree_panel_body .discoveries .discovery .separator {
  display: inline-flex;
  vertical-align: middle;
}
#pedigree_tree_panel .pedigree_tree_panel_body .discoveries .discovery .primary .discovery_link a {
  color: #000;
}
#pedigree_tree_panel .pedigree_tree_panel_body .discoveries .discovery .primary .discovery_link a:hover {
  text-decoration: none;
}
#pedigree_tree_panel .pedigree_tree_panel_body .discoveries .discovery .secondary {
  white-space: nowrap;
}
#pedigree_tree_panel .pedigree_tree_panel_body .discoveries .discovery .secondary .discovery_link a {
  color: #595959;
}
#pedigree_tree_panel .pedigree_tree_panel_body .discoveries .discovery .separator {
  padding: 0 8px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .discoveries .discovery .separator::before {
  content: "•";
}
#pedigree_tree_panel .pedigree_tree_panel_body .dna_buttons {
  padding: 20px 8px 0 20px;
}
#pedigree_tree_panel .pedigree_tree_panel_body a.discovery_button {
  min-height: 30px;
  min-width: 150px;
  border: solid 1px #999;
  border-radius: 50px;
  padding: 4px 12px;
  margin-bottom: 14px;
  display: inline-block;
  text-align: center;
  text-decoration: none !important;
}
#pedigree_tree_panel .pedigree_tree_panel_body a.discovery_button:not(:last-child) {
  margin-right: 14px;
}
#pedigree_tree_panel .pedigree_tree_panel_body a.discovery_button:hover {
  border-color: #333;
  text-decoration: none !important;
}
#pedigree_tree_panel .pedigree_tree_panel_body a.discovery_button .discovery_button_text {
  color: #333;
  letter-spacing: 0.3px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .relatives {
  padding: 4px 0;
}
#pedigree_tree_panel .pedigree_tree_panel_body .relatives .relative_parents {
  padding: 8px 24px;
  color: #595959;
}
#pedigree_tree_panel .pedigree_tree_panel_body .relatives .relative_parents .family_check,
#pedigree_tree_panel .pedigree_tree_panel_body .relatives .relative_parents .family_type {
  display: inline-block;
  vertical-align: middle;
}
#pedigree_tree_panel .pedigree_tree_panel_body .relatives .relative_parents .family_check {
  margin-right: 8px;
}
.list_view #pedigree_tree_panel .pedigree_tree_panel_body .relatives .relative_parents .family_check {
  display: none;
}
#pedigree_tree_panel .pedigree_tree_panel_body .relatives .relative_parents .family_checked,
#pedigree_tree_panel .pedigree_tree_panel_body .relatives .relative_parents .family_unchecked {
  width: 14px;
  height: 14px;
  border: solid 1px #595959;
  border-radius: 50%;
  padding: 3px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .relatives .relative_parents .parents_check {
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #f56932;
}
#pedigree_tree_panel .pedigree_tree_panel_body .relatives .relative_parents .family_unchecked .parents_check {
  opacity: 0;
}
#pedigree_tree_panel .pedigree_tree_panel_body .relatives .parents_link:hover {
  cursor: pointer;
}
.list_view #pedigree_tree_panel .pedigree_tree_panel_body .relatives .parents_link:hover {
  cursor: auto;
}
#pedigree_tree_panel .pedigree_tree_panel_body .relatives .parents_link:hover .family_unchecked .parents_check {
  opacity: 0.5;
}
#pedigree_tree_panel .pedigree_tree_panel_body .relatives .parents_link:hover .family_type {
  text-decoration: underline;
}
.list_view #pedigree_tree_panel .pedigree_tree_panel_body .relatives .parents_link:hover .family_type {
  text-decoration: none;
}
.mh_mobile #pedigree_tree_panel .pedigree_tree_panel_body .relatives .parents_link .family_type {
  text-decoration: underline;
}
.list_view .mh_mobile #pedigree_tree_panel .pedigree_tree_panel_body .relatives .parents_link .family_type {
  text-decoration: none;
}
#pedigree_tree_panel .pedigree_tree_panel_body .relatives .relative {
  padding: 10px 0;
}
#pedigree_tree_panel .pedigree_tree_panel_body .relatives .relative:hover {
  background-color: #f7f7f7;
}
#pedigree_tree_panel .pedigree_tree_panel_body .relatives .relative .relative_image {
  display: table-cell;
  vertical-align: middle;
  background-color: transparent;
  padding: 0 15px 0 20px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .relatives .relative .relative_image .photo {
  width: 48px;
  height: 48px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .relatives .relative .relative_details {
  display: table-cell;
  vertical-align: middle;
  padding-right: 20px;
  width: 100%;
  letter-spacing: 0.3px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .relatives .relative .relative_details .relative_name,
#pedigree_tree_panel .pedigree_tree_panel_body .relatives .relative .relative_details .relative_dates,
#pedigree_tree_panel .pedigree_tree_panel_body .relatives .relative .relative_details .relative_relationship {
  line-height: 17px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .relatives .relative .relative_details .relative_name {
  color: #000;
  font-weight: 500;
}
.platform_windows #pedigree_tree_panel .pedigree_tree_panel_body .relatives .relative .relative_details .relative_name,
#pedigree_tree_panel .pedigree_tree_panel_body .relatives .relative .relative_details .relative_name .lang_HE {
  font-weight: bold;
}
#pedigree_tree_panel .pedigree_tree_panel_body .relatives .relative .relative_expand {
  display: table-cell;
  vertical-align: middle;
  padding-right: 20px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .relatives .relative .relative_expand .relative_expand_icon {
  width: 20px;
  height: 20px;
  background-image: url("/FP/Assets/Images/Common/arrow_right_20x20.svg?v=1");
}
#pedigree_tree_panel .pedigree_tree_panel_body .relatives .relative_separator {
  height: 1px;
  background-color: #e5e5e5;
  margin: 8px 20px;
}
.NewTreeFaceLift #pedigree_tree_panel .pedigree_tree_panel_body .section_media_items .section_count {
  display: inline-block;
}
#pedigree_tree_panel .pedigree_tree_panel_body .media_items {
  padding: 13px 20px 14px 20px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .media_items .media_item {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
#pedigree_tree_panel .pedigree_tree_panel_body .media_items .media_item img {
  height: 72px;
  width: 72px;
  cursor: pointer;
  border-radius: 3px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .media_items .media_item .media_item_overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
}
#pedigree_tree_panel .pedigree_tree_panel_body .media_items .media_item:hover .media_item_overlay {
  opacity: 1;
}
#pedigree_tree_panel .pedigree_tree_panel_body .media_items .media_item_separator {
  width: 8px;
  display: table-cell;
  vertical-align: middle;
}
#pedigree_tree_panel .pedigree_tree_panel_body .media_items .media_item_upload_button {
  display: table-cell;
  vertical-align: middle;
  padding: 0 4px;
  color: #f56932;
  font-weight: 500;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 1.2px;
}
.platform_windows #pedigree_tree_panel .pedigree_tree_panel_body .media_items .media_item_upload_button,
#pedigree_tree_panel .pedigree_tree_panel_body .media_items .media_item_upload_button .lang_HE {
  font-weight: bold;
}
#pedigree_tree_panel .pedigree_tree_panel_body .media_items .media_item_upload_button a {
  color: #f56932;
}
#pedigree_tree_panel .pedigree_tree_panel_body .media_items .media_item_upload_button a:hover {
  color: #fe701c;
  text-decoration: none;
}
#pedigree_tree_panel .pedigree_tree_panel_body .media_items .media_item_upload_button:hover {
  opacity: 0.8;
}
#pedigree_tree_panel .pedigree_tree_panel_body .media_items .media_item_upload_button::before {
  content: "＋";
  font-size: 13px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .media_items .media_item.media_view_button {
  cursor: pointer;
}
#pedigree_tree_panel .pedigree_tree_panel_body .media_items .media_item.media_view_button .media_item_overlay {
  opacity: 1;
}
#pedigree_tree_panel .pedigree_tree_panel_body .media_items .media_item.media_view_button .media_item_plus {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  text-align: center;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
}
#pedigree_tree_panel .pedigree_tree_panel_body .media_items .media_item.media_view_button .media_item_view_all {
  position: absolute;
  left: 0;
  right: 0;
  top: 46px;
  text-align: center;
  font-size: 11px;
  font-weight: 500;
  color: #fff;
  opacity: 0;
  letter-spacing: 0.3px;
}
.platform_windows #pedigree_tree_panel .pedigree_tree_panel_body .media_items .media_item.media_view_button .media_item_view_all,
#pedigree_tree_panel .pedigree_tree_panel_body .media_items .media_item.media_view_button .media_item_view_all .lang_HE {
  font-weight: bold;
}
.lang_DE #pedigree_tree_panel .pedigree_tree_panel_body .media_items .media_item.media_view_button .media_item_view_all, .lang_RU #pedigree_tree_panel .pedigree_tree_panel_body .media_items .media_item.media_view_button .media_item_view_all {
  letter-spacing: 0;
}
.NewTreeFaceLift #pedigree_tree_panel .pedigree_tree_panel_body .media_items .media_item.media_view_button .media_item_view_all {
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 13px;
  letter-spacing: 0.2px;
  opacity: 1;
  font-weight: normal;
}
#pedigree_tree_panel .pedigree_tree_panel_body .media_items .media_item.media_view_button:hover .media_item_view_all {
  opacity: 1;
}
.NewTreeFaceLift #pedigree_tree_panel .pedigree_tree_panel_body .media_items .media_item.media_view_button:hover .media_item_overlay {
  background-color: rgba(0, 0, 0, 0.6);
}
#pedigree_tree_panel .pedigree_tree_panel_body .media_items .media_item.media_view_placeholder {
  width: 72px;
  height: 72px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  cursor: pointer;
}
#pedigree_tree_panel .pedigree_tree_panel_body .media_items .media_item.media_view_placeholder:hover {
  background-color: #f2f2f2;
}
#pedigree_tree_panel .pedigree_tree_panel_body .media_items .media_item.media_view_placeholder .media_item_view_all {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  font-size: 11px;
  color: #595959;
  letter-spacing: 0.3px;
}
.mh_mobile #pedigree_tree_panel .pedigree_tree_panel_body .fact_add_button {
  display: none;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts {
  padding-bottom: 4px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact {
  padding: 8px 10px;
  border-bottom: solid 1px #fff;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_time {
  display: table-cell;
  vertical-align: top;
  text-align: center;
  color: #b3b3b3;
  min-width: 70px;
  min-height: 20px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_time .fact_year,
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_time .fact_year_empty {
  color: #000;
  font-size: 18px;
  letter-spacing: 0.3px;
  margin-top: -2px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_time .fact_age {
  font-size: 11px;
  letter-spacing: 0.25px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_time .fact_year_empty {
  color: #999;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_time .fact_year_empty::after {
  content: "--";
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_details {
  display: table-cell;
  vertical-align: top;
  width: 100%;
  padding-left: 13px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_details .fact_title {
  color: #000;
  font-weight: 500;
}
.platform_windows #pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_details .fact_title,
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_details .fact_title .lang_HE {
  font-weight: bold;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_details .fact_title,
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_details .fact_content,
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_details .fact_relative,
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_details .fact_date,
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_details .fact_place,
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_details .fact_description {
  margin-bottom: 2px;
  max-width: 242px;
  overflow: hidden;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_details .fact_relative .image {
  background-color: transparent;
  padding-top: 3px;
  padding-right: 6px;
  display: table-cell;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_details .fact_relative .photo {
  width: 24px;
  height: 24px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_details .fact_relative .relative_name {
  display: table-cell;
  vertical-align: middle;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_details .fact_relative .relative_link {
  color: #000;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_details .fact_relative .relative_link a {
  color: #000;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_details .fact_relative .relative_label {
  padding-left: 4px;
  display: inline;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_details .fact_place_flag {
  display: table-cell;
  padding-right: 4px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_details .fact_place_flag .place_flag {
  width: 16px;
  height: 16px;
  opacity: 0.7;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_details .fact_place_flag .place_flag_img {
  height: 16px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_details .location_icon {
  background-position: -397px 0px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 7px;
  height: 10px;
  margin-top: 6px;
  margin-right: 1px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_details .fact_place_tail {
  display: table-cell;
  vertical-align: middle;
  padding-top: 2px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_details .fact_description {
  position: relative;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_details .fact_description_prefix {
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 2px;
  width: 1px;
  border-left: solid 1px #e5e5e5;
  padding-left: 8px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact .fact_details .fact_additional_content {
  position: relative;
  left: 13px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact_editable .fact_title,
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact_editable .fact_content,
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact_editable .fact_relative,
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact_editable .fact_date,
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact_editable .fact_place,
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact_editable .fact_description {
  max-width: 198px !important;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact_editable .fact_edit {
  display: table-cell;
  padding-left: 12px;
}
.mh_mobile #pedigree_tree_panel .pedigree_tree_panel_body .facts .fact_editable .fact_edit {
  display: none;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact_editable .fact_edit .fact_edit_button {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  padding: 7px;
  border: solid 1px #e5e5e5;
  text-align: right;
  visibility: hidden;
  cursor: pointer;
  background-color: transparent;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact_editable .fact_edit .fact_edit_button:hover {
  background-color: #e5e5e5;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact_editable .fact_edit .fact_edit_icon {
  background-position: -173px -132px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 21px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact_editable:hover {
  background-color: #f7f7f7;
}
#pedigree_tree_panel .pedigree_tree_panel_body .facts .fact_editable:hover .fact_edit_button {
  visibility: visible;
}
#pedigree_tree_panel .pedigree_tree_panel_body .additional_details {
  padding-bottom: 4px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .additional_details .additional_detail {
  padding: 6px 20px;
  border-bottom: solid 1px #fff;
}
#pedigree_tree_panel .pedigree_tree_panel_body .additional_details .fact_title {
  color: #000;
  font-weight: 500;
  padding-right: 10px;
}
.platform_windows #pedigree_tree_panel .pedigree_tree_panel_body .additional_details .fact_title,
#pedigree_tree_panel .pedigree_tree_panel_body .additional_details .fact_title .lang_HE {
  font-weight: bold;
}
#pedigree_tree_panel .pedigree_tree_panel_body .additional_details .fact_title,
#pedigree_tree_panel .pedigree_tree_panel_body .additional_details .fact_content {
  display: inline;
  vertical-align: top;
}
#pedigree_tree_panel .pedigree_tree_panel_body .additional_details .additional_detail_item {
  padding-top: 3px;
  padding-left: 16px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .place_flag {
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  box-shadow: 0 0 1px;
}
#pedigree_tree_panel .pedigree_tree_panel_body .place_flag_img {
  position: relative;
  top: 0;
  background-size: cover;
  background-position: center;
}

.pedigree_tree_panel_open {
  transform: translate3d(0, 0, 0) !important;
}

.mh_desktop .pedigree_tree_body_panel_open {
  left: 360px !important;
  transition: 0.5s ease-in-out;
}
.mh_tablet .pedigree_tree_body_panel_open #pedigree_tree_top {
  left: 360px !important;
  transition: 0.5s ease-in-out;
}

.pedigree_tree_body_panel_close {
  left: 0 !important;
  transition: 0.5s ease-in-out;
}

.pedigree_tree_panel_full_screen {
  top: 0 !important;
}

#pedigree_tree_tooltip {
  position: fixed;
  z-index: 10;
  display: none;
  color: #333;
  background-color: #fff;
  border: solid 1px rgba(0, 0, 0, 0.03);
  padding: 20px;
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}
#pedigree_tree_tooltip .icon,
#pedigree_tree_tooltip .details {
  display: inline-block;
  vertical-align: top;
}
#pedigree_tree_tooltip .icon {
  margin-top: 5px;
}
#pedigree_tree_tooltip .details {
  font-size: 13px;
  max-width: 260px;
}
#pedigree_tree_tooltip .center {
  margin: 0 20px 0 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#pedigree_tree_tooltip .title {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.3px;
  padding-bottom: 2px;
}
#pedigree_tree_tooltip .dna_learn_more_link {
  text-decoration: underline;
}
#pedigree_tree_tooltip .icon::before {
  content: "";
  display: inline-block;
  margin-right: 8px;
}
#pedigree_tree_tooltip .smart_matches .icon::before {
  background-position: -56px -281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
#pedigree_tree_tooltip .record_matches .icon::before {
  background-position: -28px -281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
#pedigree_tree_tooltip .dna_matches_public .icon::before {
  background-position: -293px -252px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
#pedigree_tree_tooltip .dna_matches_private .icon::before {
  background-position: 0px -281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}

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

.pedigree_tree_tooltip_arrow_bottom::before,
.pedigree_tree_tooltip_arrow_bottom::after {
  top: 100%;
  left: 50%;
}

.pedigree_tree_tooltip_arrow_bottom::after {
  border-top-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}

.pedigree_tree_tooltip_arrow_bottom::before {
  border-top-color: rgba(0, 0, 0, 0.03);
  border-width: 10px;
  margin-left: -10px;
}

.pedigree_tree_tooltip_arrow_top::before,
.pedigree_tree_tooltip_arrow_top::after {
  bottom: 100%;
  left: 50%;
}

.pedigree_tree_tooltip_arrow_top::after {
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}

.pedigree_tree_tooltip_arrow_top::before {
  border-bottom-color: rgba(0, 0, 0, 0.03);
  border-width: 10px;
  margin-left: -10px;
}

.pedigree_tree_tooltip_arrow_right::before,
.pedigree_tree_tooltip_arrow_right::after {
  left: 100%;
  top: 50%;
}

.pedigree_tree_tooltip_arrow_right::after {
  border-left-color: #fff;
  border-width: 8px;
  margin-top: -8px;
}

.pedigree_tree_tooltip_arrow_right::before {
  border-left-color: rgba(0, 0, 0, 0.03);
  border-width: 10px;
  margin-top: -10px;
}

.pedigree_tree_tooltip_arrow_left::before,
.pedigree_tree_tooltip_arrow_left::after {
  right: 100%;
  top: 50%;
}

.pedigree_tree_tooltip_arrow_left::after {
  border-right-color: #fff;
  border-width: 8px;
  margin-top: -8px;
}

.pedigree_tree_tooltip_arrow_left::before {
  border-right-color: rgba(0, 0, 0, 0.03);
  border-width: 10px;
  margin-top: -10px;
}

.pedigree_tree_tooltip_small {
  padding: 4px 8px !important;
  border-radius: 2px !important;
  background-color: #333 !important;
  border-color: #333 !important;
  color: #fff !important;
  white-space: nowrap;
}

.pedigree_tree_tooltip_compact {
  padding: 12px !important;
  border-radius: 2px !important;
}

.pedigree_tree_tooltip_small.pedigree_tree_tooltip_arrow_top::before,
.pedigree_tree_tooltip_small.pedigree_tree_tooltip_arrow_top::after,
.pedigree_tree_tooltip_small.pedigree_tree_tooltip_arrow_bottom::before,
.pedigree_tree_tooltip_small.pedigree_tree_tooltip_arrow_bottom::after,
.pedigree_tree_tooltip_small.pedigree_tree_tooltip_arrow_left::before,
.pedigree_tree_tooltip_small.pedigree_tree_tooltip_arrow_left::after,
.pedigree_tree_tooltip_small.pedigree_tree_tooltip_arrow_right::before,
.pedigree_tree_tooltip_small.pedigree_tree_tooltip_arrow_right::after {
  display: none !important;
}

.pedigree_tree_tooltip_black {
  background-color: #333 !important;
  border-color: #333 !important;
  color: #fff !important;
}

.pedigree_tree_tooltip_black.pedigree_tree_tooltip_arrow_bottom::after {
  border-top-color: #333 !important;
}

.pedigree_tree_tooltip_black.pedigree_tree_tooltip_arrow_top::after {
  border-bottom-color: #333 !important;
}

.pedigree_tree_tooltip_black.pedigree_tree_tooltip_arrow_right::after {
  border-left-color: #333 !important;
}

.pedigree_tree_tooltip_black.pedigree_tree_tooltip_arrow_left::after {
  border-right-color: #333 !important;
}

.pedigree_tree_tooltip_clickable {
  cursor: pointer;
}

#pedigree_tree_share {
  position: absolute;
  z-index: 10;
  display: none;
  color: #333;
  margin-top: 4px;
  padding: 20px;
  border: solid 1px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  overflow: auto;
  box-shadow: 0 10px 40px -20px rgba(0, 0, 0, 0.35);
  transition: opacity 0.1s linear, visibility 0.1s linear;
  border-radius: 3px;
}
.mh_mobile #pedigree_tree_share {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}
#pedigree_tree_share .share_close {
  position: absolute;
  top: 26px;
  right: 18px;
}
#pedigree_tree_share .share_close .share_close_button {
  background-position: -196px -281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.mh_mobile #pedigree_tree_share .share_content {
  width: 100%;
}
#pedigree_tree_share .share_content .share_title {
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: 0.3px;
  padding-bottom: 16px;
}
.mh_mobile #pedigree_tree_share .share_content .share_title {
  font-size: 22px;
  font-weight: 400;
}
.mh_mobile #pedigree_tree_share .share_content .share_actions {
  text-align: center;
  padding-top: 12px;
}
#pedigree_tree_share .share_content .share_target {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  padding: 0 4px;
}
#pedigree_tree_share .share_content .share_target .share_button {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#pedigree_tree_share .share_content .share_target .share_text {
  padding-top: 12px;
  color: #595959;
  text-align: center;
}
#pedigree_tree_share .share_content .share_facebook .share_action_icon::before {
  content: "";
  background-position: 0px -61px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 48px;
  height: 48px;
}
#pedigree_tree_share .share_content .share_twitter .share_action_icon::before {
  content: "";
  background-position: -56px -61px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 48px;
  height: 48px;
}
#pedigree_tree_share .share_content .share_whatsapp .share_action_icon::before {
  content: "";
  background-position: -124px 0px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 41px;
  height: 40px;
}
#pedigree_tree_share .share_content .share_download .share_action_icon,
#pedigree_tree_share .share_content .share_copy_link .share_action_icon {
  background-color: #e5e5e5;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 6px 8px;
}
#pedigree_tree_share .share_content .share_copy_link .share_action_icon {
  padding-top: 8px;
}
#pedigree_tree_share .share_content .share_download .share_action_icon::before {
  content: "";
  background-position: -96px -249px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 24px;
  height: 24px;
}
#pedigree_tree_share .share_content .share_copy_link .share_action_icon::before {
  content: "";
  background-position: -64px -249px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 24px;
  height: 24px;
}
#pedigree_tree_share .share_content .share_divider {
  width: 16px;
}
.mh_mobile #pedigree_tree_share .share_content .share_divider {
  width: 32px;
}
#pedigree_tree_share .share_content .share_menus {
  margin-top: 20px;
  border-top: solid 1px #e5e5e5;
  padding-top: 4px;
}
#pedigree_tree_share .share_content .share_menus .share_menu {
  padding-top: 16px;
  cursor: pointer;
  color: #595959;
}
#pedigree_tree_share .copied_to_clipboard .url {
  margin-right: 36px;
  margin-top: 3px;
}
#pedigree_tree_share .copied_to_clipboard input {
  width: 200px;
  padding: 4px;
  border: solid 1px #e5e5e5;
  background-color: #f2f2f2;
  border-radius: 4px;
  outline: none;
}
#pedigree_tree_share .copied_to_clipboard .message {
  display: none;
  padding-top: 10px;
}
#pedigree_tree_share .copied_to_clipboard .copy {
  display: none;
  padding-top: 10px;
}
#pedigree_tree_share .copied_to_clipboard .copy a {
  color: #f56932;
}

/* stylelint-disable */
#pedigree_tree_add_relative_menu,
#pedigree_tree_more_menu {
  display: none;
  position: absolute;
  background-color: #fff;
  border: solid 1px #f7f7f7;
  border-radius: 2px;
  padding: 10px 0;
  z-index: 3;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.1);
}
#pedigree_tree_add_relative_menu .action_menu_item,
#pedigree_tree_more_menu .action_menu_item {
  color: #595959;
  padding: 10px 20px;
  cursor: pointer;
  white-space: nowrap;
}
#pedigree_tree_add_relative_menu .action_menu_item:hover,
#pedigree_tree_more_menu .action_menu_item:hover {
  background-color: #f7f7f7;
}
#pedigree_tree_add_relative_menu .action_menu_item .action_menu_icon,
#pedigree_tree_add_relative_menu .action_menu_item .action_menu_label,
#pedigree_tree_add_relative_menu .action_menu_item .action_menu_badge,
#pedigree_tree_more_menu .action_menu_item .action_menu_icon,
#pedigree_tree_more_menu .action_menu_item .action_menu_label,
#pedigree_tree_more_menu .action_menu_item .action_menu_badge {
  display: inline-block;
  vertical-align: middle;
}
#pedigree_tree_add_relative_menu .action_menu_item .action_menu_label,
#pedigree_tree_more_menu .action_menu_item .action_menu_label {
  letter-spacing: 0.3px;
}
#pedigree_tree_add_relative_menu .action_menu_item .action_menu_badge,
#pedigree_tree_more_menu .action_menu_item .action_menu_badge {
  background-color: #2d7559;
  color: #fff;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.98px;
  text-align: center;
  position: relative;
  left: 8px;
  top: -2px;
}

#pedigree_tree_more_menu {
  text-align: initial;
}
#pedigree_tree_more_menu .action_menu_icon {
  margin-right: 16px;
}
#pedigree_tree_more_menu .action_menu_more_view_tree_icon {
  background-position: -73px -336px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 18px;
  height: 14px;
}
#pedigree_tree_more_menu .action_menu_more_view_fan_icon {
  background-position: -280px -281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
#pedigree_tree_more_menu .action_menu_more_add_photo_icon,
#pedigree_tree_more_menu .action_menu_more_edit_photo_icon {
  background-position: -321px -252px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 18px;
}
#pedigree_tree_more_menu .action_menu_more_connect_icon {
  background-position: -349px -72px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 16px;
  height: 16px;
}
#pedigree_tree_more_menu .action_menu_more_disconnect_icon {
  background-position: -149px -92px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 16px;
  height: 17px;
}
#pedigree_tree_more_menu .action_menu_more_manage_parents_icon {
  width: 20px;
  height: 20px;
  background-size: auto;
  background-image: url("/FP/Assets/Images/NewTree/more_manageParents.svg?v=2");
}
#pedigree_tree_more_menu .action_menu_more_delete_icon {
  background-position: -349px -120px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 16px;
  height: 16px;
}

.pedigree_tree_drop_down_menu {
  display: none;
  position: absolute;
  z-index: 10;
  border: solid 1px rgba(0, 0, 0, 0.03);
  background-color: #fff;
  overflow: auto;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  transition: opacity 0.1s linear, visibility 0.1s linear;
  border-radius: 3px;
  font-size: 13px;
  letter-spacing: 0.3px;
  padding: 10px 0;
}
.pedigree_tree_drop_down_menu .entry {
  cursor: pointer;
  width: 100%;
  color: #595959;
  padding: 0 20px;
  line-height: 40px;
  display: flex;
}
.pedigree_tree_drop_down_menu .entry:hover {
  background-color: #f7f7f7;
}
.pedigree_tree_drop_down_menu .entry .label {
  display: inline-flex;
  width: 100%;
  padding-right: 16px;
}
.pedigree_tree_drop_down_menu .entry .icon {
  display: inline-flex;
  padding: 12px 0;
}
.pedigree_tree_drop_down_menu .selected_entry {
  color: #f56932;
}
.pedigree_tree_drop_down_menu .selected_entry .selected_icon {
  background-position: -373px -289px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 12px;
  height: 12px;
}
.pedigree_tree_drop_down_menu .group,
.pedigree_tree_drop_down_menu .caption {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 1.2px;
  color: #999;
}
.pedigree_tree_drop_down_menu .group {
  padding: 10px 16px;
}
.pedigree_tree_drop_down_menu .caption {
  line-height: unset;
}

.pedigree_tree_drop_down_menu.open {
  display: block !important;
}

.pedigree_tree_drop_down_menu_button {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.pedigree_tree_drop_down_menu_button::after {
  content: "";
  background-position: -373px -309px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 12px;
  height: 12px;
}
.pedigree_tree_drop_down_menu_button:hover {
  opacity: 0.8;
}

.pedigree_tree_drop_down_menu_button.open::after {
  transform: scaleY(-1);
  transition: transform 0.5s;
}

.dropdown_container {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 40px;
  font-size: 20px;
  color: white;
  z-index: 999;
  text-align: left;
  display: flex;
}
.dropdown_container.has_toolbar {
  margin-right: 85px;
}
.dropdown_container.has_toolbar .dropdown_list {
  margin-right: -85px;
}

.dropdown_title {
  display: inline-block;
  max-width: calc(100% - 30px);
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
  text-decoration: initial !important;
  padding-right: 28px;
  margin-left: 5px;
  box-sizing: content-box;
}

.list_opener:focus ~ .dropdown_list {
  visibility: visible;
  opacity: 1;
}

.triangle:after {
  content: "";
  position: relative;
  display: inline-block;
  top: -2px;
  margin-left: -15px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid white;
  top: -4px;
  border: solid 1px #595959;
  border-width: 0 2px 2px 0;
  padding: 3px;
  transform: rotate(45deg);
}

.dropdown_list {
  position: absolute;
  margin-top: 23px;
  left: -26px;
  right: 13px;
  max-height: 269px;
  overflow: scroll;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s linear;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px rgba(0, 0, 0, 0.03);
  background-color: white;
  border-radius: 2px;
}
.dropdown_list a {
  display: block;
  padding: 16px 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  font-size: 15px;
  color: #595959;
  letter-spacing: 0.3px;
}
.dropdown_list a.selected {
  color: #f56932;
}
.dropdown_list a.selected:after {
  content: "";
  background-position: -373px -289px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 12px;
  height: 12px;
  float: right;
  margin-top: 4px;
}

.toolbar_container > button:not(.visible) {
  display: none;
}

@keyframes pedigree_tree_progress {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.pedigree_tree_progress_large {
  width: 244px;
  height: 244px;
  display: inline-block;
  overflow: hidden;
  background: transparent;
}
.pedigree_tree_progress_large .inner {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0;
}
.pedigree_tree_progress_large .inner div {
  position: absolute;
  width: 58px;
  height: 58px;
  border: 5px solid #e5e5e5;
  border-top-color: transparent;
  border-radius: 50%;
  animation: pedigree_tree_progress 0.75s linear infinite;
  top: 122px;
  left: 122px;
  box-sizing: content-box;
}

.pedigree_tree_progress_branch {
  width: 16px;
  height: 16px;
  display: inline-block;
  overflow: hidden;
  background: transparent;
}
.pedigree_tree_progress_branch .inner {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(0.16);
  backface-visibility: hidden;
  transform-origin: 0 0;
}
.pedigree_tree_progress_branch .inner div {
  position: absolute;
  width: 54px;
  height: 54px;
  border: 8px solid #ccc;
  border-top-color: transparent;
  border-radius: 50%;
  animation: pedigree_tree_progress 1s linear infinite;
  top: 50px;
  left: 50px;
  box-sizing: content-box;
}

#pedigree_tree_popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  background: #fff;
  color: #595959;
}
.mh_mobile #pedigree_tree_popup {
  margin: 30px 30px auto 30px;
}
#pedigree_tree_popup.open {
  display: block;
}
#pedigree_tree_popup .close_button {
  position: absolute;
  top: 20px;
  right: 20px;
}
#pedigree_tree_popup .close_button::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("/FP/Assets/Images/Common/close_20x20.svg?v=1");
}
#pedigree_tree_popup .content {
  padding: 40px 20px 15px;
  font-size: 15px;
  overflow: hidden;
}
#pedigree_tree_popup .separator {
  background-color: #e5e5d5;
  width: 100%;
  height: 1px;
  margin: 20px 0;
}
#pedigree_tree_popup .continue_button {
  border-radius: 50px;
  display: inline-block;
  float: right;
}

/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/**
    Converts a hex color to rgb(r, g, b) representation

    Does NOT support colors with opacity, for that please use native rgba() function
 */
/**
    Converts a hex color to a red green blue tuple representation
 */
/**
  WARNING:
  These should not be changed without approval from the front end guild manager
 */
/**
  This adds supported variant colors to a given selector
  @param $attribute The css attribute to use
  @param classPrefix the class prefix to use F.E variant => variant_health
  @param $selectorSuffix The suffix to add to the selector F.E :hover => &.variant_health:hover
  @param $valuePrefix Value prefix to add, used in attribute that need extra metadata(box shadow etc)
                        F.E 2px 2px 0 0 => 2px 2px 0 0 $palette-color-24
  @param $mix-color Color to mix with the variant colors(Used to lighten colors or opacify)
  @param $mix-percent Percentage to use from variant color mixing with $mix-color
  @param $variant-map Map of variant colors, defaulted to general variants
 */
/* stylelint-disable */
/* stylelint-disable */
/**
    Converts a hex color to rgb(r, g, b) representation

    Does NOT support colors with opacity, for that please use native rgba() function
 */
/**
    Converts a hex color to a red green blue tuple representation
 */
.mh_button {
  display: inline-block;
  margin-bottom: 0;
  padding: 0.5em 1.33em;
  min-width: 7.5em;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  text-align: center;
  font-size: 18px;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  border-radius: 4px;
  outline: 0;
}
.mh_button:hover, .mh_button:focus, .mh_button.focus {
  color: #333;
  text-decoration: none;
}
.mh_button:active, .mh_button.active {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 0 0 #000;
  -ms-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 0 0 #000;
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 0 0 #000;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 0 0 #000;
}
.mh_button.disabled, .mh_button[disabled], fieldset[disabled] .mh_button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
  box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.mh_button_type_default {
  color: #fff;
  background-color: #f56932;
  border-color: #f56932;
}
.mh_button_type_default:hover, .mh_button_type_default:focus, .mh_button_type_default:active, .mh_button_type_default.active {
  color: #fff;
  background-color: #ff7c55;
  border-color: #ff7c55;
}
.mh_button_type_default:active, .mh_button_type_default.active {
  background-image: none;
}
.mh_button_type_default.disabled, .mh_button_type_default.disabled:hover, .mh_button_type_default.disabled:focus, .mh_button_type_default.disabled:active, .mh_button_type_default.disabled.active, .mh_button_type_default[disabled], .mh_button_type_default[disabled]:hover, .mh_button_type_default[disabled]:focus, .mh_button_type_default[disabled]:active, .mh_button_type_default[disabled].active, fieldset[disabled] .mh_button_type_default, fieldset[disabled] .mh_button_type_default:hover, fieldset[disabled] .mh_button_type_default:focus, fieldset[disabled] .mh_button_type_default:active, fieldset[disabled] .mh_button_type_default.active {
  background-color: #f56932;
  border-color: #f56932;
}
.mh_button_type_default.drop_down_toggle {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  min-width: 2em;
}
.mh_button_type_default.drop_down_toggle.open {
  background-color: #ff7c55;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}

.mh_button_type_primary {
  color: #f56932;
  background-color: transparent;
  border-color: #f56932;
}
.mh_button_type_primary:hover, .mh_button_type_primary:focus, .mh_button_type_primary:active, .mh_button_type_primary.active {
  color: #f56932;
  background-color: rgba(245, 105, 50, 0.05);
}
.mh_button_type_primary:active, .mh_button_type_primary.active {
  background-image: none;
}
.mh_button_type_primary.disabled, .mh_button_type_primary.disabled:hover, .mh_button_type_primary.disabled:focus, .mh_button_type_primary.disabled:active, .mh_button_type_primary.disabled.active, .mh_button_type_primary[disabled], .mh_button_type_primary[disabled]:hover, .mh_button_type_primary[disabled]:focus, .mh_button_type_primary[disabled]:active, .mh_button_type_primary[disabled].active, fieldset[disabled] .mh_button_type_primary, fieldset[disabled] .mh_button_type_primary:hover, fieldset[disabled] .mh_button_type_primary:focus, fieldset[disabled] .mh_button_type_primary:active, fieldset[disabled] .mh_button_type_primary.active {
  background-color: transparent;
  border-color: #f56932;
}
.mh_button_type_primary.drop_down_toggle {
  border-left: 0;
  min-width: 2em;
}
.mh_button_type_primary.drop_down_toggle.open {
  background-color: rgba(245, 105, 50, 0.05);
  border-left: 0;
}
.mh_button_type_primary.disabled, .mh_button_type_primary[disabled], fieldset[disabled] .mh_button_type_primary {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.mh_button_type_inverse {
  color: #595959;
  background-color: #fff;
  border-color: #fff;
  box-shadow: outset 0 3px 5px rgba(0, 0, 0, 0.124) 0 0 0 #000;
  -ms-box-shadow: outset 0 3px 5px rgba(0, 0, 0, 0.124) 0 0 0 #000;
  -moz-box-shadow: outset 0 3px 5px rgba(0, 0, 0, 0.124) 0 0 0 #000;
  -webkit-box-shadow: outset 0 3px 5px rgba(0, 0, 0, 0.124) 0 0 0 #000;
}
.mh_button_type_inverse:hover, .mh_button_type_inverse:focus, .mh_button_type_inverse:active, .mh_button_type_inverse.active {
  color: #595959;
  background-color: #efeeeb;
  border-color: #efeeeb;
}
.mh_button_type_inverse:active, .mh_button_type_inverse.active {
  background-image: none;
}
.mh_button_type_inverse.disabled, .mh_button_type_inverse.disabled:hover, .mh_button_type_inverse.disabled:focus, .mh_button_type_inverse.disabled:active, .mh_button_type_inverse.disabled.active, .mh_button_type_inverse[disabled], .mh_button_type_inverse[disabled]:hover, .mh_button_type_inverse[disabled]:focus, .mh_button_type_inverse[disabled]:active, .mh_button_type_inverse[disabled].active, fieldset[disabled] .mh_button_type_inverse, fieldset[disabled] .mh_button_type_inverse:hover, fieldset[disabled] .mh_button_type_inverse:focus, fieldset[disabled] .mh_button_type_inverse:active, fieldset[disabled] .mh_button_type_inverse.active {
  background-color: #fff;
  border-color: #fff;
}
.mh_button_type_inverse.drop_down_toggle {
  border-left: 1px solid #dddcd9;
  min-width: 2em;
}
.mh_button_type_inverse.drop_down_toggle.open {
  background-color: #efeeeb;
  border-left: 1px solid #dddcd9;
}

.mh_button_type_success {
  color: #fff;
  background-color: #93bc56;
  border-color: #93bc56;
}
.mh_button_type_success:hover, .mh_button_type_success:focus, .mh_button_type_success:active, .mh_button_type_success.active {
  color: #fff;
  background-color: #a7c767;
  border-color: #a7c767;
}
.mh_button_type_success:active, .mh_button_type_success.active {
  background-image: none;
}
.mh_button_type_success.disabled, .mh_button_type_success.disabled:hover, .mh_button_type_success.disabled:focus, .mh_button_type_success.disabled:active, .mh_button_type_success.disabled.active, .mh_button_type_success[disabled], .mh_button_type_success[disabled]:hover, .mh_button_type_success[disabled]:focus, .mh_button_type_success[disabled]:active, .mh_button_type_success[disabled].active, fieldset[disabled] .mh_button_type_success, fieldset[disabled] .mh_button_type_success:hover, fieldset[disabled] .mh_button_type_success:focus, fieldset[disabled] .mh_button_type_success:active, fieldset[disabled] .mh_button_type_success.active {
  background-color: #93bc56;
  border-color: #93bc56;
}
.mh_button_type_success.drop_down_toggle {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  min-width: 2em;
}
.mh_button_type_success.drop_down_toggle.open {
  background-color: #a7c767;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}

.mh_button_type_blank {
  color: #fff;
  background-color: #fff;
  border-color: #fff;
  box-shadow: outset 0 3px 5px rgba(0, 0, 0, 0.124) 0 0 0 #000;
  -ms-box-shadow: outset 0 3px 5px rgba(0, 0, 0, 0.124) 0 0 0 #000;
  -moz-box-shadow: outset 0 3px 5px rgba(0, 0, 0, 0.124) 0 0 0 #000;
  -webkit-box-shadow: outset 0 3px 5px rgba(0, 0, 0, 0.124) 0 0 0 #000;
}
.mh_button_type_blank:hover, .mh_button_type_blank:focus, .mh_button_type_blank:active, .mh_button_type_blank.active {
  color: #fff;
  background-color: #fff;
  border-color: #fff;
}
.mh_button_type_blank:active, .mh_button_type_blank.active {
  background-image: none;
}
.mh_button_type_blank.disabled, .mh_button_type_blank.disabled:hover, .mh_button_type_blank.disabled:focus, .mh_button_type_blank.disabled:active, .mh_button_type_blank.disabled.active, .mh_button_type_blank[disabled], .mh_button_type_blank[disabled]:hover, .mh_button_type_blank[disabled]:focus, .mh_button_type_blank[disabled]:active, .mh_button_type_blank[disabled].active, fieldset[disabled] .mh_button_type_blank, fieldset[disabled] .mh_button_type_blank:hover, fieldset[disabled] .mh_button_type_blank:focus, fieldset[disabled] .mh_button_type_blank:active, fieldset[disabled] .mh_button_type_blank.active {
  background-color: #fff;
  border-color: #fff;
}

.mh_button_type_text {
  color: #595959;
  background-color: #fff;
  border-color: #fff;
  box-shadow: outset 0 3px 5px rgba(0, 0, 0, 0.124) 0 0 0 #000;
  -ms-box-shadow: outset 0 3px 5px rgba(0, 0, 0, 0.124) 0 0 0 #000;
  -moz-box-shadow: outset 0 3px 5px rgba(0, 0, 0, 0.124) 0 0 0 #000;
  -webkit-box-shadow: outset 0 3px 5px rgba(0, 0, 0, 0.124) 0 0 0 #000;
  padding: 0 5px !important;
  font-size: inherit !important;
  font-weight: 500 !important;
  min-width: inherit !important;
  vertical-align: inherit !important;
}
.mh_button_type_text:hover, .mh_button_type_text:focus, .mh_button_type_text:active, .mh_button_type_text.active {
  color: #595959;
  background-color: #fff;
  border-color: #fff;
}
.mh_button_type_text:active, .mh_button_type_text.active {
  background-image: none;
}
.mh_button_type_text.disabled, .mh_button_type_text.disabled:hover, .mh_button_type_text.disabled:focus, .mh_button_type_text.disabled:active, .mh_button_type_text.disabled.active, .mh_button_type_text[disabled], .mh_button_type_text[disabled]:hover, .mh_button_type_text[disabled]:focus, .mh_button_type_text[disabled]:active, .mh_button_type_text[disabled].active, fieldset[disabled] .mh_button_type_text, fieldset[disabled] .mh_button_type_text:hover, fieldset[disabled] .mh_button_type_text:focus, fieldset[disabled] .mh_button_type_text:active, fieldset[disabled] .mh_button_type_text.active {
  background-color: #fff;
  border-color: #fff;
}
.mh_button_type_text.drop_down_toggle {
  padding: 0 !important;
  width: initial !important;
  color: #999;
}

.mh_button_type_text ~ .drop_down_content {
  top: 26px !important;
}

.mh_button.size_large,
.mh_button_size_large {
  padding: 0.5em 1.33em;
  font-size: 22px;
}

.mh_button.size_small,
.mh_button_size_small {
  padding: 0.5em 1.33em;
  font-size: 15px;
}

.mh_button.size_xsmall,
.mh_button_size_xsmall {
  padding: 0.5em 1.33em;
  font-size: 12px;
}

.mh_button {
  text-decoration: none;
}
.mh_button.rounded {
  border-radius: 50px;
}

.mh_mobile .fan_chart_generations {
  padding: 12px 6px;
}
.fan_chart_generations #fan_chart_generations_menu_selector {
  height: 32px;
  padding: 6px 10px;
  border-radius: 3px;
  background-color: #f2f2f2;
  cursor: pointer;
}
.fan_chart_generations #fan_chart_generations_menu_selector:hover {
  background-color: #e5e5e5;
}
.fan_chart_generations #fan_chart_generations_menu_selector .label,
.fan_chart_generations #fan_chart_generations_menu_selector .generations,
.fan_chart_generations #fan_chart_generations_menu_selector .pedigree_tree_drop_down_menu_button {
  display: inline-block;
  vertical-align: middle;
}
.fan_chart_generations #fan_chart_generations_menu_selector .label,
.fan_chart_generations #fan_chart_generations_menu_selector .generations {
  font-size: 13px;
  letter-spacing: 0.3px;
  color: #595959;
  margin-right: 8px;
}
.mh_mobile .fan_chart_generations #fan_chart_generations_menu_selector .label {
  display: none;
}
.fan_chart_generations #fan_chart_generations_menu_selector_button {
  display: inline-block;
  vertical-align: bottom;
  cursor: pointer;
}
.fan_chart_generations #fan_chart_generations_menu_selector_button::after {
  content: "";
  margin-top: 6px;
  background-position: -373px -169px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 12px;
  height: 12px;
}
.fan_chart_generations #fan_chart_generations_menu_selector_button:hover {
  opacity: 0.8;
}
.fan_chart_generations #fan_chart_generations_menu_selector_button.open::after {
  transform: scaleY(-1) translateY(6px);
}
.fan_chart_generations #fan_chart_generations_menu {
  top: 38px;
}

#fan_chart_phone_share {
  border-left: solid 1px #e5e5e5;
}
#fan_chart_phone_share .share {
  padding: 14px 13px 15px 13px !important;
  margin: 0 !important;
}

#fan_chart_colored_mode {
  position: fixed;
  bottom: 148px;
  right: 25px;
  width: 32px;
  height: 32px;
  background-color: #fff;
  padding: 7px;
  border-radius: 4px;
  border: solid 1px rgba(0, 0, 0, 0.03);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.NewTreeFaceLift #fan_chart_colored_mode {
  bottom: 190px;
}
#fan_chart_colored_mode:hover {
  background-color: #f2f2f2;
}
.mh_mobile #fan_chart_colored_mode {
  position: unset;
  background-color: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
  padding: 13px;
  width: 48px;
  height: 48px;
  border-left: solid 1px #e5e5e5;
}
#fan_chart_colored_mode .fan_colored_off_icon {
  background-position: -144px -309px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 16px;
  height: 16px;
}
#fan_chart_colored_mode .fan_colored_off_icon:hover {
  background-position: -168px -309px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 16px;
  height: 16px;
}
.mh_mobile #fan_chart_colored_mode .fan_colored_off_icon {
  background-position: -261px -64px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 24px;
  height: 24px;
}
#fan_chart_colored_mode .fan_colored_on_icon {
  background-position: -192px -309px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 16px;
  height: 16px;
}
#fan_chart_colored_mode .fan_colored_on_icon:hover {
  background-position: -216px -309px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 16px;
  height: 16px;
}
.mh_mobile #fan_chart_colored_mode .fan_colored_on_icon {
  background-position: -261px -96px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 24px;
  height: 24px;
}

#pedigree_tree_app.fan_chart_app #pedigree_tree_top {
  transition: none;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_container {
  margin: auto;
  transform-origin: center center;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_toolbar .share {
  display: inline-block;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg {
  pointer-events: all;
  /*
   * Colors
   */
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_envelope {
  stroke: none;
  fill: #f2f2f2;
  filter: url(#fan_chart_highlight_filter);
}
.agent_ie #pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_envelope {
  filter: none;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_envelope_expand {
  stroke: none;
  fill: #eee;
  display: none;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_envelope_expand.highlight {
  display: block;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_drop_shadow {
  flood-color: #000;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname .fan_chart_surname_slice {
  fill: #f2f2f2;
  stroke: none;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname .fan_chart_surname_slice_transparent {
  fill: #f2f2f2;
  stroke: none;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname .fan_chart_surname_text {
  fill: #595959;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname .fan_chart_surname_line {
  fill: none;
  stroke-width: 1px;
  stroke: #595959;
  opacity: 0.3;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_slice_border {
  fill: none;
  stroke: #e5e5e5;
  stroke-width: 1px;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_footer {
  fill: #999;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_card {
  fill: #fff;
  stroke: #e5e5e5;
  stroke-width: 1px;
  stroke-linejoin: round;
  cursor: pointer;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_select .fan_chart_card {
  fill: transparent;
  stroke: #999;
  stroke-width: 3;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_add_me .fan_chart_card {
  fill: #fff;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_placeholder .fan_chart_card {
  fill: #f2f2f2;
  cursor: unset;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person.fan_chart_highlight:not(.fan_chart_selected) {
  filter: url(#fan_chart_highlight_filter);
}
.agent_ie #pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person.fan_chart_highlight:not(.fan_chart_selected) {
  filter: none;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person.fan_chart_highlight:not(.fan_chart_selected) .fan_chart_card {
  stroke: none;
}
.agent_ie #pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person.fan_chart_highlight:not(.fan_chart_selected) .fan_chart_card {
  fill: #f2f2f2;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_name {
  fill: #000;
  cursor: pointer;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_add_me .fan_chart_person_name {
  fill: #000;
  text-transform: uppercase;
}
.NewTreeFaceLift #pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_add_me .fan_chart_person_name {
  text-transform: initial;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_dates {
  fill: #595959;
  cursor: pointer;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_plus {
  stroke: #595959;
  cursor: pointer;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_plus_f {
  stroke: rgba(45, 174, 209, 0.7);
  stroke-width: 1px;
  fill: none;
  cursor: pointer;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_plus_m {
  stroke: rgba(236, 66, 91, 0.7);
  stroke-width: 1px;
  fill: none;
  cursor: pointer;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_focus {
  fill: #fff;
  stroke: #fff;
  stroke-width: 1px;
  cursor: pointer;
}
.agent_ie #pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_focus {
  fill: #f2f2f2;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_focus_icon {
  fill: none;
  stroke: #000;
  stroke-linejoin: round;
  stroke-linecap: square;
  stroke-width: 1px;
  cursor: pointer;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_focus_icon_hover {
  stroke: #000;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_branch .fan_chart_branch_slice {
  fill: #f2f2f2;
  stroke: none;
  cursor: pointer;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_branch .fan_chart_branch_line {
  stroke: #999;
  fill: none;
  cursor: pointer;
}
.mh_mobile #pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_branch .fan_chart_branch_line {
  stroke: #333;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_branch.highlight .fan_chart_branch_slice {
  fill: #eee;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_branch.highlight .fan_chart_branch_line {
  stroke: #333;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_lineage {
  stroke: none;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_colored {
  stroke: #f2f2f2;
  stroke-width: 1px;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_add_me .fan_chart_colored {
  stroke: #e5e5e5;
  cursor: unset;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_ .fan_chart_colored {
  fill: #f2f2f2;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_f .fan_chart_lineage {
  fill: #cff0f8;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_f .fan_chart_colored {
  fill: #cff0f8;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_m .fan_chart_lineage {
  fill: #ffeddf;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_m .fan_chart_colored {
  fill: #ffeddf;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_ff .fan_chart_lineage {
  fill: #9de0ef;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_ff .fan_chart_colored {
  fill: #9de0ef;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_fm .fan_chart_lineage {
  fill: #c8f58c;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_fm .fan_chart_colored {
  fill: #c8f58c;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mf .fan_chart_lineage {
  fill: #ffeb94;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mf .fan_chart_colored {
  fill: #ffeb94;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mm .fan_chart_lineage {
  fill: #fec2a8;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mm .fan_chart_colored {
  fill: #fec2a8;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_fff .fan_chart_lineage {
  fill: #00b0d5;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_fff .fan_chart_colored {
  fill: #00b0d5;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_ffm .fan_chart_lineage {
  fill: #00d6d2;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_ffm .fan_chart_colored {
  fill: #00d6d2;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_fmf .fan_chart_lineage {
  fill: #77e97f;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_fmf .fan_chart_colored {
  fill: #77e97f;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_fmm .fan_chart_lineage {
  fill: #abef49;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_fmm .fan_chart_colored {
  fill: #abef49;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mff .fan_chart_lineage {
  fill: #ffdd3d;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mff .fan_chart_colored {
  fill: #ffdd3d;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mfm .fan_chart_lineage {
  fill: #ffbf4a;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mfm .fan_chart_colored {
  fill: #ffbf4a;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mmf .fan_chart_lineage {
  fill: #fa854e;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mmf .fan_chart_colored {
  fill: #fa854e;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mmm .fan_chart_lineage {
  fill: #ff4469;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mmm .fan_chart_colored {
  fill: #ff4469;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_.fan_chart_selected .fan_chart_focus {
  fill: #f2f2f2;
  stroke: #f2f2f2;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_f.fan_chart_selected .fan_chart_card:not(.fan_chart_colored) {
  fill: #e8f8fc;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_f.fan_chart_selected .fan_chart_focus {
  fill: #e8f8fc;
  stroke: #e8f8fc;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_m.fan_chart_selected .fan_chart_card:not(.fan_chart_colored) {
  fill: #fff1ea;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_m.fan_chart_selected .fan_chart_focus {
  fill: #fff1ea;
  stroke: #fff1ea;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_ff.fan_chart_selected .fan_chart_card:not(.fan_chart_colored) {
  fill: #e8f8fc;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_ff.fan_chart_selected .fan_chart_focus {
  fill: #e8f8fc;
  stroke: #e8f8fc;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_fm.fan_chart_selected .fan_chart_card:not(.fan_chart_colored) {
  fill: #f3fee7;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_fm.fan_chart_selected .fan_chart_focus {
  fill: #f3fee7;
  stroke: #f3fee7;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mf.fan_chart_selected .fan_chart_card:not(.fan_chart_colored) {
  fill: #fffae6;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mf.fan_chart_selected .fan_chart_focus {
  fill: #fffae6;
  stroke: #fffae6;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mm.fan_chart_selected .fan_chart_card:not(.fan_chart_colored) {
  fill: #fff1ea;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mm.fan_chart_selected .fan_chart_focus {
  fill: #fff1ea;
  stroke: #fff1ea;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_fff.fan_chart_selected .fan_chart_card:not(.fan_chart_colored) {
  fill: #e8f8fc;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_fff.fan_chart_selected .fan_chart_focus {
  fill: #e8f8fc;
  stroke: #e8f8fc;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_ffm.fan_chart_selected .fan_chart_card:not(.fan_chart_colored) {
  fill: #e9fcfb;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_ffm.fan_chart_selected .fan_chart_focus {
  fill: #e9fcfb;
  stroke: #e9fcfb;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_fmf.fan_chart_selected .fan_chart_card:not(.fan_chart_colored) {
  fill: #edfded;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_fmf.fan_chart_selected .fan_chart_focus {
  fill: #edfded;
  stroke: #edfded;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_fmm.fan_chart_selected .fan_chart_card:not(.fan_chart_colored) {
  fill: #f3fee7;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_fmm.fan_chart_selected .fan_chart_focus {
  fill: #f3fee7;
  stroke: #f3fee7;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mff.fan_chart_selected .fan_chart_card:not(.fan_chart_colored) {
  fill: #fffae6;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mff.fan_chart_selected .fan_chart_focus {
  fill: #fffae6;
  stroke: #fffae6;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mfm.fan_chart_selected .fan_chart_card:not(.fan_chart_colored) {
  fill: #fff5e3;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mfm.fan_chart_selected .fan_chart_focus {
  fill: #fff5e3;
  stroke: #fff5e3;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mmf.fan_chart_selected .fan_chart_card:not(.fan_chart_colored) {
  fill: #fff1ea;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mmf.fan_chart_selected .fan_chart_focus {
  fill: #fff1ea;
  stroke: #fff1ea;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mmm.fan_chart_selected .fan_chart_card:not(.fan_chart_colored) {
  fill: #ffecef;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mmm.fan_chart_selected .fan_chart_focus {
  fill: #ffecef;
  stroke: #ffecef;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_.fan_chart_select .fan_chart_card {
  stroke: transparent;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_f.fan_chart_select .fan_chart_card {
  stroke: #aac5cd;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_m.fan_chart_select .fan_chart_card {
  stroke: #cdbbaf;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_ff.fan_chart_select .fan_chart_card {
  stroke: #7dbecd;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_fm.fan_chart_select .fan_chart_card {
  stroke: #a0cd68;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mf.fan_chart_select .fan_chart_card {
  stroke: #cdb968;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mm.fan_chart_select .fan_chart_card {
  stroke: #cd9681;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_fff.fan_chart_select .fan_chart_card {
  stroke: #008eb3;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_ffm.fan_chart_select .fan_chart_card {
  stroke: #00aba7;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_fmf.fan_chart_select .fan_chart_card {
  stroke: #71cd72;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_fmm.fan_chart_select .fan_chart_card {
  stroke: #8dcd45;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mff.fan_chart_select .fan_chart_card {
  stroke: #cdab3a;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mfm.fan_chart_select .fan_chart_card {
  stroke: #cd973e;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mmf.fan_chart_select .fan_chart_card {
  stroke: #cd6a3d;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_person_mmm.fan_chart_select .fan_chart_card {
  stroke: #cd3d62;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_f .fan_chart_surname_text,
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_ff .fan_chart_surname_text,
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_fff .fan_chart_surname_text {
  fill: #0498b7;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_f .fan_chart_surname_line,
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_ff .fan_chart_surname_line,
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_fff .fan_chart_surname_line {
  stroke: #0498b7;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_m .fan_chart_surname_text,
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_mm .fan_chart_surname_text,
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_mmf .fan_chart_surname_text {
  fill: #bf5d2f;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_m .fan_chart_surname_line,
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_mm .fan_chart_surname_line,
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_mmf .fan_chart_surname_line {
  stroke: #bf5d2f;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_fm .fan_chart_surname_text,
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_fmf .fan_chart_surname_text {
  fill: #36b93f;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_fm .fan_chart_surname_line,
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_fmf .fan_chart_surname_line {
  stroke: #36b93f;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_mf .fan_chart_surname_text,
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_mff .fan_chart_surname_text {
  fill: #c1a328;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_mf .fan_chart_surname_line,
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_mff .fan_chart_surname_line {
  stroke: #c1a328;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_ffm .fan_chart_surname_text {
  fill: #18b9b6;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_ffm .fan_chart_surname_line {
  stroke: #18b9b6;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_fmm .fan_chart_surname_text {
  fill: #85b14e;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_fmm .fan_chart_surname_line {
  stroke: #85b14e;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_mfm .fan_chart_surname_text {
  fill: #b98422;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_mfm .fan_chart_surname_line {
  stroke: #b98422;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_mmm .fan_chart_surname_text {
  fill: #ab1331;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_svg .fan_chart_surname_mmm .fan_chart_surname_line {
  stroke: #ab1331;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_tooltip .image {
  display: inline-block;
  vertical-align: middle;
  width: 64px;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_tooltip .photo {
  border-radius: 50%;
  border: solid 1px #fff;
  background-position: center;
  background-size: cover;
  width: 48px;
  height: 48px;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_tooltip .photo_M {
  border-color: #17b4ce;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_tooltip .photo_F {
  border-color: #fc8181;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_tooltip .photo_U {
  border-color: #ccc;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_tooltip .details {
  width: 130px;
  min-height: 60px;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_tooltip .name {
  font-size: 13px;
  font-weight: 500;
  color: #333;
}
#pedigree_tree_app.fan_chart_app #pedigree_tree_tooltip .branch,
#pedigree_tree_app.fan_chart_app #pedigree_tree_tooltip .years {
  font-size: 13px;
  color: #999;
}

#fan_chart_share {
  position: relative;
  color: #333;
}
#fan_chart_share .fan_chart_header {
  text-align: center;
  padding: 48px 0 8px 0;
}
#fan_chart_share .fan_chart_image {
  text-align: center;
  min-height: 400px;
  padding-bottom: 48px;
}
@media (max-width: 1199px) {
  #fan_chart_share .fan_chart_image {
    min-height: unset;
  }
  #fan_chart_share .fan_chart_image img {
    max-width: 100%;
  }
}
#fan_chart_share .fan_chart_share_home {
  padding-top: 20px;
}
#fan_chart_share .fan_chart_share_home a {
  color: #999;
}
#fan_chart_share .family_journey {
  padding: 80px 0;
  background-color: rgba(248, 173, 119, 0.15);
}
@media (max-width: 1199px) {
  #fan_chart_share .family_journey {
    padding: 30px 0;
    text-align: center;
  }
}
#fan_chart_share .family_journey .info_section_title {
  color: #333;
  font-size: 34px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 40px;
  color: #000;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 1199px) {
  #fan_chart_share .family_journey .info_section_title {
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 0.2;
    line-height: 34px;
    color: #000;
    font-weight: bold;
  }
}
#fan_chart_share .family_journey .action_cards {
  display: flex;
  padding: 0 25px;
}
@media (max-width: 991px) {
  #fan_chart_share .family_journey .action_cards {
    flex-direction: column;
  }
}
#fan_chart_share .family_journey .action_cards .card_wrapper {
  transition: 0.3s;
  width: 100%;
  height: auto;
  max-width: 353px;
  min-height: 513px;
  margin-top: 63px;
  background-color: #fff;
  padding: 40px;
  border: none;
  box-shadow: 0 2px 8px 0 #f2f2f2;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1199px) {
  #fan_chart_share .family_journey .action_cards .card_wrapper {
    margin-top: 30px;
  }
}
@media (max-width: 991px) {
  #fan_chart_share .family_journey .action_cards .card_wrapper {
    padding: 25px;
    margin-top: 25px;
    min-height: 406px;
    max-width: 991px;
  }
}
#fan_chart_share .family_journey .action_cards .card_wrapper:not(:last-child) {
  margin-right: 43px;
}
@media (max-width: 991px) {
  #fan_chart_share .family_journey .action_cards .card_wrapper:not(:last-child) {
    margin-right: 20px;
  }
}
#fan_chart_share .family_journey .action_cards .card_wrapper .tool_title {
  color: #333;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 5px;
}
#fan_chart_share .family_journey .action_cards .card_wrapper .tool_text {
  line-height: 1.6;
  letter-spacing: 0.3px;
  font-size: 15px;
  margin-bottom: 70px;
}
#fan_chart_share .family_journey .action_cards .action_card {
  padding-top: 10px;
}
#fan_chart_share .family_journey .action_cards .action_card .bottom_card_area {
  align-items: flex-end;
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
}
#fan_chart_share .family_journey .action_cards .action_card .action_image {
  width: auto;
  height: 204px;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  #fan_chart_share .family_journey .action_cards .action_card .action_image {
    height: 153px;
    margin-bottom: 13px;
  }
}
#fan_chart_share .family_journey .action_cards .action_card .dna_card_image {
  background-image: url("/FP/Assets/Images/InColor/dna-kit.jpg?v=1");
  background-image: -webkit-image-set(url("/FP/Assets/Images/InColor/dna-kit.jpg?v=1") 1x, url("/FP/Assets/Images/InColor/dna-kit@2x.jpg?v=1") 2x);
}
#fan_chart_share .family_journey .action_cards .action_card .family_tree_image {
  background-image: url("/FP/Assets/Images/InColor/family-tree.png?v=1");
  background-image: -webkit-image-set(url("/FP/Assets/Images/InColor/family-tree.png?v=1") 1x, url("/FP/Assets/Images/InColor/family-tree@2x.png?v=1") 2x);
}
#fan_chart_share .family_journey .action_cards .action_card .records_image {
  background-image: url("/FP/Assets/Images/InColor/records.png?v=1");
  background-image: -webkit-image-set(url("/FP/Assets/Images/InColor/records.png?v=1") 1x, url("/FP/Assets/Images/InColor/records@2x.png?v=1") 2x);
}
@media (max-width: 1199px) {
  #fan_chart_share .family_journey .action_cards .action_card:not(:last-child) {
    margin-right: 20px;
  }
}
#fan_chart_share .info_section_title {
  color: #333;
  font-size: 34px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 40px;
  color: #000;
  font-weight: bold;
}
@media (max-width: 1199px) {
  #fan_chart_share .info_section_title {
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 0.2;
    line-height: 34px;
    color: #000;
    font-weight: bold;
  }
}
#fan_chart_share .info_section_description {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 15px;
  font-size: 18px;
  letter-spacing: 0.3px;
  line-height: 30px;
}
@media (max-width: 1199px) {
  #fan_chart_share .info_section_description {
    padding-top: 0;
  }
}
#fan_chart_share .about {
  padding: 80px 0;
}
@media (max-width: 1199px) {
  #fan_chart_share .about {
    padding: 30px 0;
    text-align: center;
  }
}
#fan_chart_share .about .info_section {
  display: flex;
  justify-content: center;
}
@media (max-width: 1199px) {
  #fan_chart_share .about .info_section {
    flex-direction: column-reverse;
    -ms-grid-row-align: center;
    align-items: center;
  }
}
#fan_chart_share .about .products_image {
  background-image: url("/FP/Assets/Images/InColor/products.jpg?v=2");
  background-image: -webkit-image-set(url("/FP/Assets/Images/InColor/products.jpg?v=2") 1x, url("/FP/Assets/Images/InColor/products@2x.jpg?v=2") 2x);
  background-repeat: no-repeat;
  height: 321px;
  width: 531px;
  flex-shrink: 0;
  margin-left: 90px;
}
@media (max-width: 1199px) {
  #fan_chart_share .about .products_image {
    margin-left: 0;
    margin-top: 35px;
    background-image: url("/FP/Assets/Images/InColor/products_mobile.jpg?v=2");
    background-image: -webkit-image-set(url("/FP/Assets/Images/InColor/products_mobile.jpg?v=2") 1x, url("/FP/Assets/Images/InColor/products_mobile@2x.jpg?v=2") 2x);
    height: 180px;
    width: 296px;
    margin-bottom: 20px;
  }
}

#pedigree_tree_downloads_menu {
  white-space: nowrap;
  right: 50px;
  margin-top: 4px;
}

#pedigree_tree_downloads_menu.open {
  display: block;
}

/* stylelint-disable */
#people_list {
  position: absolute;
  top: 60px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.05);
}
#people_list .people_list_container {
  min-width: 632px;
  max-width: 1236px;
  padding: 0 48px;
  margin: 0 auto;
}
.mh_tablet #people_list .people_list_container {
  padding: 0 48px 100px 48px;
}
#people_list #people_list_header {
  display: flex;
  width: 100%;
  height: 60px;
  padding-top: 14px;
  font-size: 12px;
  background-color: #f2f2f2;
}
#people_list #people_list_header .header_left {
  display: inline-flex;
  white-space: nowrap;
  width: 100%;
  font-size: 13px;
  color: #595959;
  padding-top: 7px;
  overflow: hidden;
}
#people_list #people_list_header .header_right {
  display: inline-flex;
  white-space: nowrap;
}
#people_list #people_list_header .header_title {
  display: inline;
}
#people_list #people_list_header .header_title_exclude {
  font-size: 13px;
  color: #999;
}
#people_list #people_list_header .header_query {
  font-weight: bold;
}
#people_list #people_list_header .header_clear_search {
  display: inline;
  color: #f56932;
  padding: 1px 12px;
  cursor: pointer;
}
#people_list #people_list_header .toolbar_button {
  display: inline-block;
  vertical-align: middle;
  padding: 7px 0;
  cursor: pointer;
}
#people_list #people_list_header .options_icon {
  background-position: -224px -281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
.mh_desktop #people_list #people_list_header .options {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  margin-top: -4px;
  margin-left: -10px;
  padding: 10px;
}
.mh_desktop #people_list #people_list_header .options:hover {
  background-color: #e5e5e5;
}
.mh_desktop #people_list #people_list_header .options:hover .options_icon {
  background-position: -252px -281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
#people_list #people_list_footer {
  display: flex;
  justify-content: space-between;
  margin: 40px 0 100px 0;
}
#people_list #people_list_footer .pagination_component {
  flex-shrink: 0;
}
#people_list #people_list_footer .separator {
  height: 30px;
  margin: 0 20px;
  border-right: 1px solid #e5e5e5;
}
#people_list #people_list_footer .go_to_page_container {
  flex-basis: 100%;
}
#people_list #people_list_footer .go_to_page_container .go_to_page_label {
  margin-right: 7px;
}
#people_list #people_list_footer .go_to_page_container .go_to_page_input {
  background-color: transparent;
}
#people_list #people_list_footer .per_page_container {
  flex-shrink: 0;
}
#people_list #people_list_footer .per_page_container .dropdown_header_container {
  padding-right: 15px;
}
#people_list #people_list_footer .per_page_container .selector_wrapper .selector_body_container {
  left: auto;
  right: 0;
  top: -142px;
}
#people_list #people_list_footer .per_page_container .selector_header {
  cursor: pointer;
}
#people_list #people_list_footer .per_page_container .selector_header::after {
  margin-left: 7px;
  margin-right: 0;
}
#people_list #people_list_footer .per_page_container li.selector_item {
  padding: 6px;
  font-size: 15px;
}
#people_list #people_list_footer .per_page_container li.selector_item.selected {
  color: #f56932;
}
#people_list #people_list_footer .per_page_label {
  margin-right: 10px;
  margin-left: 0;
}
@media (max-width: 991px) {
  #people_list #people_list_footer .per_page_label {
    color: #999;
    font-size: 13px;
  }
}
#people_list #people_list_footer .no_results_found {
  font-size: 28px;
  font-weight: 400;
  width: 100%;
  text-align: center;
  color: #999;
  margin-top: 20px;
}
#people_list .people_list_columns_container_sticky {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1;
}
#people_list .people_list_columns_container_sticky .people_list_columns_section {
  min-width: 632px;
  max-width: 1236px;
  padding: 0 48px;
  margin: 0 auto;
}
#people_list .people_list_columns_container_sticky .people_list_columns {
  height: 40px;
  padding: 12px;
  background: white;
  box-shadow: 0 3px 3px 0 #e5e5e5;
}
#people_list .people_list_columns_panel_open {
  left: 360px !important;
}
#people_list .people_list_columns {
  display: flex;
  justify-content: space-between;
  height: 48px;
  padding: 16px 12px;
  font-size: 12px;
  color: #595959;
}
#people_list .people_list_body {
  border-radius: 6px;
  box-shadow: 0 3px 3px 0 #e5e5e5;
  background-color: #fff;
}
#people_list .column {
  padding: 0 12px;
  overflow: hidden;
}
#people_list .column_person {
  width: 47%;
}
#people_list .column_person_no_discoveries {
  width: 51%;
}
#people_list .column_birth,
#people_list .column_death {
  width: 18%;
}
#people_list .column_birth_no_discoveries,
#people_list .column_death_no_discoveries {
  width: 22%;
}
#people_list .column_discoveries {
  width: 12%;
  overflow: visible;
}
#people_list .column_actions {
  width: 5%;
  overflow: visible;
}
#people_list .people_list_item {
  min-height: 72px;
  padding: 16px 12px;
  border-top: solid 1px #e5e5e5;
  color: #333;
  font-size: 13px;
  background-color: #fff;
  border-left: solid 3px transparent;
}
#people_list .people_list_item:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
#people_list .people_list_item .item_columns {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#people_list .people_list_item .column_person,
#people_list .people_list_item .column_discoveries {
  display: flex;
}
#people_list .people_list_item .column_discoveries,
#people_list .people_list_item .column_actions {
  margin: auto 0;
}
#people_list .people_list_item .item_details {
  overflow: hidden;
}
#people_list .people_list_item .item_name,
#people_list .people_list_item .item_relationship,
#people_list .people_list_item .item_tree_name,
#people_list .people_list_item .item_date,
#people_list .people_list_item .item_place {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#people_list .people_list_item .item_name {
  font-weight: 500;
}
#people_list .people_list_item .item_relationship,
#people_list .people_list_item .item_tree_name,
#people_list .people_list_item .item_place {
  color: #595959;
}
#people_list .people_list_item .item_tree_name {
  padding-top: 8px;
  display: flex;
}
#people_list .people_list_item .item_relationship_wrapper {
  display: flex;
  column-gap: 6px;
  align-items: center;
}
#people_list .people_list_item .tree_icon {
  background-position: -24px -336px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: 1px;
}
#people_list .people_list_item .tree_name {
  display: inline-flex;
  padding-left: 6px;
}
#people_list .people_list_item .item_relatives {
  padding-top: 8px;
}
#people_list .people_list_item .item_relatives td {
  padding-bottom: 4px;
}
#people_list .people_list_item .item_relatives .relatives_label {
  padding-right: 8px;
  color: #595959;
  white-space: nowrap;
}
#people_list .people_list_item .item_relatives .relative_name {
  cursor: pointer;
}
#people_list .people_list_item .item_relatives .relative_name:hover {
  text-decoration: underline;
}
#people_list .people_list_item .item_image {
  display: -ms-inline-grid;
  display: inline-grid;
  padding-right: 10px;
}
#people_list .people_list_item .item_photo {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  border: solid 1px transparent;
}
#people_list .people_list_item .item_photo_M,
#people_list .people_list_item .item_photo_F,
#people_list .people_list_item .item_photo_U {
  border-color: #ccc;
}
#people_list .people_list_item .indicator_icon {
  width: 16px;
  height: 16px;
  padding: 2px;
  margin-right: 10px;
  cursor: pointer;
}
#people_list .people_list_item .indicator_icon_hidden {
  display: none;
}
#people_list .people_list_item .indicator_icon_content {
  display: none;
}
#people_list .people_list_item .action_icon {
  visibility: hidden;
}
#people_list .people_list_item .action_icon_disabled {
  opacity: 0.3 !important;
}
#people_list .people_list_item .action_edit_icon {
  background-position: -124px -92px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 17px;
  height: 17px;
}
#people_list .people_list_item_with_relatives .item_name,
#people_list .people_list_item_with_relatives .item_relationship,
#people_list .people_list_item_with_relatives .item_tree_name,
#people_list .people_list_item_with_relatives .item_date,
#people_list .people_list_item_with_relatives .item_place {
  white-space: unset !important;
}
#people_list .people_list_item_selected {
  border-left-color: #f6630f;
}
#people_list .people_list_item_active {
  cursor: pointer;
}
#people_list .people_list_item_active:hover {
  background-color: #f7f7f7;
}
#people_list .people_list_item:hover {
  background-color: #f7f7f7;
}
#people_list .people_list_item:hover .action_icon {
  visibility: visible;
  cursor: pointer;
}
#people_list #people_list_sort_menu,
#people_list #people_list_search_scope_menu {
  display: none;
  position: absolute;
  margin-top: 4px;
  z-index: 10;
  border: solid 1px rgba(0, 0, 0, 0.03);
  background-color: #fff;
  overflow: auto;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  transition: opacity 0.1s linear, visibility 0.1s linear;
  border-radius: 3px;
  font-size: 13px;
  letter-spacing: 0.3px;
  min-width: 140px;
  padding: 10px 0;
}
#people_list #people_list_sort_menu .entry,
#people_list #people_list_search_scope_menu .entry {
  cursor: pointer;
  width: 100%;
  color: #595959;
  padding: 0 20px;
  line-height: 40px;
  display: flex;
}
#people_list #people_list_sort_menu .entry:hover,
#people_list #people_list_search_scope_menu .entry:hover {
  background-color: #f7f7f7;
}
#people_list #people_list_sort_menu .entry .label,
#people_list #people_list_search_scope_menu .entry .label {
  display: inline-flex;
  width: 100%;
  padding-right: 16px;
}
#people_list #people_list_sort_menu .entry .icon,
#people_list #people_list_search_scope_menu .entry .icon {
  display: inline-flex;
  padding: 12px 0;
}
#people_list #people_list_sort_menu .selected_entry,
#people_list #people_list_search_scope_menu .selected_entry {
  color: #f56932;
}
#people_list #people_list_sort_menu .selected_entry .selected_icon,
#people_list #people_list_search_scope_menu .selected_entry .selected_icon {
  background-position: -373px -289px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 12px;
  height: 12px;
}
#people_list #people_list_sort_menu .group,
#people_list #people_list_search_scope_menu .group {
  text-transform: uppercase;
  padding: 10px 16px;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 1.2px;
  color: #595959;
}
#people_list #people_list_sort_menu {
  margin-top: 4px;
}
#people_list #people_list_search_scope_menu {
  margin-top: 12px;
}
#people_list .people_list_selector {
  display: inline-flex;
  height: 30px;
  margin: 0 6px;
  padding: 6px 12px;
  border-radius: 3px;
  cursor: pointer;
  font-size: 13px;
  letter-spacing: 0.3px;
  color: #595959;
}
#people_list .people_list_selector:hover {
  background: #e5e5e5;
}
#people_list .people_list_selector .selector_button {
  display: inline;
  margin-right: 8px;
}
#people_list .people_list_selector .filters_icon {
  background-position: -268px -249px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 16px;
  height: 19px;
}
#people_list .people_list_sort_selector .selector_button {
  margin-top: 1px;
}
#people_list .people_list_sort_selector .sort_icon {
  background-position: -48px -336px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 17px;
  height: 15px;
  opacity: 0.4;
}
#people_list .people_list_filters_selector .filters_icon {
  background-position: -268px -249px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 16px;
  height: 19px;
}
#people_list .people_list_selector_open {
  color: #595959;
}
#people_list .people_list_selector_open .selector_icon {
  opacity: 1;
}
#people_list .people_list_filters_active {
  color: #f56932 !important;
}
#people_list .people_list_filters_active:hover {
  color: #f56932;
}
#people_list .people_list_filters_active .filters_icon {
  background-position: 0px -309px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 16px;
  height: 19px;
}
#people_list .people_list_menu_open {
  display: block !important;
}
#people_list #people_list_search {
  display: inline-flex;
  margin: 0 18px 0 12px;
  font-size: 12px;
  width: 210px;
  height: 32px;
  border-radius: 16px;
  border: solid 1px #ccc;
  background-color: #f2f2f2;
}
#people_list #people_list_search:hover {
  border-color: #999;
}
#people_list #people_list_search .people_list_search_scope_selector {
  display: inline-flex;
  margin-top: 6px;
  margin-left: 3px;
  margin-right: 8px;
  padding: 8px;
  width: 24px;
  height: 16px;
  border-right: solid 1px #e5e5e5;
  cursor: pointer;
}
#people_list #people_list_search .people_list_search_scope_selector .arrow {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
#people_list #people_list_search .people_list_search_scope_selector .arrow_down {
  border-top: 4px solid #999;
}
#people_list #people_list_search .people_list_search_scope_selector .arrow_up {
  border-bottom: 4px solid #595959;
}
#people_list #people_list_search .people_list_search_input {
  border: none;
  outline: none;
  width: 145px;
  height: 30px;
  color: #000;
  background-color: #f2f2f2;
  direction: ltr;
}
#people_list #people_list_search .people_list_search_input:-ms-input-placeholder {
  color: #595959;
}
#people_list #people_list_search .people_list_search_input::placeholder {
  color: #595959;
}
#people_list #people_list_search .search_button {
  display: inline-flex;
  padding: 5px 0;
}
#people_list #people_list_search .search_button .search_icon {
  background-position: -132px -117px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
#people_list #people_list_filter_clause {
  padding-top: 20px;
  font-size: 13px;
}
#people_list #people_list_filter_clause .caption {
  color: #333;
  font-weight: bold;
}
#people_list #people_list_filter_clause .separator {
  margin: 0 12px;
  border-right: solid 1px #999;
}
#people_list #people_list_filter_clause .all {
  color: #595959;
  cursor: pointer;
}
#people_list #people_list_filter_clause .all:hover {
  text-decoration: underline;
}
#people_list #people_list_filters {
  display: none;
  height: 0;
  -ms-grid-row-align: center;
  align-items: center;
  background-color: #fff;
  color: #595959;
  font-size: 13px;
  letter-spacing: 0.3px;
  justify-content: space-between;
}
#people_list #people_list_filters .filters_surnames {
  display: inline-flex;
}
#people_list #people_list_filters .filters_surnames .filters_label {
  display: inline-block;
  padding-right: 24px;
}
#people_list #people_list_filters .filters_surnames .filters_letters {
  display: inline-block;
}
#people_list #people_list_filters .filters_surnames .filters_letters .letter,
#people_list #people_list_filters .filters_surnames .filters_letters .letter_spacing {
  display: inline-flex;
  padding: 0 5px;
  border-bottom: solid 2px transparent;
}
#people_list #people_list_filters .filters_surnames .filters_letters .letter {
  color: #595959;
  cursor: pointer;
}
#people_list #people_list_filters .filters_surnames .filters_letters .letter:hover {
  border-bottom-color: #ccc;
}
#people_list #people_list_filters .filters_surnames .filters_letters .letter_spacing {
  color: #ccc;
}
#people_list #people_list_filters .filters_surnames .filters_letters .letter_spacing::after {
  content: "|";
}
#people_list #people_list_filters .filters_surnames .filters_letters .selected {
  color: #f56932;
  border-bottom-color: #f56932;
}
#people_list #people_list_filters .filters_surnames .filters_letters .selected:hover {
  border-bottom-color: #f56932;
}
#people_list #people_list_filters .clear_filters_container {
  opacity: 0;
  padding-left: 15px;
  pointer-events: none;
  color: #f56932;
  transition: opacity 0.2s ease-in-out;
}
#people_list #people_list_filters .show_clear_filters {
  opacity: 1;
  cursor: pointer;
  pointer-events: auto;
}
#people_list .people_list_filters_open {
  display: flex !important;
  height: 72px !important;
  width: 100%;
  transition: 0.5s ease-in-out;
  margin-bottom: 20px;
  border-radius: 6px;
  box-shadow: 0 3px 3px 0 #e5e5e5;
  padding: 20px;
}

#panel_opener {
  position: fixed;
  top: 180px;
  left: 0;
  width: 30px;
  height: 32px;
  background-color: #fff;
  border-top: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  padding: 10px;
  box-shadow: 1px 1px 3px 0 #e5e5e5;
  cursor: pointer;
  z-index: 200;
  transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -webkit-transition: opacity 0.5s linear;
}
.mh_responsive.mh_mobile #panel_opener, .mh_responsive.mh_tablet #panel_opener {
  display: none;
}
.mh_responsive.mh_mobile #panel_opener.mobile_app, .mh_responsive.mh_tablet #panel_opener.mobile_app {
  display: block;
}
#panel_opener:hover {
  background-color: #f7f7f7;
  width: 34px;
  padding-left: 14px;
  transition: all 0.2s linear;
}
#panel_opener .panel_opener_icon {
  background-position: -397px -18px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 6px;
  height: 10px;
  transform: scaleX(-1);
}

/* 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 */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/**
* Transforms a given palette color to the transparent version of it
*/
/* 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 */
/* stylelint-disable */
/* stylelint-disable */
/**
    Converts a hex color to rgb(r, g, b) representation

    Does NOT support colors with opacity, for that please use native rgba() function
 */
/**
    Converts a hex color to a red green blue tuple representation
 */
/**
  WARNING:
  These should not be changed without approval from the front end guild manager
 */
/**
  This adds supported variant colors to a given selector
  @param $attribute The css attribute to use
  @param classPrefix the class prefix to use F.E variant => variant_health
  @param $selectorSuffix The suffix to add to the selector F.E :hover => &.variant_health:hover
  @param $valuePrefix Value prefix to add, used in attribute that need extra metadata(box shadow etc)
                        F.E 2px 2px 0 0 => 2px 2px 0 0 $palette-color-24
  @param $mix-color Color to mix with the variant colors(Used to lighten colors or opacify)
  @param $mix-percent Percentage to use from variant color mixing with $mix-color
  @param $variant-map Map of variant colors, defaulted to general variants
 */
/* stylelint-disable */
/* stylelint-disable */
/**
    Converts a hex color to rgb(r, g, b) representation

    Does NOT support colors with opacity, for that please use native rgba() function
 */
/**
    Converts a hex color to a red green blue tuple representation
 */
/* 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 */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/**
* Transforms a given palette color to the transparent version of it
*/
/* 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 */
/* stylelint-disable */
/* stylelint-disable */
/**
    Converts a hex color to rgb(r, g, b) representation

    Does NOT support colors with opacity, for that please use native rgba() function
 */
/**
    Converts a hex color to a red green blue tuple representation
 */
/**
  WARNING:
  These should not be changed without approval from the front end guild manager
 */
/**
  This adds supported variant colors to a given selector
  @param $attribute The css attribute to use
  @param classPrefix the class prefix to use F.E variant => variant_health
  @param $selectorSuffix The suffix to add to the selector F.E :hover => &.variant_health:hover
  @param $valuePrefix Value prefix to add, used in attribute that need extra metadata(box shadow etc)
                        F.E 2px 2px 0 0 => 2px 2px 0 0 $palette-color-24
  @param $mix-color Color to mix with the variant colors(Used to lighten colors or opacify)
  @param $mix-percent Percentage to use from variant color mixing with $mix-color
  @param $variant-map Map of variant colors, defaulted to general variants
 */
/* stylelint-disable */
/* stylelint-disable */
/**
    Converts a hex color to rgb(r, g, b) representation

    Does NOT support colors with opacity, for that please use native rgba() function
 */
/**
    Converts a hex color to a red green blue tuple representation
 */
.pagination_component {
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pagination_component .pagination_item {
  margin: 0 5px;
  display: block;
  min-width: 28px;
  min-height: 28px;
  padding: 3px 10px;
  border-radius: 4px;
  text-align: center;
  color: #595959;
  font-size: 15px;
  border: 1px solid #e5e5e5;
}
@media (max-width: 991px) {
  .pagination_component .pagination_item {
    padding: 3px 5px;
  }
  .pagination_component .pagination_item:hover {
    text-decoration: none;
  }
  .pagination_component .pagination_item:active {
    text-decoration: underline;
  }
}
.pagination_component .pagination_item:first-child {
  margin-left: 0;
}
.pagination_component .pagination_item:last-child {
  margin-right: 0;
}
.pagination_component .separator_component {
  width: 2px;
  height: 12px;
  opacity: 0.2;
  border: solid 1px #ccc;
  margin-top: 8px;
}
.pagination_component .previous_icon::before {
  left: 5px;
  content: "";
  position: relative;
  width: 8px;
  height: 8px;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: 2px 2px 0 0 #595959;
  transform: rotate(135deg);
}
.pagination_component .next_icon::after {
  right: 5px;
  content: "";
  position: relative;
  width: 8px;
  height: 8px;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: 2px 2px 0 0 #595959;
  transform: rotate(315deg);
}
.pagination_component .pagination_item_disabled {
  color: #ccc;
}
.pagination_component .pagination_item_disabled.previous_icon::before {
  width: 8px;
  height: 8px;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: 2px 2px 0 0 #ccc;
  transform: rotate(135deg);
}
.pagination_component .pagination_item_disabled.next_icon::after {
  width: 8px;
  height: 8px;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: 2px 2px 0 0 #ccc;
  transform: rotate(315deg);
}
.pagination_component .pagination_variant_strip {
  border: none;
}
.pagination_component .pagination_variant_strip.previous_icon::before {
  top: -1px;
  left: 0;
}
.pagination_component .pagination_variant_strip.next_icon::after {
  top: -1px;
  right: 0;
}
.pagination_component .pagination_variant_festive {
  border: none;
}
.pagination_component .pagination_variant_festive.previous_icon::before {
  top: -1px;
  left: -14.5px;
  width: 8px;
  height: 8px;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: 2px 2px 0 0 #bb4ece;
  transform: rotate(135deg);
}
.pagination_component .pagination_variant_festive.next_icon::after {
  top: -1px;
  right: -14.5px;
  width: 8px;
  height: 8px;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: 2px 2px 0 0 #bb4ece;
  transform: rotate(315deg);
}
.pagination_component .pagination_item_active {
  cursor: pointer;
  transition: background-color 0.15s ease-in-out;
}
@media (max-width: 767px) {
  .pagination_component .pagination_item_active:active {
    background-color: #f2f2f2;
  }
}
@media (min-width: 768px) {
  .pagination_component .pagination_item_active:hover {
    background-color: #f2f2f2;
  }
}
.pagination_component .pagination_current_of_total {
  line-height: 28px;
}
@media (max-width: 767px) {
  .pagination_component .pagination_variant_strip:active {
    background-color: transparent;
  }
}
@media (min-width: 768px) {
  .pagination_component .pagination_variant_strip:hover {
    background-color: transparent;
  }
}
.pagination_component .pagination_item_current {
  color: #fff;
  border: 1px solid #f2f2f2;
  background-color: #999;
}
.pagination_component .pagination_ellipsis {
  border: none;
  margin: 0 -2px;
  padding: 4px 0 0;
  letter-spacing: 1px;
  font-size: 18px;
}

/* 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 */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/**
* Transforms a given palette color to the transparent version of it
*/
/* 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 */
/* stylelint-disable */
/* stylelint-disable */
/**
    Converts a hex color to rgb(r, g, b) representation

    Does NOT support colors with opacity, for that please use native rgba() function
 */
/**
    Converts a hex color to a red green blue tuple representation
 */
/**
  WARNING:
  These should not be changed without approval from the front end guild manager
 */
/**
  This adds supported variant colors to a given selector
  @param $attribute The css attribute to use
  @param classPrefix the class prefix to use F.E variant => variant_health
  @param $selectorSuffix The suffix to add to the selector F.E :hover => &.variant_health:hover
  @param $valuePrefix Value prefix to add, used in attribute that need extra metadata(box shadow etc)
                        F.E 2px 2px 0 0 => 2px 2px 0 0 $palette-color-24
  @param $mix-color Color to mix with the variant colors(Used to lighten colors or opacify)
  @param $mix-percent Percentage to use from variant color mixing with $mix-color
  @param $variant-map Map of variant colors, defaulted to general variants
 */
/* stylelint-disable */
/* stylelint-disable */
/**
    Converts a hex color to rgb(r, g, b) representation

    Does NOT support colors with opacity, for that please use native rgba() function
 */
/**
    Converts a hex color to a red green blue tuple representation
 */
.per_page_container .per_page_label {
  margin-right: 10px;
  color: #595959;
  font-size: 15px;
}
.per_page_container .selector_header {
  font-weight: 500;
  color: #000;
  font-size: 15px;
}
.per_page_container .selector_header::after {
  top: 50%;
  content: "";
  margin-top: 3px;
  margin-left: 7px;
  position: absolute;
  transition: transform 0.3s ease;
  transform: translateY(-50%) rotate(0);
  border: 4px solid rgba(89, 89, 89, 0);
  border-top: 4px solid #595959;
}
.per_page_container .selector_wrapper.opened .selector_header::after {
  margin-top: -1px;
  transform: translateY(-50%) rotate(180deg);
}
.per_page_container .selector_body_container {
  min-width: 50px;
}
.per_page_container .selector_body_container li.selector_item {
  padding: 10px;
  text-align: center;
}

/* 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 */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/**
* Transforms a given palette color to the transparent version of it
*/
/* 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 */
/* stylelint-disable */
/* stylelint-disable */
/**
    Converts a hex color to rgb(r, g, b) representation

    Does NOT support colors with opacity, for that please use native rgba() function
 */
/**
    Converts a hex color to a red green blue tuple representation
 */
/**
  WARNING:
  These should not be changed without approval from the front end guild manager
 */
/**
  This adds supported variant colors to a given selector
  @param $attribute The css attribute to use
  @param classPrefix the class prefix to use F.E variant => variant_health
  @param $selectorSuffix The suffix to add to the selector F.E :hover => &.variant_health:hover
  @param $valuePrefix Value prefix to add, used in attribute that need extra metadata(box shadow etc)
                        F.E 2px 2px 0 0 => 2px 2px 0 0 $palette-color-24
  @param $mix-color Color to mix with the variant colors(Used to lighten colors or opacify)
  @param $mix-percent Percentage to use from variant color mixing with $mix-color
  @param $variant-map Map of variant colors, defaulted to general variants
 */
/* stylelint-disable */
/* stylelint-disable */
/**
    Converts a hex color to rgb(r, g, b) representation

    Does NOT support colors with opacity, for that please use native rgba() function
 */
/**
    Converts a hex color to a red green blue tuple representation
 */
.go_to_page_container .go_to_page_label {
  margin-right: 7px;
  display: inline-block;
  color: #595959;
  font-size: 15px;
}
.go_to_page_container .go_to_page_input {
  outline: 0;
  width: 50px;
  height: 28px;
  padding: 0 6px;
  border-radius: 6px;
  display: inline-block;
  color: #595959;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  font-size: 15px;
  border: 1px solid #e5e5e5;
}
.go_to_page_container .go_to_page_input::-webkit-inner-spin-button, .go_to_page_container .go_to_page_input::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: textfield;
}

/* 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 */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/**
* Transforms a given palette color to the transparent version of it
*/
/* 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 */
/* stylelint-disable */
/* stylelint-disable */
/**
    Converts a hex color to rgb(r, g, b) representation

    Does NOT support colors with opacity, for that please use native rgba() function
 */
/**
    Converts a hex color to a red green blue tuple representation
 */
/**
  WARNING:
  These should not be changed without approval from the front end guild manager
 */
/**
  This adds supported variant colors to a given selector
  @param $attribute The css attribute to use
  @param classPrefix the class prefix to use F.E variant => variant_health
  @param $selectorSuffix The suffix to add to the selector F.E :hover => &.variant_health:hover
  @param $valuePrefix Value prefix to add, used in attribute that need extra metadata(box shadow etc)
                        F.E 2px 2px 0 0 => 2px 2px 0 0 $palette-color-24
  @param $mix-color Color to mix with the variant colors(Used to lighten colors or opacify)
  @param $mix-percent Percentage to use from variant color mixing with $mix-color
  @param $variant-map Map of variant colors, defaulted to general variants
 */
/* stylelint-disable */
/* stylelint-disable */
/**
    Converts a hex color to rgb(r, g, b) representation

    Does NOT support colors with opacity, for that please use native rgba() function
 */
/**
    Converts a hex color to a red green blue tuple representation
 */
.selector_wrapper {
  position: relative;
  width: inherit;
  outline: 0;
  display: inline-block;
}
.selector_wrapper .selector_header_container {
  width: inherit;
  padding-bottom: 5px;
  margin-bottom: -5px;
}
.selector_wrapper .selector_body_container {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 100%;
  box-shadow: 0 10px 40px -20px rgba(0, 0, 0, 0.35);
  background-color: #fff;
  transition: opacity 0.1s linear, visibility 0.1s linear;
  z-index: 100;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  width: 100%;
}
.selector_wrapper .selector_body_title {
  background: #f7f7f7;
  color: #595959;
  padding: 5px 13px;
  font-size: 13px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.selector_wrapper .selector_body {
  max-height: 250px;
  overflow-y: auto;
  padding: 0;
  margin: 0;
}
.selector_wrapper.opened .selector_body_container {
  visibility: visible;
  opacity: 1;
}
.selector_wrapper .beneath_modal {
  z-index: 1030;
}
.selector_wrapper .above_modal {
  z-index: 1050;
}
.selector_wrapper .fixed_location_selector {
  display: block;
  position: fixed;
}

/* 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 */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/**
* Transforms a given palette color to the transparent version of it
*/
/* 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 */
/* stylelint-disable */
/* stylelint-disable */
/**
    Converts a hex color to rgb(r, g, b) representation

    Does NOT support colors with opacity, for that please use native rgba() function
 */
/**
    Converts a hex color to a red green blue tuple representation
 */
/**
  WARNING:
  These should not be changed without approval from the front end guild manager
 */
/**
  This adds supported variant colors to a given selector
  @param $attribute The css attribute to use
  @param classPrefix the class prefix to use F.E variant => variant_health
  @param $selectorSuffix The suffix to add to the selector F.E :hover => &.variant_health:hover
  @param $valuePrefix Value prefix to add, used in attribute that need extra metadata(box shadow etc)
                        F.E 2px 2px 0 0 => 2px 2px 0 0 $palette-color-24
  @param $mix-color Color to mix with the variant colors(Used to lighten colors or opacify)
  @param $mix-percent Percentage to use from variant color mixing with $mix-color
  @param $variant-map Map of variant colors, defaulted to general variants
 */
/* stylelint-disable */
/* stylelint-disable */
/**
    Converts a hex color to rgb(r, g, b) representation

    Does NOT support colors with opacity, for that please use native rgba() function
 */
/**
    Converts a hex color to a red green blue tuple representation
 */
li.selector_item {
  padding: 15px;
  display: block;
  cursor: pointer;
  background: #fff;
  color: #595959;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
li.selector_item:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
li.selector_item:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom: none;
}
li.selector_item:hover {
  background-color: #f2f2f2;
}
li.selector_item.emphasized {
  border-bottom-width: 2px;
}
li.selector_item.selected {
  background: #f2f2f2;
  color: #f56932;
  cursor: default;
}
li.selector_item.selected:hover {
  background-color: #f2f2f2;
}
li.selector_item.selected.inverse {
  color: #595959;
}
li.selector_item.selected.festive {
  color: #bb4ece;
}
li.selector_item.selected.health {
  color: #0ca3c6;
}
li.selector_item.selected.mint {
  color: #009b82;
}
li.selector_item.thin {
  padding: 10px;
  font-size: 12px;
}