/* 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 */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/**
* Transforms a given palette color to the transparent version of it
*/
/* stylelint-disable */
.newtree_sprite, .right_panel_container.help_outer_container .help_image {
  background-image: url("/FP/Assets/Images/Sprites/newtree_sprite.png?v=23");
}
@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) {
  .newtree_sprite, .right_panel_container.help_outer_container .help_image {
    background-image: url("/FP/Assets/Images/Sprites/newtree_sprite@2x.png?v=23");
    background-size: 587px 553px;
  }
}

.pedigreetree_sprite, .NewTree_select_menu .menu_entry.selected .entry_icon::before, .NewTree_select_menu_opener::after, #NewTree_Tooltip .NewTree_richTooltip.LargeTooltipDna.private .NewTree_LargeTooltipIcon, #NewTree_Tooltip .NewTree_richTooltip.LargeTooltipDna.public .NewTree_LargeTooltipIcon, #NewTree_Tooltip .NewTree_richTooltip.LargeTooltipRM .NewTree_LargeTooltipIcon, #NewTree_Tooltip .NewTree_richTooltip.LargeTooltipSM .NewTree_LargeTooltipIcon, #simplemodal-container a.spiderCloseImg::before, .right_panel_container.options_outer_container .right_panel_content #options_container #more_actions li a::before, .right_panel_container.options_outer_container .right_panel_content #options_container .panel_header .section_open,
.right_panel_container.options_outer_container .right_panel_content #options_container .panel_header .section_closed, #NewTree_radarToolbarButton::before, #NewTree_radarToolbarButton::after, #NewTreeLayoutStyle .button::before, #NewTree_panBox .moveHome::before,
#NewTreeControls.smallScreen #NewTree_panBox .moveHome::before, #NewTreeToolBar .ToolBar_help::before, #NewTreeToolBar .ToolBar_options::before, #NewTreeToolBar .ToolBar_fullScreen::before,
#NewTreeToolBar .ToolBar_exitFullScreen::before,
#NewTreeToolBar .ToolBar_colorCoding::before, #ToolBarProximity .proximity_menu .menu_close::before {
  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, .NewTree_select_menu .menu_entry.selected .entry_icon::before, .NewTree_select_menu_opener::after, #NewTree_Tooltip .NewTree_richTooltip.LargeTooltipDna.private .NewTree_LargeTooltipIcon, #NewTree_Tooltip .NewTree_richTooltip.LargeTooltipDna.public .NewTree_LargeTooltipIcon, #NewTree_Tooltip .NewTree_richTooltip.LargeTooltipRM .NewTree_LargeTooltipIcon, #NewTree_Tooltip .NewTree_richTooltip.LargeTooltipSM .NewTree_LargeTooltipIcon, #simplemodal-container a.spiderCloseImg::before, .right_panel_container.options_outer_container .right_panel_content #options_container #more_actions li a::before, .right_panel_container.options_outer_container .right_panel_content #options_container .panel_header .section_open,
.right_panel_container.options_outer_container .right_panel_content #options_container .panel_header .section_closed, #NewTree_radarToolbarButton::before, #NewTree_radarToolbarButton::after, #NewTreeLayoutStyle .button::before, #NewTree_panBox .moveHome::before,
#NewTreeControls.smallScreen #NewTree_panBox .moveHome::before, #NewTreeToolBar .ToolBar_help::before, #NewTreeToolBar .ToolBar_options::before, #NewTreeToolBar .ToolBar_fullScreen::before,
#NewTreeToolBar .ToolBar_exitFullScreen::before,
#NewTreeToolBar .ToolBar_colorCoding::before, #ToolBarProximity .proximity_menu .menu_close::before {
    background-image: url("/FP/Assets/Images/Sprites/pedigreetree_sprite@2x.png?v=173");
    background-size: 404px 372px;
  }
}

.zoomslider_sprite, #NewTree_zoomerBox .zoomPlus::before,
#NewTree_zoomerBox .zoomMinus::before,
#NewTree_touchZoomerBox .zoomPlus::before,
#NewTree_touchZoomerBox .zoomMinus::before,
#NewTreeControls.smallScreen #NewTree_zoomerBox .zoomPlus::before,
#NewTreeControls.smallScreen #NewTree_zoomerBox .zoomMinus::before {
  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, #NewTree_zoomerBox .zoomPlus::before,
#NewTree_zoomerBox .zoomMinus::before,
#NewTree_touchZoomerBox .zoomPlus::before,
#NewTree_touchZoomerBox .zoomMinus::before,
#NewTreeControls.smallScreen #NewTree_zoomerBox .zoomPlus::before,
#NewTreeControls.smallScreen #NewTree_zoomerBox .zoomMinus::before {
    background-image: url("/FP/Assets/Images/Sprites/zoomslider_sprite@2x.png?v=9");
    background-size: 60px 40px;
  }
}

#NewTreeOuter.NewTreeFaceLift {
  background-color: rgba(0, 0, 0, 0.05);
  font-size: 13px;
}

#NewTreeVector .newPersonBadge {
  letter-spacing: 1px;
}

.PK_Silhouette_S_45_Ribbon_Mobile_Retina,
.PK_Silhouette_S_60_Ribbon_Tablet_Retina,
.PK_Silhouette_S_30_Ribbon {
  display: none;
}

#NewTreeToolBar .dropdown {
  background-color: #f2f2f2;
}
#NewTreeToolBar .dropdown .drop-item .drop-img {
  box-shadow: none;
}
#NewTreeToolBar .dropdown .drop-item .drop-img img.autocomplete-image,
#NewTreeToolBar .dropdown .drop-item .drop-img img.autocomplete-image-silhouette {
  border-radius: 50% !important;
  background-position: center !important;
  background-size: cover !important;
}
#NewTreeToolBar .dropdown .drop-item .drop-img .drop-img-border {
  background: none;
  border: none;
}
#NewTreeToolBar .dropdown .drop-item .autocomplete-name {
  color: #333 !important;
}
#NewTreeToolBar .dropdown .drop-item .autocomplete-name b {
  font-weight: 700;
}
#NewTreeToolBar .dropdown .drop-item .autocomplete-date,
#NewTreeToolBar .dropdown .drop-item .autocomplete-relation {
  color: #595959 !important;
  font-weight: normal !important;
}
#NewTreeToolBar .dropdown .drop-img-male .autocomplete-image-silhouette,
#NewTreeToolBar .dropdown .drop-img-female .autocomplete-image-silhouette,
#NewTreeToolBar .dropdown .drop-img-unknown .autocomplete-image-silhouette {
  border: solid 1px #ccc;
}
#NewTreeToolBar .dropdown .drop-status table {
  margin: unset !important;
}
#NewTreeToolBar .dropdown .drop-status .drop-status-icon {
  display: none;
}
#NewTreeToolBar .dropdown .drop-status .drop-status-text {
  color: #595959;
}

.svg_silhouette_M_A {
  background-image: url("/FP/Assets/Images/Silhouette/SVG/silhouette-man.svg?v=1");
}

.svg_silhouette_F_A {
  background-image: url("/FP/Assets/Images/Silhouette/SVG/silhouette-woman.svg?v=1");
}

.svg_silhouette_U_A,
.svg_silhouette_U_C {
  background-image: url("/FP/Assets/Images/Silhouette/SVG/silhouette-unknown.svg?v=1");
}

.svg_silhouette_M_C {
  background-image: url("/FP/Assets/Images/Silhouette/SVG/silhouette-boy.svg?v=1");
}

.svg_silhouette_F_C {
  background-image: url("/FP/Assets/Images/Silhouette/SVG/silhouette-girl.svg?v=1");
}

#NewTree_Tooltip {
  position: fixed;
  z-index: 1003;
  display: none;
  opacity: 0;
  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);
  font-size: 13px;
  letter-spacing: 0.3px;
  line-height: 1.54;
}
#NewTree_Tooltip.clickable {
  cursor: pointer;
}
#NewTree_Tooltip.mini, #NewTree_Tooltip.tiny {
  padding: 4px 8px !important;
  border-radius: 2px !important;
  font-size: 11px;
  letter-spacing: 0.4px;
  white-space: nowrap;
}
#NewTree_Tooltip.small {
  max-width: 200px;
  text-align: center;
  padding: 16px 20px !important;
  border-radius: 2px !important;
}
#NewTree_Tooltip.mini {
  background-color: #333 !important;
  border-color: #333 !important;
  color: #fff !important;
}
#NewTree_Tooltip.small, #NewTree_Tooltip.tiny {
  color: #595959;
}
#NewTree_Tooltip.open {
  opacity: 1;
}
#NewTree_Tooltip::before, #NewTree_Tooltip::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: solid transparent;
  pointer-events: none;
}
#NewTree_Tooltip.arrow_bottom::before, #NewTree_Tooltip.arrow_bottom::after {
  top: 100%;
  left: 50%;
}
#NewTree_Tooltip.arrow_bottom::after {
  border-top-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}
#NewTree_Tooltip.arrow_bottom::before {
  border-top-color: rgba(0, 0, 0, 0.03);
  border-width: tooltip-arrow-inside2;
  margin-left: -tooltip-arrow-inside2;
}
#NewTree_Tooltip.arrow_top::before, #NewTree_Tooltip.arrow_top::after {
  bottom: 100%;
  left: 50%;
}
#NewTree_Tooltip.arrow_top::after {
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}
#NewTree_Tooltip.arrow_top::before {
  border-bottom-color: rgba(0, 0, 0, 0.03);
  border-width: tooltip-arrow-inside2;
  margin-left: -tooltip-arrow-inside2;
}
#NewTree_Tooltip.arrow_right::before, #NewTree_Tooltip.arrow_right::after {
  left: 100%;
  top: 50%;
}
#NewTree_Tooltip.arrow_right::after {
  border-left-color: #fff;
  border-width: 8px;
  margin-top: -8px;
}
#NewTree_Tooltip.arrow_right::before {
  border-left-color: rgba(0, 0, 0, 0.03);
  border-width: tooltip-arrow-inside2;
  margin-top: -tooltip-arrow-inside2;
}
#NewTree_Tooltip.arrow_left::before, #NewTree_Tooltip.arrow_left::after {
  right: 100%;
  top: 50%;
}
#NewTree_Tooltip.arrow_left::after {
  border-right-color: #fff;
  border-width: 8px;
  margin-top: -8px;
}
#NewTree_Tooltip.arrow_left::before {
  border-right-color: rgba(0, 0, 0, 0.03);
  border-width: tooltip-arrow-inside2;
  margin-top: -tooltip-arrow-inside2;
}

