/* 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 */
/**
    Converts a hex color to rgb(r, g, b) representation

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

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

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

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

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

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

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

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

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

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

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

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

.dna_banner {
  width: 315px;
  margin: 20px auto;
  border: 1px solid #e5e5e5;
  padding: 20px;
}
@media (min-width: 992px) {
  .dna_banner {
    margin-right: 40px;
    width: 322px;
  }
}

.dna_banner_text {
  margin: 5px 0px;
  white-space: initial;
  width: 80%;
  font-size: 15px;
  color: #595959;
}

.order_now_button {
  display: block;
  margin: 5px 0px;
  padding: 5px 0px;
  width: 40%;
  font-size: 15px;
  color: #fff;
  background-color: #bb4ece;
  border-color: #bb4ece;
  border-radius: 50px;
}
.order_now_button:hover, .order_now_button:focus, .order_now_button:active, .order_now_button.active {
  color: #fff;
  background-color: #c663db;
  border-color: #c663db;
}
.order_now_button:active, .order_now_button.active {
  background-image: none;
}
.order_now_button.disabled, .order_now_button.disabled:hover, .order_now_button.disabled:focus, .order_now_button.disabled:active, .order_now_button.disabled.active, .order_now_button[disabled], .order_now_button[disabled]:hover, .order_now_button[disabled]:focus, .order_now_button[disabled]:active, .order_now_button[disabled].active, fieldset[disabled] .order_now_button, fieldset[disabled] .order_now_button:hover, fieldset[disabled] .order_now_button:focus, fieldset[disabled] .order_now_button:active, fieldset[disabled] .order_now_button.active {
  background-color: #bb4ece;
  border-color: #bb4ece;
}

a.price_link {
  text-decoration: none;
  color: #bb4ece;
}

/* Rounded gradients */
.NameDirectoryGradient .top,
.NameDirectoryGradient .topLeft,
.NameDirectoryGradient .topRight,
.NameDirectoryGradient .bottom,
.NameDirectoryGradient .bottomLeft,
.NameDirectoryGradient .bottomRight,
.NameDirectoryGradient .midLeft,
.NameDirectoryGradient .midRight {
  background: none no-repeat;
}

.roundedGradient {
  width: 316px;
}

.NameDirectoryGradient {
  border: 1px solid #e5e5e5;
  margin-right: 40px;
}

.NameDirectoryGradient .topLeft,
.NameDirectoryGradient .topRight,
.NameDirectoryGradient .bottomLeft,
.NameDirectoryGradient .bottomRight {
  width: 23px;
}

.NameDirectoryGradient .midLeft,
.NameDirectoryGradient .midRight {
  width: 8px;
}

.NameDirectoryGradient .top,
.NameDirectoryGradient .topLeft,
.NameDirectoryGradient .topRight {
  height: 121px;
}

.NameDirectoryGradient .bottom,
.NameDirectoryGradient .bottomLeft,
.NameDirectoryGradient .bottomRight {
  height: 121px;
}

.NameDirectoryGradient .topLeft {
  background-position: 0 0;
}

.NameDirectoryGradient .top {
  background-position: 0 -122px;
}

.NameDirectoryGradient .topRight {
  background-position: -24px 0;
}

.NameDirectoryGradient .bottomLeft {
  background-position: -48px 0;
}

.NameDirectoryGradient .bottom {
  background-position: 0 -244px;
}

.NameDirectoryGradient .bottomRight {
  background-position: -72px 0;
}

.NameDirectoryGradient .midLeft {
  background-position: -268px 0;
}

.NameDirectoryGradient .midRight {
  background-position: -292px 0;
}

.NameDirectoryGradient .center {
  top: -85px;
  margin-bottom: -171px;
  padding: 0 15px;
  display: block;
}

.NameDirectoryRightboxImage {
  margin: auto;
  display: block;
}

#getStartedBtn {
  margin: auto;
}

/* End rounded gradients */
.NameDirectoryHeader {
  background-image: url(/FP/Assets/Images/NameDirectory/LastNameDirectory.png?v=4);
  background-repeat: repeat-x;
  width: 100%;
  height: 116px;
  background-position: 0px -366px;
}

.NameDirectoryFooter {
  background-image: url(/FP/Assets/Images/NameDirectory/LastNameDirectory.png?v=4);
  background-repeat: repeat-x;
  width: 100%;
  height: 71px;
  background-position: 0px -483px;
}