.NewTree_optionGroup input[type=checkbox],
.NewTree_optionGroup input[type=radio],
.NewTree_optionGroup .option_label,
.NewTree_optionGroup .option_action {
  display: inline-block;
  vertical-align: top;
}
.NewTree_optionGroup .option_label {
  margin-left: 4px;
}
.NewTree_optionGroup .option_item {
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.NewTreeEmbed .NewTree_optionGroup .option_item {
  padding-left: 24px;
}
.NewTreeEmbed.mh_retina .NewTree_optionGroup .option_item {
  padding-left: 48px;
}
.NewTree_optionGroup .option_item input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.NewTree_optionGroup .option_item .checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: transparent;
  border: solid 1px #595959;
  border-radius: 2px;
  box-sizing: border-box;
}
.NewTree_optionGroup .option_item .checkmark .mh_mobile.mh_iphone {
  top: 6px;
}
.mh_tablet .NewTree_optionGroup .option_item .checkmark {
  height: 16px;
  width: 16px;
  top: 3px;
}
.NewTreeEmbed .NewTree_optionGroup .option_item .checkmark {
  height: 16px;
  width: 16px;
}
.NewTreeEmbed.mh_retina .NewTree_optionGroup .option_item .checkmark {
  top: 22px;
  height: 32px;
  width: 32px;
}
.NewTree_optionGroup .option_item .checkmark::after {
  content: "";
  position: absolute;
  display: none;
}
.NewTree_optionGroup .option_item input:checked ~ .checkmark::after {
  display: block;
}
.NewTree_optionGroup .option_item input:disabled {
  cursor: default;
}
.NewTree_optionGroup .option_item .checkmark::after {
  left: 4px;
  top: 0;
  width: 5px;
  height: 9px;
  border: solid #f56932;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.NewTreeEmbed.mh_retina .NewTree_optionGroup .option_item .checkmark::after {
  width: 9px;
  height: 17px;
  top: 1px;
  left: 7px;
  border-width: 0 4px 4px 0;
}
.NewTree_optionGroup .option_item .radio {
  position: absolute;
  top: 4px;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: transparent;
  border: solid 1px #595959;
  border-radius: 50%;
  box-sizing: border-box;
}
.mh_tablet .NewTree_optionGroup .option_item .radio {
  height: 16px;
  width: 16px;
  top: 2px;
}
.NewTreeEmbed.mh_retina .NewTree_optionGroup .option_item .radio {
  top: 15px;
  height: 28px;
  width: 28px;
}
.NewTree_optionGroup .option_item .radio::after {
  content: "";
  position: absolute;
  display: none;
}
.NewTree_optionGroup .option_item input:checked ~ .radio::after {
  display: block;
}
.NewTree_optionGroup .option_item .radio::after {
  left: 3px;
  top: 3px;
  width: 6px;
  height: 6px;
  background-color: #f56932;
  border-radius: 50%;
}
.mh_tablet .NewTree_optionGroup .option_item .radio::after {
  width: 8px;
  height: 8px;
}
.NewTreeEmbed.mh_retina .NewTree_optionGroup .option_item .radio::after {
  left: 5px;
  top: 5px;
  width: 16px;
  height: 16px;
}
.NewTree_optionGroup .new_badge {
  display: inline-block;
  background-color: #2d7559;
  color: #fff;
  padding: 1px 4px;
  border-radius: 2px;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.98px;
  text-align: center;
  position: relative;
  left: 6px;
  top: -1px;
}
.platform_windows .NewTree_optionGroup .new_badge, .lang_HE .NewTree_optionGroup .new_badge, .NewTreeEmbed.mh_android .NewTree_optionGroup .new_badge {
  font-weight: bold;
}

.options_container .married_names_of_married_women {
  margin: 14px 0;
}
.options_container .wife_maiden_name_not_provided {
  margin: 12px 0 12px 0;
}
.options_container .help_tooltip {
  background: #e5e5e5;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  left: 7px;
  color: #595959;
  font-weight: normal;
  text-align: center;
  font-size: 11px;
  cursor: pointer;
}
.mh_tablet .options_container .help_tooltip {
  display: none;
}
.options_container .help_tooltip:hover {
  box-shadow: 0 0 4px #e5e5e5;
}
.options_container .help_tooltip::after {
  content: "?";
}
.options_container .NewTree_optionGroup .help_tooltip {
  top: 2px;
}

#ToolBarProximity {
  position: relative;
  float: right;
  margin: 14px 8px;
}
.mh_mobile #ToolBarProximity, .NewTreeEmbed #ToolBarProximity {
  display: inline-block;
  vertical-align: middle;
  float: inherit;
}
.mh_mobile #ToolBarProximity {
  margin: 0;
  font-size: 15px;
  top: 2px;
}
.NewTreeEmbed #ToolBarProximity {
  margin: 3px;
  font-size: 17px;
}
.NewTreeEmbed.mh_retina #ToolBarProximity {
  margin: 14px;
  font-size: 34px;
}
#ToolBarProximity .proximity_selector {
  height: 32px;
  padding: 6px 10px;
  border-radius: 3px;
  cursor: pointer;
  color: #595959;
}
.mh_mobile #ToolBarProximity .proximity_selector {
  padding: 2px 10px;
  border-radius: 100px;
  height: auto;
}
.NewTreeEmbed #ToolBarProximity .proximity_selector {
  border-radius: 100px;
  height: auto;
  padding: 8px 16px;
}
.NewTreeEmbed.mh_retina #ToolBarProximity .proximity_selector {
  padding: 8px 24px;
}
#ToolBarProximity .proximity_selector:hover {
  background-color: #e5e5e5;
}
#ToolBarProximity .proximity_selector .text,
#ToolBarProximity .proximity_selector .rest,
#ToolBarProximity .proximity_selector .value,
#ToolBarProximity .proximity_selector .drop_down {
  display: inline-block;
  vertical-align: middle;
}
.mh_mobile #ToolBarProximity .proximity_selector .text, .NewTreeEmbed #ToolBarProximity .proximity_selector .text {
  display: none;
}
#ToolBarProximity .proximity_selector .rest {
  margin-left: 6px;
  min-width: 34px;
  padding-bottom: 1px;
}
#ToolBarProximity .proximity_selector .drop_down {
  margin-left: 7px;
}
#ToolBarProximity .proximity_selector .drop_down::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  opacity: 0.6;
  background-image: url("/FP/Assets/Images/Common/arrow-down.svg?v=1");
}
.NewTreeEmbed.mh_retina #ToolBarProximity .proximity_selector .drop_down {
  margin-left: 14px;
}
.NewTreeEmbed.mh_retina #ToolBarProximity .proximity_selector .drop_down::after {
  transform: scale(2);
}
#ToolBarProximity .proximity_selector.open .drop_down::after {
  background-image: url("/FP/Assets/Images/Common/arrow-up.svg?v=1");
}
#ToolBarProximity .proximity_selector.low {
  color: #f56932;
}
#ToolBarProximity .proximity_selector.low .drop_down::after {
  opacity: 1;
  background-image: url("/FP/Assets/Images/Common/arrow-down-orange.svg?v=1");
}
#ToolBarProximity .proximity_selector.low.open .drop_down::after {
  background-image: url("/FP/Assets/Images/Common/arrow-up-orange.svg?v=1");
}
#ToolBarProximity .proximity_menu {
  display: none;
  position: absolute;
  top: 34px;
  z-index: 20;
  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);
  border-radius: 3px;
  padding: 10px 0;
  color: #595959;
  transition: opacity 0.1s linear, visibility 0.1s linear;
  letter-spacing: 0.3px;
  font-size: 13px;
}
.mh_mobile #ToolBarProximity .proximity_menu, .NewTreeEmbed #ToolBarProximity .proximity_menu {
  position: fixed;
  top: unset;
  left: 0;
  right: 0;
  bottom: 0;
  border: none;
  display: block;
  font-size: 15px;
  transform: translateY(300px);
}
.NewTreeEmbed.mh_retina #ToolBarProximity .proximity_menu {
  font-size: 28px;
  transform: translateY(480px);
  padding-bottom: 40px;
}
#ToolBarProximity .proximity_menu .menu_title {
  padding: 10px 20px;
  margin-right: 23px;
  color: #595959;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 1.2px;
}
.mh_mobile #ToolBarProximity .proximity_menu .menu_title {
  font-size: 13px;
}
.NewTreeEmbed #ToolBarProximity .proximity_menu .menu_title {
  font-size: 14px;
  letter-spacing: 2px;
}
.NewTreeEmbed.mh_retina #ToolBarProximity .proximity_menu .menu_title {
  font-size: 28px;
  letter-spacing: 3px;
  padding: 16px 32px;
}
#ToolBarProximity .proximity_menu .menu_close {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
  opacity: 0.8;
}
#ToolBarProximity .proximity_menu .menu_close:hover {
  opacity: 1;
}
#ToolBarProximity .proximity_menu .menu_close::before {
  content: "";
  background-position: -240px -249px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
.NewTreeEmbed #ToolBarProximity .proximity_menu .menu_close {
  top: 16px;
  right: 16px;
  transform: scale(1.25);
}
.NewTreeEmbed.mh_retina #ToolBarProximity .proximity_menu .menu_close {
  top: 32px;
  right: 32px;
  transform: scale(2.5);
}
#ToolBarProximity .proximity_menu .menu_body {
  margin: 24px 24px 12px 24px;
  width: 300px;
}
.NewTreeEmbed.mh_retina #ToolBarProximity .proximity_menu .menu_body {
  width: 600px;
  margin: 64px 32px;
}
#ToolBarProximity .proximity_menu .menu_cousins {
  padding: 16px 20px;
  border-top: solid 1px #e5e5e5;
}
#ToolBarProximity .proximity_menu .menu_cousins .checkmark {
  top: 3px;
}
.NewTreeEmbed #ToolBarProximity .proximity_menu .menu_cousins {
  top: 1px;
}
.NewTreeEmbed.mh_retina #ToolBarProximity .proximity_menu .menu_cousins {
  top: 3px;
  padding: 32px;
}
#ToolBarProximity .proximity_menu.open {
  display: block;
}
.mh_mobile #ToolBarProximity .proximity_menu.open, .NewTreeEmbed #ToolBarProximity .proximity_menu.open {
  transform: translateY(0);
  transition: 0.5s;
}
#ToolBarProximity .proximity_slider {
  position: relative;
  width: 280px;
  margin: 0 10px;
  height: 4px;
  border-radius: 2px;
  background: #e5e5e5;
  cursor: pointer;
  direction: ltr;
}
.NewTreeEmbed.mh_retina #ToolBarProximity .proximity_slider {
  width: 560px;
}
#ToolBarProximity .proximity_slider .ui-slider-handle {
  background-color: #595959;
  position: absolute;
  margin-top: -6px;
  margin-left: -8px;
  width: 16px;
  height: 16px;
  border-radius: 8px;
}
#ToolBarProximity .proximity_slider .ui-slider-range {
  background-color: #595959;
  height: 4px;
  border-radius: 2px;
  position: absolute;
}
#ToolBarProximity .proximity_slider .ui-slider-range:hover {
  background-color: #000;
}
#ToolBarProximity .slider_ticks {
  position: relative;
  top: -10px;
  pointer-events: none;
  display: inline-flex;
  justify-content: space-between;
  width: 300px;
}
.mh_mobile #ToolBarProximity .slider_ticks {
  top: -13px;
}
.NewTreeEmbed.mh_retina #ToolBarProximity .slider_ticks {
  top: -17px;
  width: 600px;
}
#ToolBarProximity .slider_ticks .slider_tick {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: #e5e5e5;
  border: solid 2px #fff;
  margin: 0 4px;
  pointer-events: auto;
  cursor: pointer;
}
#ToolBarProximity .slider_ticks .slider_tick.selected {
  visibility: hidden;
}
#ToolBarProximity .slider_ticks .slider_tick.lower {
  background-color: #595959;
}
.NewTreeEmbed #ToolBarProximity .slider_ticks .slider_tick {
  border-radius: 50%;
  border-width: 2px;
}
.NewTreeEmbed #ToolBarProximity .slider_ticks .slider_tick.selected {
  visibility: visible;
  background-color: #f56932;
  border-color: #f56932;
}
.NewTreeEmbed.mh_retina #ToolBarProximity .slider_ticks .slider_tick {
  border-width: 4px;
  width: 24px;
  height: 24px;
  margin: 0 10px;
}
#ToolBarProximity .slider_numbers {
  position: relative;
  top: -8px;
  display: inline-flex;
  justify-content: space-between;
  width: 300px;
}
.NewTreeEmbed.mh_retina #ToolBarProximity .slider_numbers {
  width: 600px;
}
#ToolBarProximity .slider_numbers .slider_number {
  color: #595959;
  width: 20px;
  text-align: center;
  cursor: pointer;
}
#ToolBarProximity .slider_numbers .slider_number.selected {
  color: #000;
  font-weight: bold;
  cursor: default;
}
.NewTreeEmbed #ToolBarProximity .slider_numbers .slider_number {
  width: 22px;
}
.NewTreeEmbed #ToolBarProximity .slider_numbers .slider_number.selected {
  color: #f56932;
}
.NewTreeEmbed.mh_retina #ToolBarProximity .slider_numbers .slider_number {
  width: 44px;
}
#ToolBarProximity .slider_numbers .slider_number .slider_number_description {
  display: none;
}

/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/**
* Transforms a given palette color to the transparent version of it
*/
/* stylelint-disable */
.wizard_handoff_banner {
  width: 660px;
}
.wizard_handoff_banner .wizard_handoff_banner_inner {
  width: 660px;
  padding-bottom: 20px;
}
.wizard_handoff_banner .family_image {
  width: 218px;
  height: 201px;
  top: 50px;
  left: 50px;
}
.wizard_handoff_banner .family_image,
.wizard_handoff_banner .message .family_image_mobile {
  background-image: url("/FP/Assets/Images/NewTree/new_tutorial.png?v=1");
  background-image: -webkit-image-set(url("/FP/Assets/Images/NewTree/new_tutorial.png?v=1") 1x, url("/FP/Assets/Images/NewTree/new_tutorial@2x.png?v=1") 2x);
}
.wizard_handoff_banner .message {
  width: 324px;
  margin-top: 47px;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0.3px;
  color: #595959;
}
.wizard_handoff_banner .message .member_salutation {
  color: #000;
  font-weight: bold;
  padding-bottom: 18px;
}
.wizard_handoff_banner .message .walkthrough_label {
  color: #000;
  display: block;
}
.wizard_handoff_banner .message .family_image_mobile {
  height: 150px;
}
.wizard_handoff_banner .message .action_buttons {
  margin-top: 16px;
}
.wizard_handoff_banner .css_button_big {
  border-radius: 24px;
  padding: 3px 20px;
  font-weight: normal;
  font-size: 15px;
  letter-spacing: 0.3px;
}
.wizard_handoff_banner #start_tutorial__button {
  background-color: #f56932;
}
.wizard_handoff_banner #start_tutorial__button:hover {
  background-color: #fe701c;
}
.wizard_handoff_banner .close_banner {
  background-image: none;
  top: 16px;
  right: 16px;
  width: 20px;
  height: 20px;
}
.wizard_handoff_banner .close_banner::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-image: url("/FP/Assets/Images/Common/close_20x20.svg?v=1");
}
.wizard_handoff_banner .close_banner:hover::before {
  background-image: url("/FP/Assets/Images/Common/close_hover_20x20.svg?v=1");
}

@media (min-width: 768px) {
  .wizard_handoff_banner .tutorial_actions_container {
    margin: 14px 0 15px 0;
  }
  .wizard_handoff_banner .walkthrough_label {
    padding-bottom: 28px;
  }
  .wizard_handoff_banner #start_tutorial__button {
    float: left;
  }
}
@media (max-width: 767px) {
  .mh_responsive .wizard_handoff_banner .tutorial_actions_container {
    margin: 10px 0 30px 0;
  }
  .mh_responsive .wizard_handoff_banner .walkthrough_label {
    padding-bottom: 28px;
  }
  .mh_responsive .wizard_handoff_banner .main_button {
    display: inline-block;
  }
}
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/**
* Transforms a given palette color to the transparent version of it
*/
/* stylelint-disable */
#TreeNewDesignIntroContainer {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.5);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#TreeNewDesignIntroContainer .tree_new_design_intro_window {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border: solid 1px rgba(0, 0, 0, 0.03);
  border-radius: 4px;
  box-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.1);
  color: #333333;
  font-size: 12px;
  z-index: 1000;
  width: 640px;
}
.mh_mobile #TreeNewDesignIntroContainer .tree_new_design_intro_window, .NewTreeEmbed #TreeNewDesignIntroContainer .tree_new_design_intro_window {
  border: none;
  border-radius: 0;
  box-shadow: none;
  top: 60px;
  left: 15px;
  right: 15px;
  width: unset;
  transform: none;
}
#TreeNewDesignIntroContainer .tree_new_design_intro_window .tree_new_design_intro_close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-image: url("/FP/Assets/Images/Common/close_20x20.svg?v=1");
}
#TreeNewDesignIntroContainer .tree_new_design_intro_window .tree_new_design_intro_close:hover {
  background-image: url("/FP/Assets/Images/Common/close_hover_20x20.svg?v=1");
}
.mh_mobile #TreeNewDesignIntroContainer .tree_new_design_intro_window .tree_new_design_intro_close, .NewTreeEmbed #TreeNewDesignIntroContainer .tree_new_design_intro_window .tree_new_design_intro_close {
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  background-image: url("/FP/Assets/Images/Common/close_24x24.svg?v=1");
}
#TreeNewDesignIntroContainer .tree_new_design_intro_window .tree_new_design_intro_body {
  margin: 30px 50px 50px 50px;
  letter-spacing: 0.3px;
  text-align: center;
}
.mh_mobile #TreeNewDesignIntroContainer .tree_new_design_intro_window .tree_new_design_intro_body, .NewTreeEmbed #TreeNewDesignIntroContainer .tree_new_design_intro_window .tree_new_design_intro_body {
  margin: 30px;
}
#TreeNewDesignIntroContainer .tree_new_design_intro_window .tree_new_design_intro_image {
  display: inline-block;
  width: 152px;
  height: 117px;
  background-image: url("/FP/Assets/Images/NewTree/new_design.png?v=1");
  background-image: -webkit-image-set(url("/FP/Assets/Images/NewTree/new_design.png?v=1") 1x, url("/FP/Assets/Images/NewTree/new_design@2x.png?v=1") 2x);
}
#TreeNewDesignIntroContainer .tree_new_design_intro_window .tree_new_design_intro_title {
  font-size: 22px;
  line-height: 28px;
  color: #000;
  font-weight: bold;
  padding: 10px 0 20px 0;
}
#TreeNewDesignIntroContainer .tree_new_design_intro_window .tree_new_design_intro_text {
  font-size: 15px;
  line-height: 24px;
  color: #595959;
  padding-bottom: 40px;
}
#TreeNewDesignIntroContainer .tree_new_design_intro_window .tree_new_design_intro_action {
  display: inline-block;
  border-radius: 50px;
  padding: 0.5em 1.33em;
  font-size: 15px;
  color: #fff;
  background-color: #f56932;
  border-color: #f56932;
  margin-bottom: 0;
  min-width: 7.5em;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  outline: 0;
}

#NewTreeVector .svg_filter_card {
  stroke: #ccc;
  stroke-width: 8px;
  stroke-opacity: 0.4;
}
#NewTreeVector .svg_filter_spider {
  stroke: #ccc;
  stroke-width: 1px;
  stroke-opacity: 1;
}
#NewTreeVector .svg_filter_camera {
  stroke: #ccc;
  stroke-width: 5px;
  stroke-opacity: 0.2;
}
#NewTreeVector .svg_filter_discovery {
  stroke: #ccc;
  stroke-width: 2px;
  stroke-opacity: 0.1;
}
#NewTreeVector .svg_filter_discovery_hover {
  stroke: #ccc;
  stroke-width: 6px;
  stroke-opacity: 0.1;
}
#NewTreeVector .svg_filter_greeting {
  stroke: #ccc;
  stroke-width: 1px;
  stroke-opacity: 0.1;
}
#NewTreeVector .svg_filter_greeting_hover {
  stroke: #ccc;
  stroke-width: 6px;
  stroke-opacity: 0.1;
}

/* 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 */
/**
* 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
 */
:export {
  SPACE_0: 0;
}

:export {
  SPACE_1: 4px;
}

:export {
  SPACE_2: 8px;
}

:export {
  SPACE_3: 12px;
}

:export {
  SPACE_4: 16px;
}

:export {
  SPACE_5: 24px;
}

:export {
  SPACE_6: 32px;
}

:export {
  SPACE_7: 40px;
}

:export {
  SPACE_8: 48px;
}

:export {
  SPACE_9: 56px;
}

:export {
  SPACE_10: 64px;
}

:export {
  SPACE_11: 72px;
}

:export {
  SPACE_12: 80px;
}

:export {
  SPACE_13: 96px;
}

:export {
  SPACE_14: 120px;
}

:export {
  SPACE_15: 160px;
}

:export {
  SPACE_16: 200px;
}