.NameDirectoryHeaderLogoContainer {
  margin-left: auto;
  margin-right: auto;
}

.NameDirectoryLogo {
  background-image: url(/FP/Assets/Images/NameDirectory/LastNameDirectory.png?v=4);
  background-repeat: repeat-x;
  width: 182px;
  height: 85px;
  background-position: 0px -666px;
}

.NameDirectoryRightboxImage {
  background-image: url(/FP/Assets/Images/NameDirectory/LastNameDirectory.png?v=4);
  background-repeat: no-repeat;
  width: 185px;
  height: 110px;
  background-position: 0px -555px;
}

/* FTB ad */
.NameDirectoryFTBImage {
  background-image: url(/FP/Assets/Images/NameDirectory/LastNameDirectory.png?v=4);
  background-repeat: no-repeat;
  width: 219px;
  height: 162px;
  background-position: 0px -752px;
}

.FTBAdLeft {
  float: right;
}

.FTBAdRight {
  float: right;
  margin: 0 12px 0 0;
}

.FTBAdBulletRow {
  margin: 4px 0;
}

.FTBAdBulletRow SPAN {
  margin: 0 8px;
}

.FTBAdBullets {
  margin-bottom: 16px;
}

/* FTB ad end */
.NameDirectoryRightboxBulletLTR {
  background-image: url(/FP/Assets/Images/NameDirectory/LastNameDirectory.png?v=4);
  background-repeat: no-repeat;
  width: 22px;
  height: 11px;
  background-position: -96px -110px;
}

.NameDirectoryRightboxBulletRTL {
  background-image: url(/FP/Assets/Images/NameDirectory/LastNameDirectory.png?v=4);
  background-repeat: no-repeat;
  width: 22px;
  height: 11px;
  background-position: -119px -110px;
}

.NameDirectoryRightboxBulletOnWhiteLTR {
  background-image: url(/FP/Assets/Images/NameDirectory/LastNameDirectory.png?v=4);
  background-repeat: no-repeat;
  width: 22px;
  height: 11px;
  background-position: -149px -110px;
}

.NameDirectoryRightboxBulletOnWhiteRTL {
  background-image: url(/FP/Assets/Images/NameDirectory/LastNameDirectory.png?v=4);
  background-repeat: no-repeat;
  width: 22px;
  height: 11px;
  background-position: -172px -110px;
}

.NameDirectoyrBullet {
  background-image: url(/FP/Assets/Images/NameDirectory/LastNameDirectory.png?v=4);
  background-repeat: no-repeat;
  width: 6px;
  height: 6px;
  background-position: -142px -110px;
  overflow: hidden;
}

.NameDirectoryFamilyBullet {
  background-image: url(/FP/Assets/Images/NameDirectory/LastNameDirectory.png?v=4);
  background-repeat: no-repeat;
  width: 19px;
  height: 14px;
  background-position: -96px -95px;
  overflow: hidden;
}

.NameDirectoryBreadcrumbSeparator {
  color: #8CA2B5;
}

.NameDirectoryLineSeparator {
  background-color: #CFD8DE;
}

.NameDirectoryLink,
.NameDirectoryLinkLarge,
.NameDirectoryLinkLargeBold {
  text-decoration: none;
}

.NameDirectoryLinkLarge,
.NameDirectoryLinkLargeBold {
  font-size: 16px;
}

.NameDirectoryLinkMedium,
.NameDirectoryLinkMediumBold {
  font-size: 14px;
}

.NameDirectoryLinkMediumBold,
.NameDirectoryLinkLargeBold {
  font-weight: bold;
}

.NameDirectoryLabel,
.NameDirectoryLabelLarge {
  color: #104A73;
}

.NameDirectoryLabel {
  font-size: 13px;
  white-space: normal;
}

.NameDirectoryLabelLarge {
  font-size: 17px;
  font-weight: bold;
  white-space: normal;
}

.NameDirectoryFamilyInfoSprite,
.NameDirectoryFamilyCountrySprite,
.NameDirectoryFamilyMeaningSprite,
.NameDirectoryFamilySitesSprite,
.NameDirectoryFamilyUserSearchesSprite,
.NameDirectoryFamilyPopularitySprite,
.NameDirectoryFamilyVariantsSprite {
  width: 37px;
  height: 37px;
  background-image: url("/FP/Assets/Images/NameDirectory/familyName.gif?v=1");
  background-repeat: no-repeat;
}