.spiderHTML.persistentSpider .spiderButtonAdd {
  background-color: transparent;
  border-style: dashed;
}
.spiderHTML.persistentSpider .spiderButtonAdd:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.spiderHTML.persistentSpider .spiderButtonAdd.spiderButtonMale, .spiderHTML.persistentSpider .spiderButtonAdd.spiderButtonSon, .spiderHTML.persistentSpider .spiderButtonAdd.spiderButtonBrother, .spiderHTML.persistentSpider .spiderButtonAdd.spiderButtonFather {
  border-color: #71d9e4;
}
.spiderHTML.persistentSpider .spiderButtonAdd.spiderButtonFemale, .spiderHTML.persistentSpider .spiderButtonAdd.spiderButtonDaughter, .spiderHTML.persistentSpider .spiderButtonAdd.spiderButtonSister, .spiderHTML.persistentSpider .spiderButtonAdd.spiderButtonMother {
  border-color: #fda7a7;
}
.spiderHTML.persistentSpider .spiderButtonAdd .spiderButtonSilhouette::before, .spiderHTML.persistentSpider .spiderButtonAdd .spiderButtonSilhouette::after {
  content: "";
  position: absolute;
  background-color: #fff;
  border-radius: 2px;
}
.spiderHTML.persistentSpider .spiderButtonAdd .spiderButtonSilhouette:before {
  height: 3px;
  width: 17px;
  top: 24px;
  left: 12px;
}
.spiderHTML.persistentSpider .spiderButtonAdd .spiderButtonSilhouette:after {
  width: 3px;
  height: 17px;
  top: 17px;
  left: 19px;
}
.spiderHTML.persistentSpider .spiderButtonAdd .spiderButtonSilhouette .silhouette {
  visibility: hidden;
  width: 24px;
}
.spiderHTML.persistentSpider .spiderButtonAdd .spiderButtonTitle {
  color: #fff !important;
}
.spiderHTML.persistentSpider .spiderButtonAdd .spiderButtonSubtitle {
  color: #f2f2f2 !important;
}
.spiderHTML.persistentSpider .spiderButtonExisting {
  position: absolute;
  background-color: #fff;
  cursor: pointer;
}
.spiderHTML.persistentSpider .spiderButtonExisting .spiderButtonTitle,
.spiderHTML.persistentSpider .spiderButtonExisting .spiderButtonSubtitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.spiderHTML.persistentSpider .spiderButtonExisting .spiderButtonTitle {
  color: #333;
}
.spiderHTML.persistentSpider .spiderButtonExisting .spiderButtonSubtitle {
  color: #595959;
  font-size: 13px;
  letter-spacing: inherit;
  line-height: inherit;
}
.spiderHTML.persistentSpider .spiderButtonExisting .spiderViewInTree {
  padding-left: 10px;
  padding-right: 0;
  display: none;
  cursor: pointer;
}
.spiderHTML.persistentSpider .spiderButtonExisting:hover {
  box-shadow: 0 0 6px 2px rgba(255, 255, 255, 0.3);
}
.spiderHTML.persistentSpider .add_dialog_title {
  position: absolute;
  top: -30px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 22px;
}
.spiderHTML.persistentSpider .recent_individuals {
  position: absolute;
  bottom: -90px;
  left: -48px;
  right: -48px;
  letter-spacing: 0.3px;
  line-height: 1.3;
}
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_title {
  text-align: center;
  color: #fff;
  font-size: 15px;
}
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_list_container {
  margin: 6px;
  display: flex;
  align-items: center;
  column-gap: 12px;
  justify-content: space-between;
}
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_nav_left,
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_nav_right {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  border-radius: 50%;
  cursor: pointer;
  background-color: transparent;
  visibility: hidden;
}
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_nav_left:before, .spiderHTML.persistentSpider .recent_individuals .recent_individuals_nav_left:after,
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_nav_right:before,
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_nav_right:after {
  content: "";
  position: absolute;
  display: block;
  background-color: #999;
  border-radius: 2px;
}
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_nav_left.visible,
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_nav_right.visible {
  visibility: visible;
}
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_nav_left.enabled,
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_nav_right.enabled {
  cursor: pointer;
}
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_nav_left.enabled:hover,
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_nav_right.enabled:hover {
  background-color: rgba(89, 89, 89, 0.75);
}
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_nav_left.enabled:before, .spiderHTML.persistentSpider .recent_individuals .recent_individuals_nav_left.enabled:after,
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_nav_right.enabled:before,
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_nav_right.enabled:after {
  background-color: #fff;
}
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_nav_left {
  transform: rotate(45deg);
}
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_nav_left.rtl {
  transform: translateY(7px) rotate(-45deg);
}
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_nav_left:before {
  width: 16px;
  height: 2px;
  top: 28px;
  left: 17px;
}
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_nav_left:after {
  width: 2px;
  height: 16px;
  top: 14px;
  left: 17px;
}
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_nav_right {
  transform: rotate(225deg);
}
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_nav_right.rtl {
  transform: translateY(7px) rotate(-225deg);
}
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_nav_right:before {
  width: 16px;
  height: 2px;
  top: 27px;
  left: 19px;
}
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_nav_right:after {
  width: 2px;
  height: 16px;
  top: 13px;
  left: 18px;
}
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_list_content {
  overflow-x: scroll;
  scrollbar-color: transparent transparent;
  padding-top: 15px;
}
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_list {
  display: flex;
  column-gap: 16px;
}
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_list_scroll {
  position: absolute;
  top: 36px;
  left: 60px;
  right: 60px;
  height: 68px;
  visibility: hidden;
  pointer-events: none;
}
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_list_scroll.left, .spiderHTML.persistentSpider .recent_individuals .recent_individuals_list_scroll.right, .spiderHTML.persistentSpider .recent_individuals .recent_individuals_list_scroll.both {
  visibility: visible;
  background-color: #333;
  transition: all 1s;
}
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_list_scroll.left {
  -webkit-mask-image: linear-gradient(to left, transparent 90%, #000 100%);
  mask-image: linear-gradient(to left, transparent 90%, #000 100%);
}
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_list_scroll.right {
  -webkit-mask-image: linear-gradient(to right, transparent 90%, #000 100%);
  mask-image: linear-gradient(to right, transparent 90%, #000 100%);
}
.spiderHTML.persistentSpider .recent_individuals .recent_individuals_list_scroll.both {
  -webkit-mask-image: linear-gradient(to right, #000 0%, transparent 10%, transparent 90%, #000 100%);
  mask-image: linear-gradient(to right, #000 0%, transparent 10%, transparent 90%, #000 100%);
}
.spiderHTML.persistentSpider .recent_individuals .recent_individual {
  padding: 8px;
  border-radius: 8px;
  background-color: #fff;
  border: solid 2px #999;
  width: 186px;
  height: 40px;
  cursor: pointer;
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.spiderHTML.persistentSpider .recent_individuals .recent_individual.gender_M {
  border-color: #17b4ce;
}
.spiderHTML.persistentSpider .recent_individuals .recent_individual.gender_F {
  border-color: #f7574d;
}
.spiderHTML.persistentSpider .recent_individuals .recent_individual .recent_individual_photo {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  border: solid 1px #ccc;
}
.spiderHTML.persistentSpider .recent_individuals .recent_individual .recent_individual_details {
  width: 132px;
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  justify-content: center;
}
.spiderHTML.persistentSpider .recent_individuals .recent_individual .recent_individual_name,
.spiderHTML.persistentSpider .recent_individuals .recent_individual .recent_individual_relation {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.spiderHTML.persistentSpider .recent_individuals .recent_individual .recent_individual_name {
  font-size: 13px;
  font-weight: 500;
  color: #333;
  overflow: hidden;
}
.spiderHTML.persistentSpider .recent_individuals .recent_individual .recent_individual_relation {
  font-size: 13px;
  color: #595959;
}
.spiderHTML.persistentSpider .recent_individuals .recent_individual .recent_individual_view {
  display: none;
}
.spiderHTML.persistentSpider .recent_individuals .recent_individual:hover {
  box-shadow: 0 0 6px 2px rgba(255, 255, 255, 0.3);
}
.spiderHTML.persistentSpider .celebration_animation {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  visibility: hidden;
}
.spiderHTML.persistentSpider .celebration_animation .celebration_animation_check {
  display: none;
  transform: translateY(9px) rotate(225deg);
}
.spiderHTML.persistentSpider .celebration_animation .celebration_animation_check:before {
  content: "";
  position: absolute;
  width: 14px;
  height: 4px;
  border-radius: 2px;
  background-color: #fff;
}
.spiderHTML.persistentSpider .celebration_animation .celebration_animation_check:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 26px;
  border-radius: 2px;
  background-color: #fff;
}
.spiderHTML.persistentSpider .celebration_animation .celebration_animation_name {
  font-size: 13px;
  color: #333;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 1.3;
  text-align: center;
  max-height: 32px;
  overflow: hidden;
  padding: 0 4px;
}
.spiderHTML.persistentSpider .celebration_animation.rtl .celebration_animation_check {
  transform: translateY(9px) rotate(225deg) scale(-1, 1);
}
.spiderHTML.persistentSpider .celebration_animation.check .celebration_animation_check {
  display: block;
}
.spiderHTML.persistentSpider .celebration_animation.name .celebration_animation_name {
  display: block;
}
.spiderHTML.persistentSpider .celebration_animation.success {
  background-color: #35ac5d;
}

#simplemodal-container .persistentSpiderClose {
  position: fixed;
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  column-gap: 2px;
  border: solid 1px #fff;
  border-radius: 40px;
  padding: 6px 20px;
  cursor: pointer;
}
#simplemodal-container .persistentSpiderClose:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
#simplemodal-container .persistentSpiderClose .spiderCloseImg {
  position: relative;
  top: 1px;
  left: 0;
}
#simplemodal-container .persistentSpiderClose .spiderCloseImg:before {
  opacity: 1;
}
#simplemodal-container .persistentSpiderClose .spiderCloseText {
  position: initial;
  color: #fff;
  padding: 0;
}

#AddIndividualExistingRelatives {
  position: absolute;
  top: 0;
  left: -260px;
  width: 240px;
  background-color: transparent;
  color: #fff;
}
#AddIndividualExistingRelatives .existing_relatives_title {
  font-size: 15px;
  margin-bottom: 16px;
}
#AddIndividualExistingRelatives .addtional_half_siblings_title {
  font-size: 13px;
  padding: 24px 0 16px 0;
  border-top: solid 1px #999;
}
#AddIndividualExistingRelatives .existing_relatives_list {
  max-height: 600px;
  overflow-y: scroll;
  scrollbar-color: transparent transparent;
}
#AddIndividualExistingRelatives .existing_relatives_scroll {
  position: absolute;
  width: 224px;
  height: 600px;
  -webkit-mask-image: linear-gradient(to bottom, transparent 75%, black 100%);
  mask-image: linear-gradient(to bottom, transparent 75%, black 100%);
  background-color: #333;
  pointer-events: none;
}
#AddIndividualExistingRelatives .existing_relative_individual {
  padding: 12px 0;
  border-top: solid 0.5px #999;
  font-size: 13px;
  display: flex;
  column-gap: 16px;
  align-items: center;
  position: relative;
}
#AddIndividualExistingRelatives .existing_relative_individual:first-child {
  border-top: none;
}
#AddIndividualExistingRelatives .existing_relative_individual.recent {
  padding-top: 18px;
}
#AddIndividualExistingRelatives .existing_relative_individual .existing_relative_image {
  width: 40px;
  height: 40px;
}
#AddIndividualExistingRelatives .existing_relative_individual .existing_relative_image .existing_relative_photo {
  width: 40px;
  height: 40px;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
#AddIndividualExistingRelatives .existing_relative_individual .existing_relative_details {
  width: calc(100% - 56px);
  display: flex;
  flex-direction: column;
  row-gap: 2px;
}
#AddIndividualExistingRelatives .existing_relative_individual .existing_relative_name {
  font-weight: bold;
}
#AddIndividualExistingRelatives .existing_relative_individual .existing_relative_relation,
#AddIndividualExistingRelatives .existing_relative_individual .existing_relative_years {
  color: #e5e5e5;
}
#AddIndividualExistingRelatives .existing_relative_individual .existing_relative_recent {
  padding: 1px 5px;
  border-radius: 2px;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  border: solid 1px rgba(255, 255, 255, 0.6);
  display: inline;
}

#SpiderReopenOverlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  opacity: 0.8;
  z-index: 1001;
  display: none;
}
#SpiderReopenOverlay.visible {
  display: block;
}

#pk_master_content_container {
  overflow: hidden;
}

#NewTreeToolBar {
  background-color: #f2f2f2;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
  background-image: none;
  height: 60px;
  padding-top: 0;
  box-sizing: border-box;
}
#NewTreeToolBar .toolbarRight {
  margin: 14px 12px 14px 0;
}
#NewTreeToolBar #FindAPersonParent {
  width: 215px;
  height: 32px;
  background-image: none;
  margin: 0;
  padding: 0;
  padding-right: 10px;
}
#NewTreeToolBar #FindAPerson {
  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;
}
#NewTreeToolBar #FindAPerson:-ms-input-placeholder {
  color: #595959;
}
#NewTreeToolBar #FindAPerson::placeholder {
  color: #595959;
}
#NewTreeToolBar #FindAPerson:hover, #NewTreeToolBar #FindAPerson:focus {
  border-color: #999;
}
#NewTreeToolBar .FindAPersonDropDown {
  top: 12px;
  left: 195px;
}
#NewTreeToolBar .FindAPersonMagnify {
  top: 5px;
  right: 24px;
  left: unset;
  background-image: none;
}
.mh_tablet #NewTreeToolBar .FindAPersonMagnify {
  right: 8px;
}
#NewTreeToolBar .FindAPersonMagnify::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("/FP/Assets/Images/NewTree/search_20x20.svg?v=1");
}
#NewTreeToolBar .dropdown {
  position: absolute;
  background-color: #fff;
  width: 286px;
  border: 1px solid 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;
}
#NewTreeToolBar .dropdown .drop-item {
  border-bottom-width: 0;
  min-height: auto;
}
#NewTreeToolBar .dropdown .drop-item .drop-img {
  background-color: #fff;
}
#NewTreeToolBar .dropdown .drop-item .drop-img,
#NewTreeToolBar .dropdown .drop-item .drop-img-border,
#NewTreeToolBar .dropdown .drop-item img.autocomplete-image,
#NewTreeToolBar .dropdown .drop-item img.autocomplete-image-silhouette {
  width: 42px !important;
  height: 42px !important;
}
#NewTreeToolBar .dropdown .drop-item img.autocomplete-image-silhouette {
  border-color: #e5e5e5;
}
#NewTreeToolBar .dropdown .drop-item .drop-text {
  width: calc(100% - 54px);
}
#NewTreeToolBar .dropdown .drop-item .drop-text .autocomplete-name {
  font-size: 13px;
  line-height: 1.2;
  min-height: 44px;
  height: auto;
}
.mh_desktop #NewTreeToolBar .dropdown .sel {
  background-color: #f7f7f7;
}
.mh_desktop #NewTreeToolBar .dropdown .sel .drop-img {
  background-color: #f7f7f7;
}
#NewTreeToolBar .ToolBar_fullScreen,
#NewTreeToolBar .ToolBar_exitFullScreen,
#NewTreeToolBar .ToolBar_colorCoding {
  position: fixed;
  bottom: 148px;
  right: 25px;
  width: 32px;
  height: 32px;
  padding: 5px;
  margin: 0;
  background-color: #fff;
  border: solid 1px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  background-image: none;
}
#NewTreeToolBar .ToolBar_fullScreen::before,
#NewTreeToolBar .ToolBar_exitFullScreen::before,
#NewTreeToolBar .ToolBar_colorCoding::before {
  content: "";
  opacity: 0.6;
}
.mh_desktop #NewTreeToolBar .ToolBar_fullScreen:hover::before,
.mh_desktop #NewTreeToolBar .ToolBar_exitFullScreen:hover::before,
.mh_desktop #NewTreeToolBar .ToolBar_colorCoding:hover::before {
  opacity: 1;
}
.mh_tablet #NewTreeToolBar .ToolBar_fullScreen,
.mh_tablet #NewTreeToolBar .ToolBar_exitFullScreen,
.mh_tablet #NewTreeToolBar .ToolBar_colorCoding {
  width: 18px;
  height: 18px;
  bottom: 130px;
  padding: 10px;
}
.mh_tablet #NewTreeToolBar .ToolBar_fullScreen::before,
.mh_tablet #NewTreeToolBar .ToolBar_exitFullScreen::before,
.mh_tablet #NewTreeToolBar .ToolBar_colorCoding::before {
  transform: scale(1.5);
}
#NewTreeToolBar .ToolBar_fullScreen::before {
  background-position: -140px -281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