.NameDirectoryFamilyInfoSprite {
  background-position: 0px 0px;
}

.NameDirectoryFamilyCountrySprite {
  background-position: 0px -38px;
}

.NameDirectoryFamilyMeaningSprite {
  background-position: 0px -76px;
}

.NameDirectoryFamilySitesSprite {
  background-position: 0px -114px;
}

.NameDirectoryFamilyUserSearchesSprite {
  background-position: 0px -152px;
}

.NameDirectoryFamilyPopularitySprite {
  background-position: 0px -190px;
}

.NameDirectoryFamilyVariantsSprite {
  background-position: 0px -228px;
}

/* Individual research */
DIV.NDrecordsFoundContainerHidden {
  display: none;
}

DIV#NDrecordsFoundContainer {
  float: left;
}

DIV#NDrecordsFoundTextContainer {
  padding-top: 5px;
  padding-right: 5px;
}

/* End individual research */
/* DNA Project */
#dnaBox {
  width: 250px;
}

#dnaBox p {
  margin: 6px 0 25px;
  line-height: 18px;
  white-space: normal;
}

#learnMoreDnaBtn {
  margin: 0 auto 20px;
}

/* End DNA Project */
.leaf_wrapper {
  width: 100%;
}

.leaf_inner_wrapper {
  width: 100%;
  margin: auto;
}

.side_box {
  width: 358px;
}

.bar-content {
  height: 14px !important;
}

#ancestorsSearchFirstname,
#ancestorsSearchLastname {
  width: 186px !important;
  height: 27px !important;
}

.directory_title {
  font-size: 15px;
}

.separator {
  display: block;
  text-align: center;
}

.visible_mobile {
  display: none;
}

.user_strip_notification {
  display: none !important;
}

.navigation_header .navigation .navigation_box {
  margin: 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .side_box {
    text-align: center;
  }

  .side_box > table {
    display: inline-block;
    vertical-align: top;
  }
}
@media (max-width: 991px) {
  .info_panel,
.side_box {
    display: block;
  }

  .side_box {
    width: 100%;
  }

  .NameDirectoryGradient {
    margin: 20px auto;
  }
}
@media (max-width: 767px) {
  .leaf_wrapper {
    padding: 0 10px;
  }

  .leaf_inner_wrapper {
    text-align: center;
    font-size: 22px;
  }

  .side_box > table {
    margin: auto;
  }

  #MapDistribution_countryDistribution {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    max-width: 300px;
    max-width: calc(100vw - 40px);
  }
  .mh_mobile #MapDistribution_countryDistribution {
    max-width: calc(100vw - 20px);
  }

  #MapDistribution_countryDistribution_table {
    direction: ltr;
  }

  .alphabet {
    display: none;
  }
  .alphabet + tr {
    display: none;
  }

  .FL_Label, .FL_Link {
    font-size: 15px;
  }

  .directory_title {
    font-size: 18px;
  }

  #ancestorsSearchFirstname,
#ancestorsSearchLastname {
    font-size: 16px;
    padding-bottom: 5px;
  }

  #startFamilyTreeButton-middle,
#recordsFoundButton-middle {
    width: auto;
  }
}
@media (max-width: 540px) {
  #startFamilyTreeButton-middle {
    max-width: 260px;
  }

  #startFamilyTreeButton-caption {
    font-size: 15px;
    text-overflow: ellipsis;
    overflow-x: hidden;
  }

  [id^=MapDistribution_countryDistribution_Label],
[id^=MapDistribution_countryDistribution_Link] {
    font-size: 12px;
  }

  .form_item {
    display: block;
    padding: 0 !important;
    margin-bottom: 10px;
  }

  .start_wrapper {
    margin-bottom: 20px;
  }

  #getStartedBtn-middle,
#startFamilyTreeButton-middle,
#ancestorsSearchFirstname,
#ancestorsSearchLastname,
#ancestorsSearchButton {
    width: 100% !important;
  }

  #ancestorsSearchFirstname,
#ancestorsSearchLastname {
    height: 33px !important;
  }

  #NDrecordsFoundContainer {
    float: none !important;
    text-align: center;
  }

  #recordsFoundButton {
    margin: auto;
  }

  .visible_mobile {
    display: block;
  }

  .hidden_mobile {
    display: none;
  }
}
@media (max-width: 340px) {
  .side_box > table {
    width: 0;
  }
}