#NewTreeToolBar .ToolBar_exitFullScreen::before {
  background-position: -168px -281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
#NewTreeToolBar .ToolBar_colorCoding {
  bottom: 190px;
  padding: 7px 6px;
}
#NewTreeToolBar .ToolBar_colorCoding:before {
  background-position: -168px -309px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 16px;
  height: 16px;
}
#NewTreeToolBar .ToolBar_colorCoding:hover:before {
  opacity: 1;
}
#NewTreeToolBar .ToolBar_options,
#NewTreeToolBar .ToolBar_help {
  background-image: none;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  margin: -5px 0 0 0;
  background-color: #f2f2f2;
}
.mh_tablet #NewTreeToolBar .ToolBar_options,
.mh_tablet #NewTreeToolBar .ToolBar_help {
  width: 20px;
  height: 20px;
}
.mh_desktop #NewTreeToolBar .ToolBar_options:hover,
.mh_desktop #NewTreeToolBar .ToolBar_help:hover {
  background-color: #e5e5e5;
}
#NewTreeToolBar .ToolBar_options {
  padding: 10px;
}
.mh_tablet #NewTreeToolBar .ToolBar_options {
  padding: 10px 16px;
}
#NewTreeToolBar .ToolBar_options::before {
  content: "";
  background-position: -224px -281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
#NewTreeToolBar .ToolBar_options:hover::before {
  background-position: -252px -281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
#NewTreeToolBar .ToolBar_help {
  padding: 8px;
}
.mh_tablet #NewTreeToolBar .ToolBar_help {
  padding-left: 0;
}
#NewTreeToolBar .ToolBar_help::before {
  content: "";
  background-position: 0px -249px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 24px;
  height: 24px;
}

.ToolBar_separator {
  background-color: #ccc;
  margin-top: 9px;
  width: 0.5px;
}

#TreeBreadcrumbs {
  margin-top: 9px;
}
#TreeBreadcrumbs a.breadcrumbsEntry {
  font-size: 13px;
  letter-spacing: 0.3px;
  color: #595959;
  font-weight: normal;
}
#TreeBreadcrumbs a.breadcrumbsLastEntry {
  color: #333;
  font-weight: 500;
}
.platform_windows #TreeBreadcrumbs a.breadcrumbsLastEntry, .lang_HE #TreeBreadcrumbs a.breadcrumbsLastEntry, .NewTreeEmbed.mh_android #TreeBreadcrumbs a.breadcrumbsLastEntry {
  font-weight: bold;
}
#TreeBreadcrumbs .ToolBar_BreadcrumbsSeparator {
  display: inline-block;
  vertical-align: middle;
  margin: 2px 8px 3px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #999;
}

#NewTreeControls {
  background-image: none;
  background-color: transparent;
  opacity: 1;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}

#NewTreeRightControls {
  display: none;
}

#NewTree_zoomerBox,
#NewTree_touchZoomerBox,
#NewTreeControls.smallScreen #NewTree_zoomerBox {
  position: fixed;
  bottom: 33px;
  right: 25px;
  width: 32px;
  height: 63px;
  top: unset;
  left: unset;
  background-color: #fff;
  border: solid 1px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}
.mh_tablet #NewTree_zoomerBox,
.mh_tablet #NewTree_touchZoomerBox,
.mh_tablet #NewTreeControls.smallScreen #NewTree_zoomerBox {
  width: 38px;
  height: 78px;
}
#NewTree_zoomerBox .zoomPlus,
#NewTree_zoomerBox .zoomMinus,
#NewTree_touchZoomerBox .zoomPlus,
#NewTree_touchZoomerBox .zoomMinus,
#NewTreeControls.smallScreen #NewTree_zoomerBox .zoomPlus,
#NewTreeControls.smallScreen #NewTree_zoomerBox .zoomMinus {
  position: relative;
  top: 0;
  left: 0;
  width: 32px;
  height: 31px;
  padding: 9px;
  cursor: pointer;
}
#NewTree_zoomerBox .zoomPlus::before,
#NewTree_zoomerBox .zoomMinus::before,
#NewTree_touchZoomerBox .zoomPlus::before,
#NewTree_touchZoomerBox .zoomMinus::before,
#NewTreeControls.smallScreen #NewTree_zoomerBox .zoomPlus::before,
#NewTreeControls.smallScreen #NewTree_zoomerBox .zoomMinus::before {
  content: "";
  opacity: 0.6;
}
.mh_desktop #NewTree_zoomerBox .zoomPlus:hover::before,
.mh_desktop #NewTree_zoomerBox .zoomMinus:hover::before,
.mh_desktop #NewTree_touchZoomerBox .zoomPlus:hover::before,
.mh_desktop #NewTree_touchZoomerBox .zoomMinus:hover::before,
.mh_desktop #NewTreeControls.smallScreen #NewTree_zoomerBox .zoomPlus:hover::before,
.mh_desktop #NewTreeControls.smallScreen #NewTree_zoomerBox .zoomMinus:hover::before {
  opacity: 1;
}
.mh_tablet #NewTree_zoomerBox .zoomPlus,
.mh_tablet #NewTree_zoomerBox .zoomMinus,
.mh_tablet #NewTree_touchZoomerBox .zoomPlus,
.mh_tablet #NewTree_touchZoomerBox .zoomMinus,
.mh_tablet #NewTreeControls.smallScreen #NewTree_zoomerBox .zoomPlus,
.mh_tablet #NewTreeControls.smallScreen #NewTree_zoomerBox .zoomMinus {
  width: 14px;
  height: 14px;
  padding: 12px;
}
.mh_tablet #NewTree_zoomerBox .zoomPlus::before,
.mh_tablet #NewTree_zoomerBox .zoomMinus::before,
.mh_tablet #NewTree_touchZoomerBox .zoomPlus::before,
.mh_tablet #NewTree_touchZoomerBox .zoomMinus::before,
.mh_tablet #NewTreeControls.smallScreen #NewTree_zoomerBox .zoomPlus::before,
.mh_tablet #NewTreeControls.smallScreen #NewTree_zoomerBox .zoomMinus::before {
  transform: scale(1.5);
}
#NewTree_zoomerBox .zoomPlus::before,
#NewTree_touchZoomerBox .zoomPlus::before,
#NewTreeControls.smallScreen #NewTree_zoomerBox .zoomPlus::before {
  background-position: -48px 0px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 12px;
  height: 12px;
}
#NewTree_zoomerBox .zoomMinus::before,
#NewTree_touchZoomerBox .zoomMinus::before,
#NewTreeControls.smallScreen #NewTree_zoomerBox .zoomMinus::before {
  background-position: -48px -20px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 12px;
  height: 12px;
}
#NewTree_zoomerBox .zoomSeparator,
#NewTree_touchZoomerBox .zoomSeparator,
#NewTreeControls.smallScreen #NewTree_zoomerBox .zoomSeparator {
  width: 24px;
  height: 1px;
  background-color: #e5e5e5;
  margin: 0 3px;
}
.mh_tablet #NewTree_zoomerBox .zoomSeparator,
.mh_tablet #NewTree_touchZoomerBox .zoomSeparator,
.mh_tablet #NewTreeControls.smallScreen #NewTree_zoomerBox .zoomSeparator {
  width: 32px;
}
#NewTree_zoomerBox .zoomLevel,
#NewTree_touchZoomerBox .zoomLevel,
#NewTreeControls.smallScreen #NewTree_zoomerBox .zoomLevel {
  opacity: 0;
  position: absolute;
  top: 18px;
  height: 26px;
  right: 42px;
  width: 55px;
  background-color: #333;
  border: solid 1px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  padding: 2px;
  font-size: 13px;
  text-align: center;
  color: #fff;
}
#NewTree_zoomerBox .zoomLevel::before, #NewTree_zoomerBox .zoomLevel::after,
#NewTree_touchZoomerBox .zoomLevel::before,
#NewTree_touchZoomerBox .zoomLevel::after,
#NewTreeControls.smallScreen #NewTree_zoomerBox .zoomLevel::before,
#NewTreeControls.smallScreen #NewTree_zoomerBox .zoomLevel::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: solid transparent;
  pointer-events: none;
  left: 100%;
  top: 50%;
}
#NewTree_zoomerBox .zoomLevel::before,
#NewTree_touchZoomerBox .zoomLevel::before,
#NewTreeControls.smallScreen #NewTree_zoomerBox .zoomLevel::before {
  border-left-color: rgba(0, 0, 0, 0.05);
  border-width: 10px;
  margin-top: -10px;
}
#NewTree_zoomerBox .zoomLevel::after,
#NewTree_touchZoomerBox .zoomLevel::after,
#NewTreeControls.smallScreen #NewTree_zoomerBox .zoomLevel::after {
  border-left-color: #333;
  border-width: 8px;
  margin-top: -8px;
}
#NewTree_zoomerBox:hover .zoomLevel,
#NewTree_touchZoomerBox:hover .zoomLevel,
#NewTreeControls.smallScreen #NewTree_zoomerBox:hover .zoomLevel {
  opacity: 1;
  transition: opacity 0.5s;
}

#NewTree_panBox,
#NewTreeControls.smallScreen #NewTree_panBox {
  background-image: none;
  position: fixed;
  bottom: 106px;
  right: 25px;
  height: 32px;
  width: 32px;
  top: unset;
  left: unset;
  padding: 4px 5px;
  background-color: #fff;
  border: solid 1px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}
#NewTree_panBox .moveHome,
#NewTreeControls.smallScreen #NewTree_panBox .moveHome {
  background-image: none;
  top: unset;
  left: unset;
  width: 15px;
  height: 13px;
}
#NewTree_panBox .moveHome::before,
#NewTreeControls.smallScreen #NewTree_panBox .moveHome::before {
  content: "";
  opacity: 0.6;
  background-position: -293px -196px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
.mh_desktop #NewTree_panBox .moveHome:hover::before,
.mh_desktop #NewTreeControls.smallScreen #NewTree_panBox .moveHome:hover::before {
  opacity: 1;
}

#NewTreeLayoutStyle {
  position: fixed;
  bottom: 174px;
  right: 25px;
  width: 30px;
  height: 30px;
  top: unset;
  left: unset;
  background-color: #fff;
  border: solid 1px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}
.mh_tablet #NewTreeLayoutStyle {
  right: 80px;
  width: 78px;
  height: 38px;
}
#NewTreeLayoutStyle .button {
  position: absolute;
  width: 30px;
  height: 30px;
  padding: 6px;
  border-radius: 4px;
  cursor: pointer;
}
.mh_tablet #NewTreeLayoutStyle .button {
  width: 22px;
  height: 22px;
  padding: 8px;
}
.mh_tablet #NewTreeLayoutStyle .button::before {
  transform: scale(1.5);
}
#NewTreeLayoutStyle .button::before {
  content: "";
  opacity: 0.6;
}
.mh_desktop #NewTreeLayoutStyle .button:hover::before {
  opacity: 1;
}
#NewTreeLayoutStyle .button.horizontal::before {
  background-position: -312px -309px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 16px;
  height: 16px;
}
.mh_tablet #NewTreeLayoutStyle .button.horizontal::before {
  margin: 4px 4px;
}
#NewTreeLayoutStyle .button.vertical::before {
  background-position: -349px 0px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 16px;
  height: 16px;
}
.mh_tablet #NewTreeLayoutStyle .button.vertical::before {
  margin: 3px 10px;
}

#NewTreeControlsOuter {
  opacity: 1;
}

#NewTree_radar {
  bottom: 67px;
  height: 100px;
  left: unset;
  right: 70px;
  background-color: rgba(255, 255, 255, 0.9);
  border: solid 1px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}
#NewTree_radar .radarRightPanel,
#NewTree_radar .radarPlaceHolder,
#NewTree_radar .openedRadar,
#NewTree_radar .closeRadar,
#NewTree_radar .openRadar {
  background-image: none;
}
#NewTree_radar .openRadar,
#NewTree_radar .closeRadar {
  display: none;
}
#NewTree_radar #positionInRadar {
  background-color: #f56932;
  border-color: #595959;
  opacity: 0.2;
}

#NewTree_radarToolbarButton {
  position: fixed;
  bottom: 103px;
  right: 25px;
  height: 30px;
  width: 30px;
  top: unset;
  cursor: pointer;
  display: none;
  padding: 9px 3px;
  background-color: #fff;
  border: solid 1px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}
#NewTree_radarToolbarButton:hover {
  background-color: #f2f2f2;
}
#NewTree_radarToolbarButton::before, #NewTree_radarToolbarButton::after {
  content: "";
  position: absolute;
}
#NewTree_radarToolbarButton::before {
  right: 12px;
  background-position: -373px -189px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 12px;
  height: 12px;
}
#NewTree_radarToolbarButton::after {
  right: 2px;
  background-position: -373px -209px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 12px;
  height: 12px;
}
#NewTree_radarToolbarButton.open {
  width: 40px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
  transition: 0.5s;
}
#NewTree_radarToolbarButton.open::before {
  right: 22px;
}

#NewToolBarSummary {
  position: absolute;
  z-index: 1;
  left: 37px;
  top: 19px;
  background-color: #f2f2f2;
}
.panel_opened #NewToolBarSummary {
  transition: 0.5s linear;
  left: 382px;
}
.panel_closed #NewToolBarSummary {
  transition: 0.5s linear;
  left: 37px;
}

#TotalPeopleSummary {
  color: #595959;
  font-size: 13px;
  margin: 2px 0;
  padding: 4px 8px;
}

.right_panel_container {
  z-index: 2;
  top: 0;
  background-color: #fff;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.1);
}
.right_panel_container .right_panel_title {
  background-color: #fff;
  padding: 16px 20px;
  border-bottom: solid 1px #e5e5e5;
  color: #333;
  font-size: 18px;
  font-weight: 500;
}
.platform_windows .right_panel_container .right_panel_title, .lang_HE .right_panel_container .right_panel_title, .NewTreeEmbed.mh_android .right_panel_container .right_panel_title {
  font-weight: bold;
}
.right_panel_container .right_panel_title a.close_button {
  background-image: none;
  margin: 0;
  position: absolute;
  top: 7px;
  right: 18px;
}
.right_panel_container .right_panel_title a.close_button::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-image: url("/FP/Assets/Images/Common/close_20x20.svg?v=1");
}
.right_panel_container .right_panel_title a.close_button:hover::before {
  background-image: url("/FP/Assets/Images/Common/close_hover_20x20.svg?v=1");
}

.right_panel_container.options_outer_container {
  width: 360px;
  right: -360px;
}
.right_panel_container.options_outer_container.open {
  right: 0;
  transition: right 0.5s linear;
}
.right_panel_container.options_outer_container.closed {
  right: -360px;
  transition: right 0.5s linear;
}
.right_panel_container.options_outer_container .right_panel_content #options_container {
  color: #595959;
  font-size: 13px;
}
.right_panel_container.options_outer_container .right_panel_content #options_container a {
  color: #595959;
}
.right_panel_container.options_outer_container .right_panel_content #options_container a:hover {
  text-decoration: underline;
}
.right_panel_container.options_outer_container .right_panel_content #options_container a.restore_defaults {
  text-decoration: underline;
  float: unset;
}
.right_panel_container.options_outer_container .right_panel_content #options_container a.restore_defaults:hover {
  color: #000;
}
.right_panel_container.options_outer_container .right_panel_content #options_container .panel_content {
  padding: 0 24px !important;
}
.right_panel_container.options_outer_container .right_panel_content #options_container .panel_header {
  background-image: none;
  border-top: solid 1px #e5e5e5;
  display: flex;
  margin: 0 24px;
  padding: 20px 0 32px 0;
}
.right_panel_container.options_outer_container .right_panel_content #options_container .panel_header:first-child {
  border-top: none;
}
.right_panel_container.options_outer_container .right_panel_content #options_container .panel_header .panel_header_text {
  order: 1;
}
.right_panel_container.options_outer_container .right_panel_content #options_container .panel_header .section_open,
.right_panel_container.options_outer_container .right_panel_content #options_container .panel_header .section_closed {
  order: 2;
  margin-left: 5px;
  position: unset;
  background-position: -373px -249px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 12px;
  height: 12px;
  opacity: 0.5;
  transform: translateY(2px);
}
.right_panel_container.options_outer_container .right_panel_content #options_container .panel_header .section_open {
  transform: scaleY(-1) translateY(-2px);
}
.right_panel_container.options_outer_container .right_panel_content #options_container a.panel_header {
  color: #595959;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 1.2px;
}
.right_panel_container.options_outer_container .right_panel_content #options_container a.panel_header:hover {
  text-decoration: none;
  color: #333;
}
.right_panel_container.options_outer_container .right_panel_content #options_container a.panel_header:hover .section_open,
.right_panel_container.options_outer_container .right_panel_content #options_container a.panel_header:hover .section_closed {
  opacity: 1;
}
.right_panel_container.options_outer_container .right_panel_content #options_container .section {
  padding: 0;
  border: none;
}
.right_panel_container.options_outer_container .right_panel_content #options_container .section_title {
  color: #333;
  font-weight: 500;
  letter-spacing: 0.3px;
  margin: 8px 0 8px 0;
}
.platform_windows .right_panel_container.options_outer_container .right_panel_content #options_container .section_title, .lang_HE .right_panel_container.options_outer_container .right_panel_content #options_container .section_title, .NewTreeEmbed.mh_android .right_panel_container.options_outer_container .right_panel_content #options_container .section_title {
  font-weight: bold;
}
.right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_optionGroup {
  padding-bottom: 10px;
}
.right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_optionGroup input[type=checkbox],
.right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_optionGroup input[type=radio],
.right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_optionGroup .option_label,
.right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_optionGroup .option_action {
  max-width: 300px;
  letter-spacing: 0.3px;
}
.right_panel_container.options_outer_container .right_panel_content #options_container .default_tree_view_group_section {
  padding-bottom: 20px;
}
.right_panel_container.options_outer_container .right_panel_content #options_container .default_tree_view_group {
  display: none;
}
.right_panel_container.options_outer_container .right_panel_content #options_container .default_tree_view_label {
  padding-bottom: 6px;
}
.right_panel_container.options_outer_container .right_panel_content #options_container #more_actions li a {
  line-height: 36px;
  color: #595959;
}
.right_panel_container.options_outer_container .right_panel_content #options_container #more_actions li a:hover {
  text-decoration: none;
  color: #000;
}
.right_panel_container.options_outer_container .right_panel_content #options_container #more_actions li a:hover::before {
  opacity: 1;
}
.right_panel_container.options_outer_container .right_panel_content #options_container #more_actions li a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -5px;
  opacity: 0.6;
}
.right_panel_container.options_outer_container .right_panel_content #options_container #more_actions li a .square_bullet {
  display: none;
}
.right_panel_container.options_outer_container .right_panel_content #options_container #edit_tree_name::before {
  background-position: -321px -84px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
.right_panel_container.options_outer_container .right_panel_content #options_container #back_up_tree::before {
  background-position: -321px -56px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
.right_panel_container.options_outer_container .right_panel_content #options_container #order_tree_chart::before {
  background-position: -321px -168px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
.right_panel_container.options_outer_container .right_panel_content #options_container #tree_privacy_settings::before {
  background-position: -321px -196px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
.right_panel_container.options_outer_container .right_panel_content #options_container #tree_editing_permissions::before {
  background-position: -321px -140px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
.right_panel_container.options_outer_container .right_panel_content #options_container #manage_all_trees::before {
  background-position: -321px -112px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
.right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_treeNameSuccessBox,
.right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_treeNameDialog {
  margin: 0 7px 18px 7px;
  width: 304px;
}
.right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_treeNameSuccessBox label,
.right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_treeNameDialog label {
  color: #999;
  font-size: 11px;
}
.right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_treeNameSuccessBox .NewTree_treeNameTree,
.right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_treeNameDialog .NewTree_treeNameTree {
  width: 304px;
  color: #595959;
  letter-spacing: 0.3px;
  border: none;
  border-bottom: solid 1px #e5e5e5;
  border-radius: 0;
  outline: none;
}
.right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_treeNameSuccessBox .NewTree_treeNameTree:focus,
.right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_treeNameDialog .NewTree_treeNameTree:focus {
  border-bottom-color: #595959;
}
.right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_treeNameSuccessBox .treeNameDialogButtons,
.right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_treeNameDialog .treeNameDialogButtons {
  float: right;
}
.right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_treeNameSuccessBox .treeNameDialogButtons a,
.right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_treeNameDialog .treeNameDialogButtons a {
  float: left;
}
.right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_treeNameSuccessBox .treeNameDialogButtons a .qButton-left,
.right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_treeNameDialog .treeNameDialogButtons a .qButton-left {
  display: none;
}
.right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_treeNameSuccessBox .treeNameDialogButtons a .qButton-right,
.right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_treeNameDialog .treeNameDialogButtons a .qButton-right {
  background-image: none;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 1.2px;
  color: #999;
}
.right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_treeNameSuccessBox .treeNameDialogButtons a .qButton-right:hover,
.right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_treeNameDialog .treeNameDialogButtons a .qButton-right:hover {
  color: #ccc;
}
.right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_treeNameSuccessBox .treeNameDialogButtons a:last-child .qButton-right,
.right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_treeNameDialog .treeNameDialogButtons a:last-child .qButton-right {
  padding-right: 0;
  color: #f56932;
  font-weight: 500;
}
.platform_windows .right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_treeNameSuccessBox .treeNameDialogButtons a:last-child .qButton-right, .lang_HE .right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_treeNameSuccessBox .treeNameDialogButtons a:last-child .qButton-right, .NewTreeEmbed.mh_android .right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_treeNameSuccessBox .treeNameDialogButtons a:last-child .qButton-right,
.platform_windows .right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_treeNameDialog .treeNameDialogButtons a:last-child .qButton-right,
.lang_HE .right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_treeNameDialog .treeNameDialogButtons a:last-child .qButton-right,
.NewTreeEmbed.mh_android .right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_treeNameDialog .treeNameDialogButtons a:last-child .qButton-right {
  font-weight: bold;
}
.right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_treeNameSuccessBox .treeNameDialogButtons a:last-child .qButton-right:hover,
.right_panel_container.options_outer_container .right_panel_content #options_container .NewTree_treeNameDialog .treeNameDialogButtons a:last-child .qButton-right:hover {
  color: #fe701c;
}

.right_panel_container.help_outer_container {
  background-color: #fff;
  width: 610px;
  right: -610px;
}
.right_panel_container.help_outer_container.open {
  right: 0;
  transition: right 0.5s linear;
}
.right_panel_container.help_outer_container.closed {
  right: -610px;
  transition: right 0.5s linear;
}
.right_panel_container.help_outer_container .inner_help_container {
  background-color: #fff;
}
.right_panel_container.help_outer_container .help_row {
  display: inline-flex;
  border-bottom: solid 1px #f2f2f2;
  padding: 20px 0;
}
.right_panel_container.help_outer_container .help_row .col1 {
  float: unset;
  width: 240px;
}
.right_panel_container.help_outer_container .help_row .col2 {
  float: unset;
  width: 352px;
  margin: auto;
}
.mh_tablet .right_panel_container.help_outer_container .help_row .col2 {
  width: 320px;
}
.right_panel_container.help_outer_container .help_new {
  position: relative;
  display: table;
  top: -10px;
  left: 10px;
  background-color: #2d7559;
  padding: 1px 4px;
  border-radius: 2px;
  color: #fff;
  font-size: 9px;
  letter-spacing: 0.98px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.right_panel_container.help_outer_container .help_title {
  font-size: 15px;
  font-weight: bold;
  color: #000;
  line-height: 1.6;
  letter-spacing: 0.3px;
  padding-bottom: 3px;
}
.right_panel_container.help_outer_container .help_content {
  font-size: 13px;
  color: #595959;
  line-height: 1.54;
  letter-spacing: 0.3px;
}
.right_panel_container.help_outer_container .help_illustration_container {
  margin: 0;
  width: 100%;
  height: 100%;
  display: flex;
}
.right_panel_container.help_outer_container .help_image {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.right_panel_container.help_outer_container .help_add_people_row .col1 {
  min-height: 97px;
}
.right_panel_container.help_outer_container .help_add_people_row .help_image {
  background-position: -217px -128px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 180px;
  height: 97px;
}
.right_panel_container.help_outer_container .help_add_me_cards_row .col1 {
  min-height: 82px;
}
.right_panel_container.help_outer_container .help_add_me_cards_row .help_image {
  background-position: -188px -368px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 180px;
  height: 82px;
}
.right_panel_container.help_outer_container .help_add_me_cards_text {
  color: #595959;
  font-weight: normal;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.98px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 180px;
  height: 96px;
  padding: 0 50px;
}
.right_panel_container.help_outer_container .help_find_a_person_row .col1 {
  min-height: 32px;
}
.right_panel_container.help_outer_container .help_find_a_person_row .help_image {
  background-position: -376px -368px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 180px;
  height: 32px;
}
.right_panel_container.help_outer_container .help_find_a_person_row .help_find_a_person_text {
  color: #595959;
  left: 14px;
  top: 6px;
}
.right_panel_container.help_outer_container .help_open_branches_row .col1 {
  min-height: 120px;
}
.right_panel_container.help_outer_container .help_open_branches_row .help_image {
  background-position: -217px 0px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 182px;
  height: 120px;
}
.right_panel_container.help_outer_container .help_edit_row .col1 {
  min-height: 88px;
}
.right_panel_container.help_outer_container .help_edit_row .help_image {
  background-position: -407px -200px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 180px;
  height: 88px;
}
.right_panel_container.help_outer_container .help_sm_row .col1 {
  min-height: 92px;
}
.right_panel_container.help_outer_container .help_sm_row .help_image {
  background-position: -407px -100px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 180px;
  height: 92px;
}
.right_panel_container.help_outer_container .help_rm_row .col1 {
  min-height: 92px;
}
.right_panel_container.help_outer_container .help_rm_row .help_image {
  background-position: -407px 0px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 180px;
  height: 92px;
}
.right_panel_container.help_outer_container .help_add_photos_row .col1 {
  min-height: 87px;
}
.right_panel_container.help_outer_container .help_add_photos_row .help_image {
  background-position: 0px -368px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 180px;
  height: 87px;
}
.right_panel_container.help_outer_container .help_customize_row .col1 {
  min-height: 42px;
}
.right_panel_container.help_outer_container .help_customize_row .help_image {
  background-position: -407px -296px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 180px;
  height: 42px;
}
.right_panel_container.help_outer_container .help_relationship_row .col1 {
  min-height: 117px;
}
.right_panel_container.help_outer_container .help_relationship_row .help_image {
  background-position: -193px -243px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 185px;
  height: 117px;
}
.right_panel_container.help_outer_container .help_relationship_row .help_relationship {
  position: absolute;
  top: 24px;
  left: 52px;
}
.right_panel_container.help_outer_container .help_relationship_row .help_relationship .name {
  margin-left: 10px;
  color: #000;
  font-size: 9px;
}
.right_panel_container.help_outer_container .help_relationship_row .help_relationship .relationship {
  margin-top: -2px;
  color: #595959;
  font-size: 7px;
  line-height: 1.1;
  text-decoration: underline;
  -webkit-text-decoration-style: dashed;
  text-decoration-style: dashed;
  background-color: rgba(245, 105, 50, 0.1);
  border-radius: 30px;
  padding: 6px 10px;
  max-width: 108px;
}
.right_panel_container.help_outer_container .help_generations_row .col1 {
  min-height: 82px;
}
.right_panel_container.help_outer_container .help_generations_row .help_image {
  background-position: -178px -463px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 170px;
  height: 90px;
}
.right_panel_container.help_outer_container .help_generations_row .help_generations {
  color: #999;
  font-size: 7px;
  letter-spacing: 0.1px;
}
.right_panel_container.help_outer_container .help_generations_row .help_generations .title {
  position: absolute;
  top: 13px;
  left: 16px;
  width: 140px;
  text-transform: uppercase;
  font-size: 6px;
}
.right_panel_container.help_outer_container .help_generations_row .help_generations .cousins {
  position: absolute;
  top: 57px;
  left: 25px;
  width: 124px;
  height: 20px;
  align-items: center;
  display: flex;
}
.right_panel_container.help_outer_container .help_vertical_cards_row .col1 {
  min-height: 89px;
}
.right_panel_container.help_outer_container .help_vertical_cards_row .help_image {
  background-position: -356px -463px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 95px;
  height: 89px;
}
.right_panel_container.help_outer_container .help_view_more_left_panel_row .col1 {
  min-height: 235px;
}
.right_panel_container.help_outer_container .help_view_more_left_panel_row .help_image {
  background-position: 0px 0px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 209px;
  height: 235px;
}
.right_panel_container.help_outer_container .help_more_help_container {
  padding: 30px;
  width: 592px;
  height: unset;
}
.right_panel_container.help_outer_container .help_more_help_container .need_more_help {
  color: #000;
}
.right_panel_container.help_outer_container .help_more_help_container .help_center {
  padding-left: 10px;
}
.right_panel_container.help_outer_container .help_more_help_container .help_library {
  margin-left: 10px;
  padding-left: 10px;
  border-left: solid 1px #e5e5e5;
}
.right_panel_container.help_outer_container .help_more_help_container a {
  color: #f56932;
}
.right_panel_container.help_outer_container .help_more_help_container a:hover {
  color: #fe701c;
  text-decoration: none;
}

.NewTree_emailDialogWrapper .NewTree_emailDialog {
  color: #595959;
}
.NewTree_emailDialogWrapper .NewTree_emailDialog .FL_LabelBold {
  font-weight: normal;
  font-size: 11px;
}
.NewTree_emailDialogWrapper .NewTree_emailDialog .NewTree_emailDialogEmail {
  border: none;
  border-radius: 0;
  border-bottom: solid 1px #999;
  padding: 0;
  background-color: transparent;
  width: 200px;
}
.NewTree_emailDialogWrapper .NewTree_emailDialog .NewTree_emailDialogEmail:focus {
  outline: none;
}
.NewTree_emailDialogWrapper .NewTree_emailDialog.vertical .NewTree_emailDialogEmail {
  width: 160px;
}
.NewTree_emailDialogWrapper .NewTree_emailDialog .emailDialogButtons {
  display: inline-block;
  float: right;
}
.NewTree_emailDialogWrapper .NewTree_emailDialog .emailDialogButtons a .qButton-left {
  display: none;
}
.NewTree_emailDialogWrapper .NewTree_emailDialog .emailDialogButtons a .qButton-right {
  background-image: none;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 1.2px;
  color: #999;
}
.NewTree_emailDialogWrapper .NewTree_emailDialog .emailDialogButtons a .qButton-right:hover {
  color: #ccc;
}
.NewTree_emailDialogWrapper .NewTree_emailDialog .emailDialogButtons a:first-child .qButton-right {
  color: #f56932;
  font-weight: 500;
}
.platform_windows .NewTree_emailDialogWrapper .NewTree_emailDialog .emailDialogButtons a:first-child .qButton-right, .lang_HE .NewTree_emailDialogWrapper .NewTree_emailDialog .emailDialogButtons a:first-child .qButton-right, .NewTreeEmbed.mh_android .NewTree_emailDialogWrapper .NewTree_emailDialog .emailDialogButtons a:first-child .qButton-right {
  font-weight: bold;
}
.NewTree_emailDialogWrapper .NewTree_emailDialog .emailDialogButtons a:first-child .qButton-right:hover {
  color: #fe701c;
}

.spiderHTML .spiderButton {
  background-color: #fff;
  border: solid 2px #989898;
  border-radius: 8px;
  width: 193px;
  padding: 5px;
}
.spiderHTML .spiderButton:hover {
  background-color: #f7f7f7;
}
.spiderHTML .spiderButtonMale,
.spiderHTML .spiderButtonSon,
.spiderHTML .spiderButtonBrother,
.spiderHTML .spiderButtonFather {
  border-color: #17b4ce;
}
.spiderHTML .spiderButtonFemale,
.spiderHTML .spiderButtonDaughter,
.spiderHTML .spiderButtonSister,
.spiderHTML .spiderButtonMother {
  border-color: #fc8181;
}
.spiderHTML .spiderButtonSilhouette,
.spiderHTML .spiderButtonText,
.spiderHTML .spiderButtonText.alternatePartnerText {
  display: inline-block;
  vertical-align: middle;
}
.spiderHTML .spiderButtonSilhouette .silhouette {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  border: solid 1px #ccc;
}
.spiderHTML .spiderButtonText,
.spiderHTML .spiderButtonText.alternatePartnerText {
  background-image: none;
  width: 142px;
}
.spiderHTML .spiderButtonText .spiderButtonTitle,
.spiderHTML .spiderButtonText.alternatePartnerText .spiderButtonTitle {
  color: #000;
  font-size: 13px;
  letter-spacing: 0.3px;
  line-height: 1.3;
  font-weight: 500;
}
.platform_windows .spiderHTML .spiderButtonText .spiderButtonTitle, .lang_HE .spiderHTML .spiderButtonText .spiderButtonTitle, .NewTreeEmbed.mh_android .spiderHTML .spiderButtonText .spiderButtonTitle,
.platform_windows .spiderHTML .spiderButtonText.alternatePartnerText .spiderButtonTitle,
.lang_HE .spiderHTML .spiderButtonText.alternatePartnerText .spiderButtonTitle,
.NewTreeEmbed.mh_android .spiderHTML .spiderButtonText.alternatePartnerText .spiderButtonTitle {
  font-weight: bold;
}
.spiderHTML .spiderButtonText .spiderButtonSubtitle,
.spiderHTML .spiderButtonText.alternatePartnerText .spiderButtonSubtitle {
  color: #595959;
  font-size: 11px;
  letter-spacing: 0.4px;
  line-height: 1.2;
}
.spiderHTML .spiderButtonText .spiderButtonTitle,
.spiderHTML .spiderButtonText .spiderButtonSubtitle,
.spiderHTML .spiderButtonText.alternatePartnerText .spiderButtonTitle,
.spiderHTML .spiderButtonText.alternatePartnerText .spiderButtonSubtitle {
  padding-left: 10px;
  padding-right: 0;
}
.spiderHTML .spiderButtonText.mediumText .spiderButtonTitle,
.spiderHTML .spiderButtonText.alternatePartnerText.mediumText .spiderButtonTitle {
  font-size: 12px;
}
.spiderHTML .spiderButtonText.mediumText .spiderButtonSubtitle,
.spiderHTML .spiderButtonText.alternatePartnerText.mediumText .spiderButtonSubtitle {
  font-size: 10px;
}
.spiderHTML .spiderButtonText.smallText .spiderButtonTitle,
.spiderHTML .spiderButtonText.alternatePartnerText.smallText .spiderButtonTitle {
  font-size: 11px;
}
.spiderHTML .spiderButtonText.smallText .spiderButtonSubtitle,
.spiderHTML .spiderButtonText.alternatePartnerText.smallText .spiderButtonSubtitle {
  font-size: 9px;
}
.spiderHTML.spiderVertical .spiderButton {
  width: 110px;
  min-height: 110px;
}
.spiderHTML.spiderVertical .spiderButtonInner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.spiderHTML.spiderVertical .spiderButtonSilhouette,
.spiderHTML.spiderVertical .spiderButtonText,
.spiderHTML.spiderVertical .spiderButtonText.alternatePartnerText {
  display: block;
  vertical-align: top;
}
.spiderHTML.spiderVertical .spiderButtonSilhouette {
  margin: 0 34px;
}
.spiderHTML.spiderVertical .spiderButtonText,
.spiderHTML.spiderVertical .spiderButtonText.alternatePartnerText {
  background-image: none;
  width: 110px;
  padding-top: 6px;
  text-align: center;
}
.spiderHTML.spiderVertical .spiderButtonText .spiderButtonTitle,
.spiderHTML.spiderVertical .spiderButtonText.alternatePartnerText .spiderButtonTitle {
  padding: 0;
}
.spiderHTML.spiderVertical .spiderButtonText .spiderButtonSubtitle,
.spiderHTML.spiderVertical .spiderButtonText.alternatePartnerText .spiderButtonSubtitle {
  padding-top: 2px;
}

#simplemodal-container a.spiderCloseText {
  font-size: 15px;
  letter-spacing: 0.3px;
  color: #ccc;
}
#simplemodal-container a.spiderCloseText:hover {
  color: #fff;
  text-decoration: none;
}
#simplemodal-container a.spiderCloseImg {
  background-image: none;
}
#simplemodal-container a.spiderCloseImg::before {
  content: "";
  opacity: 0.8;
  background-position: -321px -224px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
#simplemodal-container a.spiderCloseImg:hover::before {
  opacity: 1;
}

#NewTree_Tooltip .NewTree_richTooltip {
  width: 260px;
  margin: 0;
  background-color: #fff;
}
#NewTree_Tooltip .NewTree_richTooltip .NewTree_richTooltipTextWrapper {
  width: 220px;
}
#NewTree_Tooltip .NewTree_richTooltip .NewTree_richTooltipTitle {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.67;
  letter-spacing: 0.3px;
  color: #333;
}
.platform_windows #NewTree_Tooltip .NewTree_richTooltip .NewTree_richTooltipTitle, .lang_HE #NewTree_Tooltip .NewTree_richTooltip .NewTree_richTooltipTitle, .NewTreeEmbed.mh_android #NewTree_Tooltip .NewTree_richTooltip .NewTree_richTooltipTitle {
  font-weight: bold;
}
#NewTree_Tooltip .NewTree_richTooltip .NewTree_richTooltipText {
  font-size: 12px;
  line-height: 1.54;
  letter-spacing: 0.3px;
  color: #333;
}
#NewTree_Tooltip .NewTree_richTooltip a.NewTree_richTooltip:hover .NewTree_richTooltipText {
  text-decoration: underline;
}
#NewTree_Tooltip .NewTree_richTooltip .NewTree_richTooltipImage {
  margin-top: -9px;
}
#NewTree_Tooltip .NewTree_richTooltip.LargeTooltipDiscovery {
  width: 370px;
}
#NewTree_Tooltip .NewTree_richTooltip.LargeTooltipDiscovery .NewTree_richTooltipImage {
  margin-top: 0;
}
#NewTree_Tooltip .NewTree_richTooltip.LargeTooltipDiscovery .NewTree_richTooltipTextWrapper {
  width: 290px;
  margin-top: 0;
}
#NewTree_Tooltip .NewTree_richTooltip.LargeTooltipDiscovery .NewTree_discoveryText {
  padding-bottom: 8px;
}
#NewTree_Tooltip .NewTree_richTooltip.LargeTooltipDiscovery .NewTree_callToAction {
  display: block;
  padding-top: 8px;
  color: #f56932;
  font-weight: 500;
}
.platform_windows #NewTree_Tooltip .NewTree_richTooltip.LargeTooltipDiscovery .NewTree_callToAction, .lang_HE #NewTree_Tooltip .NewTree_richTooltip.LargeTooltipDiscovery .NewTree_callToAction, .NewTreeEmbed.mh_android #NewTree_Tooltip .NewTree_richTooltip.LargeTooltipDiscovery .NewTree_callToAction {
  font-weight: bold;
}
#NewTree_Tooltip .NewTree_richTooltip.LargeTooltipDiscovery:hover .NewTree_discoveryText,
#NewTree_Tooltip .NewTree_richTooltip.LargeTooltipDiscovery:hover .NewTree_richTooltipLightText {
  text-decoration: none;
}
#NewTree_Tooltip .NewTree_richTooltip.LargeTooltipDiscovery:hover .NewTree_callToAction {
  text-decoration: underline;
}
#NewTree_Tooltip .NewTree_richTooltip.LargeTooltipSM .NewTree_LargeTooltipIcon {
  background-position: -56px -281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
#NewTree_Tooltip .NewTree_richTooltip.LargeTooltipRM .NewTree_LargeTooltipIcon {
  background-position: -28px -281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
#NewTree_Tooltip .NewTree_richTooltip.LargeTooltipDna.public .NewTree_LargeTooltipIcon {
  background-position: -293px -252px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
#NewTree_Tooltip .NewTree_richTooltip.LargeTooltipDna.private .NewTree_LargeTooltipIcon {
  background-position: 0px -281px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
}
#NewTree_Tooltip .NewTreeTooltip {
  min-width: unset;
  height: unset;
}
#NewTree_Tooltip .NewTreeTooltip .cardPhoto {
  position: unset;
  float: unset;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  border: solid 1px transparent;
}
#NewTree_Tooltip .NewTreeTooltip .silhouette {
  border-color: #ccc;
}
#NewTree_Tooltip .NewTreeTooltip .cardNameAndDates {
  position: unset;
  float: unset;
  margin: 0;
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
  max-width: 320px;
}
#NewTree_Tooltip .NewTreeTooltip .cardNameAndDates .cardName,
#NewTree_Tooltip .NewTreeTooltip .cardNameAndDates .cardShortName {
  font-size: 13px;
  color: #333;
  line-height: 1.54;
  letter-spacing: 0.3px;
  font-weight: 500;
}
.platform_windows #NewTree_Tooltip .NewTreeTooltip .cardNameAndDates .cardName, .lang_HE #NewTree_Tooltip .NewTreeTooltip .cardNameAndDates .cardName, .NewTreeEmbed.mh_android #NewTree_Tooltip .NewTreeTooltip .cardNameAndDates .cardName,
.platform_windows #NewTree_Tooltip .NewTreeTooltip .cardNameAndDates .cardShortName,
.lang_HE #NewTree_Tooltip .NewTreeTooltip .cardNameAndDates .cardShortName,
.NewTreeEmbed.mh_android #NewTree_Tooltip .NewTreeTooltip .cardNameAndDates .cardShortName {
  font-weight: bold;
}
#NewTree_Tooltip .NewTreeTooltip .cardNameAndDates .cardName .cardShortNameInner,
#NewTree_Tooltip .NewTreeTooltip .cardNameAndDates .cardShortName .cardShortNameInner {
  display: none;
}
#NewTree_Tooltip .NewTreeTooltip .cardNameAndDates .cardDates,
#NewTree_Tooltip .NewTreeTooltip .cardNameAndDates .cardFullBirthDate,
#NewTree_Tooltip .NewTreeTooltip .cardNameAndDates .cardFullDeathDate {
  font-size: 13px;
  color: #999;
  line-height: 1.54;
  letter-spacing: 0.3px;
}
#NewTree_Tooltip .LargeTooltipDiscovery .NewTree_richTooltipImage .photo,
#NewTree_Tooltip .LargeTooltipDiscovery .NewTree_richTooltipImage .silhouette {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
}
#NewTree_Tooltip .LargeTooltipDiscovery .NewTree_richTooltipImage .silhouette {
  width: 58px;
  height: 58px;
  border: solid 1px #ccc;
}
#NewTree_Tooltip .LargeTooltipDiscovery .NewTree_richTooltipText {
  color: #333;
}
#NewTree_Tooltip .LargeTooltipDiscovery .NewTree_richTooltipLightText {
  color: #999;
}

.NewTree_select_menu_opener {
  cursor: pointer;
  color: #595959;
}
.NewTree_select_menu_opener::after {
  content: "";
  background-position: -373px -249px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  opacity: 0.6;
}
.NewTree_select_menu_opener:hover {
  color: #000;
}
.NewTree_select_menu_opener:hover::after {
  opacity: 1;
}
.NewTree_select_menu_opener.open::after {
  transform: scaleY(-1);
}

.NewTree_select_menu {
  position: absolute;
  display: none;
  top: 1px;
  left: 0;
  z-index: 20;
  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);
  border-radius: 3px;
  padding: 10px 0;
  color: #595959;
}
.NewTree_select_menu.open {
  display: block;
}
.NewTree_select_menu .menu_entry {
  line-height: 40px;
  display: flex;
  cursor: pointer;
}
.NewTree_select_menu .menu_entry:hover {
  background-color: #f2f2f2;
}
.NewTree_select_menu .menu_entry .entry_name {
  padding: 0 20px;
}
.NewTree_select_menu .menu_entry .entry_count {
  padding: 0;
  padding-right: 16px;
  text-align: left;
}
.NewTree_select_menu .menu_entry .entry_icon {
  padding: 0;
  padding-top: 15px;
  padding-right: 20px;
}
.NewTree_select_menu .menu_entry.selected {
  color: #f56932;
}
.NewTree_select_menu .menu_entry.selected .entry_icon::before {
  content: "";
  background-position: -373px -289px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 12px;
  height: 12px;
}