/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/**
* Transforms a given palette color to the transparent version of it
*/
/* stylelint-disable */
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}
.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: right;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.3333333333%;
}

.col-xs-5 {
  width: 41.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.3333333333%;
}

.col-xs-8 {
  width: 66.6666666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  left: 0%;
}

.col-xs-pull-1 {
  left: 8.3333333333%;
}

.col-xs-pull-2 {
  left: 16.6666666667%;
}

.col-xs-pull-3 {
  left: 25%;
}

.col-xs-pull-4 {
  left: 33.3333333333%;
}

.col-xs-pull-5 {
  left: 41.6666666667%;
}

.col-xs-pull-6 {
  left: 50%;
}

.col-xs-pull-7 {
  left: 58.3333333333%;
}

.col-xs-pull-8 {
  left: 66.6666666667%;
}

.col-xs-pull-9 {
  left: 75%;
}

.col-xs-pull-10 {
  left: 83.3333333333%;
}

.col-xs-pull-11 {
  left: 91.6666666667%;
}

.col-xs-pull-12 {
  left: 100%;
}

.col-xs-push-0 {
  right: 0%;
}

.col-xs-push-1 {
  right: 8.3333333333%;
}

.col-xs-push-2 {
  right: 16.6666666667%;
}

.col-xs-push-3 {
  right: 25%;
}

.col-xs-push-4 {
  right: 33.3333333333%;
}

.col-xs-push-5 {
  right: 41.6666666667%;
}

.col-xs-push-6 {
  right: 50%;
}

.col-xs-push-7 {
  right: 58.3333333333%;
}

.col-xs-push-8 {
  right: 66.6666666667%;
}

.col-xs-push-9 {
  right: 75%;
}

.col-xs-push-10 {
  right: 83.3333333333%;
}

.col-xs-push-11 {
  right: 91.6666666667%;
}

.col-xs-push-12 {
  right: 100%;
}

.col-xs-offset-0 {
  margin-right: 0%;
}

.col-xs-offset-1 {
  margin-right: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-right: 16.6666666667%;
}

.col-xs-offset-3 {
  margin-right: 25%;
}

.col-xs-offset-4 {
  margin-right: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-right: 41.6666666667%;
}

.col-xs-offset-6 {
  margin-right: 50%;
}

.col-xs-offset-7 {
  margin-right: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-right: 66.6666666667%;
}

.col-xs-offset-9 {
  margin-right: 75%;
}

.col-xs-offset-10 {
  margin-right: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-right: 91.6666666667%;
}

.col-xs-offset-12 {
  margin-right: 100%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: right;
  }

  .col-sm-1 {
    width: 8.3333333333%;
  }

  .col-sm-2 {
    width: 16.6666666667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.3333333333%;
  }

  .col-sm-5 {
    width: 41.6666666667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.3333333333%;
  }

  .col-sm-8 {
    width: 66.6666666667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.3333333333%;
  }

  .col-sm-11 {
    width: 91.6666666667%;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-pull-0 {
    left: 0%;
  }

  .col-sm-pull-1 {
    left: 8.3333333333%;
  }

  .col-sm-pull-2 {
    left: 16.6666666667%;
  }

  .col-sm-pull-3 {
    left: 25%;
  }

  .col-sm-pull-4 {
    left: 33.3333333333%;
  }

  .col-sm-pull-5 {
    left: 41.6666666667%;
  }

  .col-sm-pull-6 {
    left: 50%;
  }

  .col-sm-pull-7 {
    left: 58.3333333333%;
  }

  .col-sm-pull-8 {
    left: 66.6666666667%;
  }

  .col-sm-pull-9 {
    left: 75%;
  }

  .col-sm-pull-10 {
    left: 83.3333333333%;
  }

  .col-sm-pull-11 {
    left: 91.6666666667%;
  }

  .col-sm-pull-12 {
    left: 100%;
  }

  .col-sm-push-0 {
    right: 0%;
  }

  .col-sm-push-1 {
    right: 8.3333333333%;
  }

  .col-sm-push-2 {
    right: 16.6666666667%;
  }

  .col-sm-push-3 {
    right: 25%;
  }

  .col-sm-push-4 {
    right: 33.3333333333%;
  }

  .col-sm-push-5 {
    right: 41.6666666667%;
  }

  .col-sm-push-6 {
    right: 50%;
  }

  .col-sm-push-7 {
    right: 58.3333333333%;
  }

  .col-sm-push-8 {
    right: 66.6666666667%;
  }

  .col-sm-push-9 {
    right: 75%;
  }

  .col-sm-push-10 {
    right: 83.3333333333%;
  }

  .col-sm-push-11 {
    right: 91.6666666667%;
  }

  .col-sm-push-12 {
    right: 100%;
  }

  .col-sm-offset-0 {
    margin-right: 0%;
  }

  .col-sm-offset-1 {
    margin-right: 8.3333333333%;
  }

  .col-sm-offset-2 {
    margin-right: 16.6666666667%;
  }

  .col-sm-offset-3 {
    margin-right: 25%;
  }

  .col-sm-offset-4 {
    margin-right: 33.3333333333%;
  }

  .col-sm-offset-5 {
    margin-right: 41.6666666667%;
  }

  .col-sm-offset-6 {
    margin-right: 50%;
  }

  .col-sm-offset-7 {
    margin-right: 58.3333333333%;
  }

  .col-sm-offset-8 {
    margin-right: 66.6666666667%;
  }

  .col-sm-offset-9 {
    margin-right: 75%;
  }

  .col-sm-offset-10 {
    margin-right: 83.3333333333%;
  }

  .col-sm-offset-11 {
    margin-right: 91.6666666667%;
  }

  .col-sm-offset-12 {
    margin-right: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: right;
  }

  .col-md-1 {
    width: 8.3333333333%;
  }

  .col-md-2 {
    width: 16.6666666667%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.3333333333%;
  }

  .col-md-5 {
    width: 41.6666666667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.3333333333%;
  }

  .col-md-8 {
    width: 66.6666666667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.3333333333%;
  }

  .col-md-11 {
    width: 91.6666666667%;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-pull-0 {
    left: 0%;
  }

  .col-md-pull-1 {
    left: 8.3333333333%;
  }

  .col-md-pull-2 {
    left: 16.6666666667%;
  }

  .col-md-pull-3 {
    left: 25%;
  }

  .col-md-pull-4 {
    left: 33.3333333333%;
  }

  .col-md-pull-5 {
    left: 41.6666666667%;
  }

  .col-md-pull-6 {
    left: 50%;
  }

  .col-md-pull-7 {
    left: 58.3333333333%;
  }

  .col-md-pull-8 {
    left: 66.6666666667%;
  }

  .col-md-pull-9 {
    left: 75%;
  }

  .col-md-pull-10 {
    left: 83.3333333333%;
  }

  .col-md-pull-11 {
    left: 91.6666666667%;
  }

  .col-md-pull-12 {
    left: 100%;
  }

  .col-md-push-0 {
    right: 0%;
  }

  .col-md-push-1 {
    right: 8.3333333333%;
  }

  .col-md-push-2 {
    right: 16.6666666667%;
  }

  .col-md-push-3 {
    right: 25%;
  }

  .col-md-push-4 {
    right: 33.3333333333%;
  }

  .col-md-push-5 {
    right: 41.6666666667%;
  }

  .col-md-push-6 {
    right: 50%;
  }

  .col-md-push-7 {
    right: 58.3333333333%;
  }

  .col-md-push-8 {
    right: 66.6666666667%;
  }

  .col-md-push-9 {
    right: 75%;
  }

  .col-md-push-10 {
    right: 83.3333333333%;
  }

  .col-md-push-11 {
    right: 91.6666666667%;
  }

  .col-md-push-12 {
    right: 100%;
  }

  .col-md-offset-0 {
    margin-right: 0%;
  }

  .col-md-offset-1 {
    margin-right: 8.3333333333%;
  }

  .col-md-offset-2 {
    margin-right: 16.6666666667%;
  }

  .col-md-offset-3 {
    margin-right: 25%;
  }

  .col-md-offset-4 {
    margin-right: 33.3333333333%;
  }

  .col-md-offset-5 {
    margin-right: 41.6666666667%;
  }

  .col-md-offset-6 {
    margin-right: 50%;
  }

  .col-md-offset-7 {
    margin-right: 58.3333333333%;
  }

  .col-md-offset-8 {
    margin-right: 66.6666666667%;
  }

  .col-md-offset-9 {
    margin-right: 75%;
  }

  .col-md-offset-10 {
    margin-right: 83.3333333333%;
  }

  .col-md-offset-11 {
    margin-right: 91.6666666667%;
  }

  .col-md-offset-12 {
    margin-right: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: right;
  }

  .col-lg-1 {
    width: 8.3333333333%;
  }

  .col-lg-2 {
    width: 16.6666666667%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.3333333333%;
  }

  .col-lg-5 {
    width: 41.6666666667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.3333333333%;
  }

  .col-lg-8 {
    width: 66.6666666667%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-10 {
    width: 83.3333333333%;
  }

  .col-lg-11 {
    width: 91.6666666667%;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-pull-0 {
    left: 0%;
  }

  .col-lg-pull-1 {
    left: 8.3333333333%;
  }

  .col-lg-pull-2 {
    left: 16.6666666667%;
  }

  .col-lg-pull-3 {
    left: 25%;
  }

  .col-lg-pull-4 {
    left: 33.3333333333%;
  }

  .col-lg-pull-5 {
    left: 41.6666666667%;
  }

  .col-lg-pull-6 {
    left: 50%;
  }

  .col-lg-pull-7 {
    left: 58.3333333333%;
  }

  .col-lg-pull-8 {
    left: 66.6666666667%;
  }

  .col-lg-pull-9 {
    left: 75%;
  }

  .col-lg-pull-10 {
    left: 83.3333333333%;
  }

  .col-lg-pull-11 {
    left: 91.6666666667%;
  }

  .col-lg-pull-12 {
    left: 100%;
  }

  .col-lg-push-0 {
    right: 0%;
  }

  .col-lg-push-1 {
    right: 8.3333333333%;
  }

  .col-lg-push-2 {
    right: 16.6666666667%;
  }

  .col-lg-push-3 {
    right: 25%;
  }

  .col-lg-push-4 {
    right: 33.3333333333%;
  }

  .col-lg-push-5 {
    right: 41.6666666667%;
  }

  .col-lg-push-6 {
    right: 50%;
  }

  .col-lg-push-7 {
    right: 58.3333333333%;
  }

  .col-lg-push-8 {
    right: 66.6666666667%;
  }

  .col-lg-push-9 {
    right: 75%;
  }

  .col-lg-push-10 {
    right: 83.3333333333%;
  }

  .col-lg-push-11 {
    right: 91.6666666667%;
  }

  .col-lg-push-12 {
    right: 100%;
  }

  .col-lg-offset-0 {
    margin-right: 0%;
  }

  .col-lg-offset-1 {
    margin-right: 8.3333333333%;
  }

  .col-lg-offset-2 {
    margin-right: 16.6666666667%;
  }

  .col-lg-offset-3 {
    margin-right: 25%;
  }

  .col-lg-offset-4 {
    margin-right: 33.3333333333%;
  }

  .col-lg-offset-5 {
    margin-right: 41.6666666667%;
  }

  .col-lg-offset-6 {
    margin-right: 50%;
  }

  .col-lg-offset-7 {
    margin-right: 58.3333333333%;
  }

  .col-lg-offset-8 {
    margin-right: 66.6666666667%;
  }

  .col-lg-offset-9 {
    margin-right: 75%;
  }

  .col-lg-offset-10 {
    margin-right: 83.3333333333%;
  }

  .col-lg-offset-11 {
    margin-right: 91.6666666667%;
  }

  .col-lg-offset-12 {
    margin-right: 100%;
  }
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}
.visible-xs, .visible-sm, .visible-md, .visible-lg {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
td.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
td.visible-lg {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  table.visible-print {
    display: table;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
td.visible-print {
    display: table-cell !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
.container, .container-fluid {
  box-sizing: border-box;
}
.container *, .container-fluid * {
  box-sizing: border-box;
}
.container *:before,
.container *:after, .container-fluid *:before,
.container-fluid *:after {
  box-sizing: border-box;
}

/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/**
* Transforms a given palette color to the transparent version of it
*/
/* stylelint-disable */
/* `XHTML, HTML4, HTML5 Reset
 * Taken from 960-Grid-System
 * https://github.com/nathansmith/960-Grid-System/blob/master/code/css/reset.css
 * Version: June 18, 2011
----------------------------------------------------------------------------------------------------*/
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html,
body {
  height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  /*
    Override the default (display: inline) for
    browsers that do not recognize HTML5 tags.

    IE8 (and lower) requires a shiv:
    http://ejohn.org/blog/html5-shiv
  */
  display: block;
}

b,
strong {
  /*
    Makes browsers agree.
    IE + Opera = font-weight: bold.
    Gecko + WebKit = font-weight: bolder.
  */
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
  /*
    For IE.
    http://css-tricks.com/ie-fix-bicubic-scaling-for-images
  */
  -ms-interpolation-mode: bicubic;
}

li {
  /*
    For IE6 + IE7.
  */
  display: list-item;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: right;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
  /*
    For IE9.
  */
  overflow: hidden;
}

/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* General */
/* ======= */
body {
  background: none repeat scroll 0 0 #fff;
  color: #105a83;
  direction: ltr;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  direction: rtl;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #105a83;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

a {
  color: #2385c4;
  cursor: pointer;
  text-decoration: none;
  outline: none;
}

a:hover {
  text-decoration: underline;
}

img {
  border: 0 none;
}

table {
  line-height: 1.5;
}

th,
td {
  font-size: 12px;
}

input,
select,
textarea,
button {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #353535;
  line-height: 1.28;
}

embed {
  outline: none;
}

#gtm_iframe {
  display: none;
}

#g_a11y_announcement {
  height: 0 !important;
  width: 0 !important;
}

.grecaptcha-badge {
  display: none;
}

/* Sprite buttons */
/* ============== */
.newButtonSprite img,
.buttonSprite img,
.newButtonSpriteDisabled img,
.buttonSpriteDisabled img {
  display: block;
}

table.newButtonSprite {
  outline: none;
}

.newButtonSprite {
  font-weight: bold;
  color: white;
  cursor: pointer;
}

.newButtonSpriteDisabled {
  font-weight: bold;
  color: white;
  cursor: default;
}

/********* englishSite *********/
.newButtonSpriteBackground-englishSite {
  background-repeat: no-repeat;
  background-image: url("/FP/Assets/Images/IndividualResearch/ButtonSprite.png?v=2");
}

.newButtonSprite-englishSite {
  font-size: 16px;
  height: 35px;
}

.newButtonSpriteMiddle-englishSite-normal,
.newButtonSpriteMiddle-englishSite-hover,
.newButtonSpriteMiddle-englishSite-disabled {
  padding-left: 4px;
  padding-right: 4px;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  padding-bottom: 2px;
}

.newButtonSpriteSideWidth-englishSite {
  width: 36px;
}

/** englishSite-New **/
.newButtonSpritePosition-englishSite-New-normal-left {
  background-position: -2px -2px;
}

.newButtonSpritePosition-englishSite-New-normal-middle {
  background-position: -38px -2px;
  background-repeat: repeat-x;
}

.newButtonSpritePosition-englishSite-New-normal-right {
  background-position: -254px -2px;
}

.newButtonSpritePosition-englishSite-New-hover-left {
  background-position: -2px -39px;
}

.newButtonSpritePosition-englishSite-New-hover-middle {
  background-position: -38px -39px;
  background-repeat: repeat-x;
}

.newButtonSpritePosition-englishSite-New-hover-right {
  background-position: -254px -39px;
}

.newButtonSpritePosition-englishSite-New-disabled-left {
  background-position: -2px -39px;
}

.newButtonSpritePosition-englishSite-New-disabled-middle {
  background-position: -38px -39px;
  background-repeat: repeat-x;
}

.newButtonSpritePosition-englishSite-New-disabled-right {
  background-position: -254px -39px;
}

/* Sprite buttons - pkSite */
/* ======================= */
.newButtonSpriteBackground-pkSite {
  background-repeat: no-repeat;
  background-image: url("/FP/Assets/Images/Buttons/PK_ButtonSpriteOrange.png?v=2");
}

.newButtonSpriteBackground-pkSite-old {
  background-image: url("/FP/Assets/Images/Buttons/PK_ButtonSprite.png?v=4");
}

.newButtonSprite-pkSite {
  font-size: 15px;
  height: 33px;
}

.newButtonSpriteMiddle-pkSite-normal,
.newButtonSpriteMiddle-pkSite-hover,
.newButtonSpriteMiddle-pkSite-disabled {
  font-size: 15px;
  font-weight: normal;
  color: #fff;
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
  vertical-align: middle;
}

.newButtonSpriteBackground-pkSite-old.newButtonSpriteMiddle-pkSite-normal,
.newButtonSpriteBackground-pkSite-old.newButtonSpriteMiddle-pkSite-hover,
.newButtonSpriteBackground-pkSite-old.newButtonSpriteMiddle-pkSite-disabled {
  color: #4c4c4c;
}

.newButtonSpriteSideWidth-pkSite {
  width: 17px;
}

/* Sprite buttons - pkSite-Green */
/* ============================= */
.newButtonSpritePosition-pkSite-Green-normal-left {
  background-position: -2px -2px;
}

.newButtonSpritePosition-pkSite-Green-normal-middle {
  background-position: -19px -2px;
}

.newButtonSpritePosition-pkSite-Green-normal-right {
  background-position: -631px -2px;
}

.newButtonSpritePosition-pkSite-Green-hover-left {
  background-position: -2px -37px;
}

.newButtonSpritePosition-pkSite-Green-hover-middle {
  background-position: -19px -37px;
}

.newButtonSpritePosition-pkSite-Green-hover-right {
  background-position: -631px -37px;
}

.newButtonSpritePosition-pkSite-Green-disabled-left {
  background-position: -2px -72px;
}

.newButtonSpritePosition-pkSite-Green-disabled-middle {
  background-position: -19px -72px;
}

.newButtonSpritePosition-pkSite-Green-disabled-right {
  background-position: -631px -72px;
}

/* Sprite buttons - pkSite-White */
/* ============================= */
.newButtonSpritePosition-pkSite-White-normal-left {
  background-position: -2px -107px;
}

.newButtonSpritePosition-pkSite-White-normal-middle {
  background-position: -19px -107px;
}

.newButtonSpritePosition-pkSite-White-normal-right {
  background-position: -631px -107px;
}

.newButtonSpritePosition-pkSite-White-hover-left {
  background-position: -2px -142px;
}

.newButtonSpritePosition-pkSite-White-hover-middle {
  background-position: -19px -142px;
}

.newButtonSpritePosition-pkSite-White-hover-right {
  background-position: -631px -142px;
}

.newButtonSpritePosition-pkSite-White-disabled-left {
  background-position: -2px -177px;
}

.newButtonSpritePosition-pkSite-White-disabled-middle {
  background-position: -19px -177px;
}

.newButtonSpritePosition-pkSite-White-disabled-right {
  background-position: -631px -177px;
}

/* Sprite buttons - pkSite-BlueSmall */
/* ============================= */
.newButtonSpritePosition-pkSite-BlueSmall-normal-left {
  background-position: -2px -737px;
}

.newButtonSpritePosition-pkSite-BlueSmall-normal-middle {
  background-position: -19px -107px;
}

.newButtonSpritePosition-pkSite-BlueSmall-normal-right {
  background-position: -631px -107px;
}

.newButtonSpritePosition-pkSite-BlueSmall-hover-left {
  background-position: -2px -142px;
}

.newButtonSpritePosition-pkSite-BlueSmall-hover-middle {
  background-position: -19px -142px;
}

.newButtonSpritePosition-pkSite-BlueSmall-hover-right {
  background-position: -631px -142px;
}

.newButtonSpritePosition-pkSite-BlueSmall-disabled-left {
  background-position: -2px -177px;
}

.newButtonSpritePosition-pkSite-BlueSmall-disabled-middle {
  background-position: -19px -177px;
}

.newButtonSpritePosition-pkSite-BlueSmall-disabled-right {
  background-position: -631px -177px;
}

/* Sprite buttons - pkSite-Blue */
/* ================================= */
.newButtonSpritePosition-pkSite-Blue-normal-left {
  background-position: -2px -422px;
}

.newButtonSpritePosition-pkSite-Blue-normal-middle {
  background-position: -19px -422px;
}

.newButtonSpritePosition-pkSite-Blue-normal-right {
  background-position: -631px -422px;
}

.newButtonSpritePosition-pkSite-Blue-hover-left {
  background-position: -2px -457px;
}

.newButtonSpritePosition-pkSite-Blue-hover-middle {
  background-position: -19px -457px;
}

.newButtonSpritePosition-pkSite-Blue-hover-right {
  background-position: -631px -457px;
}

.newButtonSpritePosition-pkSite-Blue-disabled-left {
  background-position: -2px -492px;
}

.newButtonSpritePosition-pkSite-Blue-disabled-middle {
  background-position: -19px -492px;
}

.newButtonSpritePosition-pkSite-Blue-disabled-right {
  background-position: -631px -492px;
}

.newButtonSpritePosition-pkSite-Blue-normal-middle,
.newButtonSpritePosition-pkSite-Blue-hover-middle,
.newButtonSpritePosition-pkSite-Blue-disabled-middle {
  padding-left: 9px;
}

/* Sprite buttons - pkSite-BlueArrow */
/* ================================= */
.newButtonSpritePosition-pkSite-BlueArrow-normal-left {
  background-position: -2px -632px;
}

.newButtonSpritePosition-pkSite-BlueArrow-normal-middle {
  background-position: -19px -632px;
}

.newButtonSpritePosition-pkSite-BlueArrow-normal-right {
  background-position: -631px -632px;
}

.newButtonSpritePosition-pkSite-BlueArrow-hover-left {
  background-position: -2px -667px;
}

.newButtonSpritePosition-pkSite-BlueArrow-hover-middle {
  background-position: -19px -667px;
}

.newButtonSpritePosition-pkSite-BlueArrow-hover-right {
  background-position: -631px -667px;
}

.newButtonSpritePosition-pkSite-BlueArrow-disabled-left {
  background-position: -2px -702px;
}

.newButtonSpritePosition-pkSite-BlueArrow-disabled-middle {
  background-position: -19px -702px;
}

.newButtonSpritePosition-pkSite-BlueArrow-disabled-right {
  background-position: -631px -702px;
}

.newButtonSpritePosition-pkSite-BlueArrow-normal-middle,
.newButtonSpritePosition-pkSite-BlueArrow-hover-middle,
.newButtonSpritePosition-pkSite-BlueArrow-disabled-middle {
  padding-left: 9px;
}

/* Sprite buttons - pkSite-White */
/* ================================= */
.newButtonSpritePosition-pkSite-White-normal-middle,
.newButtonSpritePosition-pkSite-White-hover-middle,
.newButtonSpritePosition-pkSite-White-disabled-middle {
  color: #f56932;
}

/* Sprite buttons - pkSite-GrayPointed */
/* =================================== */
.newButtonSpritePosition-pkSite-GrayPointed-normal-middle,
.newButtonSpritePosition-pkSite-GrayPointed-hover-middle,
.newButtonSpritePosition-pkSite-GrayPointed-disabled-middle {
  color: #f56932;
}

.newButtonSpritePosition-pkSite-GrayPointed-normal-left {
  background-position: -2px -317px;
}

.newButtonSpritePosition-pkSite-GrayPointed-normal-middle {
  background-position: -19px -317px;
}

.newButtonSpritePosition-pkSite-GrayPointed-normal-right {
  background-position: -631px -317px;
}

.newButtonSpritePosition-pkSite-GrayPointed-hover-left {
  background-position: -2px -352px;
}

.newButtonSpritePosition-pkSite-GrayPointed-hover-middle {
  background-position: -19px -352px;
}

.newButtonSpritePosition-pkSite-GrayPointed-hover-right {
  background-position: -631px -352px;
}

.newButtonSpritePosition-pkSite-GrayPointed-disabled-left {
  background-position: -2px -387px;
}

.newButtonSpritePosition-pkSite-GrayPointed-disabled-middle {
  background-position: -19px -387px;
}

.newButtonSpritePosition-pkSite-GrayPointed-disabled-right {
  background-position: -631px -387px;
}

.newButtonSpritePosition-pkSite-GrayPointed-normal-middle,
.newButtonSpritePosition-pkSite-GrayPointed-hover-middle,
.newButtonSpritePosition-pkSite-GrayPointed-disabled-middle {
  padding-right: 9px;
}

/********* big callout *********/
.newButtonSpriteBackground-bigCallout {
  background-repeat: no-repeat;
  background-image: url("/FP/Assets/Images/Buttons/ButtonSprite.png?v=6");
}

.newButtonSprite-bigCallout {
  font-size: 11px;
  height: 26px;
  color: #0d4d7b;
  font-weight: normal;
}

.newButtonSpriteMiddle-bigCallout-normal,
.newButtonSpriteMiddle-bigCallout-hover,
.newButtonSpriteMiddle-bigCallout-disabled {
  padding: 6px 4px 0;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
  vertical-align: top;
}

.newButtonSpriteSideWidth-bigCallout {
  width: 5px;
}

/** bigCallout-Orange **/
.newButtonSpritePosition-bigCallout-Orange-normal-left {
  background-position: -2px -545px;
}

.newButtonSpritePosition-bigCallout-Orange-normal-middle {
  background-position: -7px -545px;
  background-repeat: repeat-x;
}

.newButtonSpritePosition-bigCallout-Orange-normal-right {
  background-position: -393px -545px;
}

.newButtonSpritePosition-bigCallout-Orange-hover-left {
  background-position: -2px -573px;
}

.newButtonSpritePosition-bigCallout-Orange-hover-middle {
  background-position: -7px -573px;
  background-repeat: repeat-x;
}

.newButtonSpritePosition-bigCallout-Orange-hover-right {
  background-position: -393px -573px;
}

.newButtonSpritePosition-bigCallout-Orange-disabled-left {
  background-position: -2px -601px;
}

.newButtonSpritePosition-bigCallout-Orange-disabled-middle {
  background-position: -7px -601px;
  background-repeat: repeat-x;
}

.newButtonSpritePosition-bigCallout-Orange-disabled-right {
  background-position: -393px -601px;
}

/* Sprite buttons - pkSiteSmall */
/* ======================= */
.newButtonSpriteBackground-pkSiteSmall {
  background-repeat: no-repeat;
  background-image: url("/FP/Assets/Images/Buttons/PK_ButtonSprite.png?v=4");
}

.newButtonSprite-pkSiteSmall {
  font-size: 12px;
  height: 23px;
}

.newButtonSpriteMiddle-pkSiteSmall-normal,
.newButtonSpriteMiddle-pkSiteSmall-hover,
.newButtonSpriteMiddle-pkSiteSmall-disabled {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
  vertical-align: middle;
}

.newButtonSpriteMiddle-pkSiteSmall-disabled {
  color: #ccc;
}

.newButtonSpriteSideWidth-pkSiteSmall {
  width: 5px;
}

/* Sprite buttons - pkSiteSmall-BlueSmall */
/* ============================= */
.newButtonSpritePosition-pkSiteSmall-BlueSmallNext-normal-left {
  background-position: -2px -737px;
}

.newButtonSpritePosition-pkSiteSmall-BlueSmallNext-normal-middle {
  background-position: -19px -737px;
}

.newButtonSpritePosition-pkSiteSmall-BlueSmallNext-normal-right {
  background-position: -631px -737px;
  width: 17px;
}

.newButtonSpritePosition-pkSiteSmall-BlueSmallNext-hover-left {
  background-position: -2px -762px;
}

.newButtonSpritePosition-pkSiteSmall-BlueSmallNext-hover-middle {
  background-position: -19px -762px;
}

.newButtonSpritePosition-pkSiteSmall-BlueSmallNext-hover-right {
  background-position: -631px -762px;
  width: 17px;
}

.newButtonSpritePosition-pkSiteSmall-BlueSmallNext-disabled-left {
  background-position: -2px -787px;
}

.newButtonSpritePosition-pkSiteSmall-BlueSmallNext-disabled-middle {
  background-position: -19px -787px;
}

.newButtonSpritePosition-pkSiteSmall-BlueSmallNext-disabled-right {
  background-position: -631px -787px;
  width: 17px;
}

/* Sprite buttons - pkSiteSmall-BlueSmall */
/* ============================= */
.newButtonSpritePosition-pkSiteSmall-BlueSmallPrevious-normal-left {
  background-position: -2px -812px;
  width: 17px;
}

.newButtonSpritePosition-pkSiteSmall-BlueSmallPrevious-normal-middle {
  background-position: -19px -812px;
}

.newButtonSpritePosition-pkSiteSmall-BlueSmallPrevious-normal-right {
  background-position: -643px -812px;
}

.newButtonSpritePosition-pkSiteSmall-BlueSmallPrevious-hover-left {
  background-position: -2px -837px;
  width: 17px;
}

.newButtonSpritePosition-pkSiteSmall-BlueSmallPrevious-hover-middle {
  background-position: -19px -837px;
}

.newButtonSpritePosition-pkSiteSmall-BlueSmallPrevious-hover-right {
  background-position: -643px -837px;
}

.newButtonSpritePosition-pkSiteSmall-BlueSmallPrevious-disabled-left {
  background-position: -2px -862px;
  width: 17px;
}

.newButtonSpritePosition-pkSiteSmall-BlueSmallPrevious-disabled-middle {
  background-position: -19px -862px;
}

.newButtonSpritePosition-pkSiteSmall-BlueSmallPrevious-disabled-right {
  background-position: -643px -862px;
}

/* Button Icon */
.ButtonGiftIcon,
.ButtonGiftIconRoll,
.ButtonGreetingIcon,
.ButtonGreetingIconRoll {
  background-image: url("/FP/Assets/Images/Callout/callOutSprite.png?v=25");
  height: 24px;
}

.ButtonGiftIcon {
  width: 18px;
  background-position: 0 -39px;
}

.ButtonGiftIconRoll {
  width: 18px;
  background-position: -19px -39px;
}

.ButtonGreetingIcon {
  width: 21px;
  background-position: -38px -39px;
}

.ButtonGreetingIconRoll {
  width: 21px;
  background-position: -60px -39px;
}

/* DNA style buttons */
.newButtonSpriteBackground-dnaSite,
.newButtonSpriteBackground-dnaSmallSite {
  background-repeat: no-repeat;
  background-image: url("/FP/Assets/Images/FamilyTreeDNA/ButtonSpriteOrange.png?v=2");
}

.newButtonSpriteBackground-dnaSite-old,
.newButtonSpriteBackground-dnaSmallSite-old {
  background-image: url("/FP/Assets/Images/FamilyTreeDNA/ButtonSprite.png?v=6");
}

.newButtonSprite-dnaSite {
  font-size: 16px;
  height: 33px;
}

.newButtonSpriteMiddle-dnaSite-normal,
.newButtonSpriteMiddle-dnaSite-hover,
.newButtonSpriteMiddle-dnaSite-disabled {
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  min-width: 70px;
  /* 90px with the padding */
}

.newButtonSpriteSideWidth-dnaSite {
  width: 15px;
}

.newButtonSprite-dnaSmallSite {
  font-size: 12px;
  height: 23px;
}

.newButtonSpriteMiddle-dnaSmallSite-normal,
.newButtonSpriteMiddle-dnaSmallSite-hover,
.newButtonSpriteMiddle-dnaSmallSite-disabled {
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  padding-top: 2px;
  /* this is instead of "vertical-align: middle", which doesn't work well on windows */
  min-width: 40px;
  /* 60px with the padding */
  vertical-align: top;
}

.newButtonSpriteSideWidth-dnaSmallSite {
  width: 10px;
}

/* Without last 2 pixels */
.newButtonSpritePosition-dnaSite-Blue-normal-left {
  background-position: -2px -2px;
}

.newButtonSpritePosition-dnaSite-Blue-normal-middle {
  background-position: -17px -2px;
}

.newButtonSpritePosition-dnaSite-Blue-normal-right {
  background-position: -633px -2px;
}

.newButtonSpritePosition-dnaSite-Blue-hover-left {
  background-position: -2px -37px;
}

.newButtonSpritePosition-dnaSite-Blue-hover-middle {
  background-position: -17px -37px;
}

.newButtonSpritePosition-dnaSite-Blue-hover-right {
  background-position: -633px -37px;
}

.newButtonSpritePosition-dnaSite-Blue-disabled-left {
  background-position: -2px -72px;
}

.newButtonSpritePosition-dnaSite-Blue-disabled-middle {
  background-position: -17px -72px;
}

.newButtonSpritePosition-dnaSite-Blue-disabled-right {
  background-position: -633px -72px;
}

.newButtonSpritePosition-dnaSite-Blue-normal-middle,
.newButtonSpritePosition-dnaSite-Blue-hover-middle {
  color: #fff;
}

.newButtonSpriteBackground-dnaSite-old.newButtonSpritePosition-dnaSite-Blue-normal-middle,
.newButtonSpriteBackground-dnaSite-old.newButtonSpritePosition-dnaSite-Blue-hover-middle {
  color: #FFFFFF;
}

.newButtonSpritePosition-dnaSite-Blue-disabled-middle {
  color: #fff;
}

.newButtonSpriteBackground-dnaSite-old.newButtonSpritePosition-dnaSite-Blue-disabled-middle {
  color: white;
}

.qButton-dnaSite.qButton-Blue .qButton-left {
  background-position: right -2px;
}
.qButton-dnaSite.qButton-Blue .qButton-right {
  background-position: left -2px;
  color: #fff;
}
.qButton-dnaSite.qButton-Blue .qButton-old.qButton-right {
  color: #FFFFFF;
}

.qButton-dnaSite.qButton-Blue.ui-state-hover {
  text-decoration: none;
}
.qButton-dnaSite.qButton-Blue.ui-state-hover .qButton-left {
  background-position: right -37px;
}
.qButton-dnaSite.qButton-Blue.ui-state-hover .qButton-right {
  background-position: left -37px;
}

.qButton-dnaSite.qButton-Blue.ui-state-disabled .qButton-left {
  background-position: right -72px;
}
.qButton-dnaSite.qButton-Blue.ui-state-disabled .qButton-right {
  background-position: left -72px;
  color: #fff;
}
.qButton-dnaSite.qButton-Blue.ui-state-disabled .qButton-old.qButton-right {
  color: white;
}

/* Without last 2 pixels */
.newButtonSpritePosition-dnaSite-BlueBackward-normal-left {
  background-position: -2px -107px;
}

.newButtonSpritePosition-dnaSite-BlueBackward-normal-middle {
  background-position: -22px -107px;
}

.newButtonSpritePosition-dnaSite-BlueBackward-normal-right {
  background-position: -633px -107px;
}

.newButtonSpritePosition-dnaSite-BlueBackward-hover-left {
  background-position: -2px -142px;
}

.newButtonSpritePosition-dnaSite-BlueBackward-hover-middle {
  background-position: -22px -142px;
}

.newButtonSpritePosition-dnaSite-BlueBackward-hover-right {
  background-position: -633px -142px;
}

.newButtonSpritePosition-dnaSite-BlueBackward-disabled-left {
  background-position: -2px -177px;
}

.newButtonSpritePosition-dnaSite-BlueBackward-disabled-middle {
  background-position: -22px -177px;
}

.newButtonSpritePosition-dnaSite-BlueBackward-disabled-right {
  background-position: -633px -177px;
}

.newButtonSpritePosition-dnaSite-BlueBackward-normal-middle,
.newButtonSpritePosition-dnaSite-BlueBackward-hover-middle {
  color: #fff;
}

.newButtonSpriteBackground-dnaSite-old.newButtonSpritePosition-dnaSite-BlueBackward-normal-middle,
.newButtonSpriteBackground-dnaSite-old.newButtonSpritePosition-dnaSite-BlueBackward-hover-middle {
  color: #FFFFFF;
}

.newButtonSpritePosition-dnaSite-BlueBackward-disabled-middle {
  color: #fff;
}

.newButtonSpriteBackground-dnaSite-old.newButtonSpritePosition-dnaSite-BlueBackward-disabled-middle {
  color: white;
}

.qButton-dnaSite.qButton-BlueBackward .qButton-left {
  background-position: right -107px;
}
.qButton-dnaSite.qButton-BlueBackward .qButton-right {
  background-position: left -107px;
  color: #fff;
}
.qButton-dnaSite.qButton-BlueBackward .qButton-old.qButton-right {
  color: #FFFFFF;
}

.qButton-dnaSite.qButton-BlueBackward.ui-state-hover {
  text-decoration: none;
}
.qButton-dnaSite.qButton-BlueBackward.ui-state-hover .qButton-left {
  background-position: right -142px;
}
.qButton-dnaSite.qButton-BlueBackward.ui-state-hover .qButton-right {
  background-position: left -142px;
}

.qButton-dnaSite.qButton-BlueBackward.ui-state-disabled .qButton-left {
  background-position: right -177px;
}
.qButton-dnaSite.qButton-BlueBackward.ui-state-disabled .qButton-right {
  background-position: left -177px;
  color: #fff;
}
.qButton-dnaSite.qButton-BlueBackward.ui-state-disabled .qButton-old.qButton-right {
  color: white;
}

.newButtonSpritePosition-dnaSite-BlueBackward-normal-left .newButtonSpriteSideWidth-dnaSite,
.newButtonSpritePosition-dnaSite-BlueBackward-hover-left .newButtonSpriteSideWidth-dnaSite,
.newButtonSpritePosition-dnaSite-BlueBackward-disabled-left .newButtonSpriteSideWidth-dnaSite {
  width: 20px;
}

/* Without last 2 pixels */
.newButtonSpritePosition-dnaSite-BlueForward-normal-left {
  background-position: -2px -212px;
}

.newButtonSpritePosition-dnaSite-BlueForward-normal-middle {
  background-position: -17px -212px;
}

.newButtonSpritePosition-dnaSite-BlueForward-normal-right {
  background-position: -628px -212px;
}

.newButtonSpritePosition-dnaSite-BlueForward-hover-left {
  background-position: -2px -247px;
}

.newButtonSpritePosition-dnaSite-BlueForward-hover-middle {
  background-position: -17px -247px;
}

.newButtonSpritePosition-dnaSite-BlueForward-hover-right {
  background-position: -628px -247px;
}

.newButtonSpritePosition-dnaSite-BlueForward-disabled-left {
  background-position: -2px -282px;
}

.newButtonSpritePosition-dnaSite-BlueForward-disabled-middle {
  background-position: -17px -282px;
}

.newButtonSpritePosition-dnaSite-BlueForward-disabled-right {
  background-position: -628px -282px;
}

.newButtonSpritePosition-dnaSite-BlueForward-normal-middle,
.newButtonSpritePosition-dnaSite-BlueForward-hover-middle {
  color: #fff;
}

.newButtonSpriteBackground-dnaSite-old.newButtonSpritePosition-dnaSite-BlueForward-normal-middle,
.newButtonSpriteBackground-dnaSite-old.newButtonSpritePosition-dnaSite-BlueForward-hover-middle {
  color: #FFFFFF;
}

.newButtonSpritePosition-dnaSite-BlueForward-disabled-middle {
  color: #fff;
}

.newButtonSpriteBackground-dnaSite-old.newButtonSpritePosition-dnaSite-BlueForward-disabled-middle {
  color: white;
}

.qButton-dnaSite.qButton-BlueForward .qButton-left {
  background-position: right -212px;
}
.qButton-dnaSite.qButton-BlueForward .qButton-right {
  background-position: left -212px;
  color: #fff;
}
.qButton-dnaSite.qButton-BlueForward .qButton-old.qButton-right {
  color: #FFFFFF;
}

.qButton-dnaSite.qButton-BlueForward.ui-state-hover {
  text-decoration: none;
}
.qButton-dnaSite.qButton-BlueForward.ui-state-hover .qButton-left {
  background-position: right -247px;
}
.qButton-dnaSite.qButton-BlueForward.ui-state-hover .qButton-right {
  background-position: left -247px;
}

.qButton-dnaSite.qButton-BlueForward.ui-state-disabled .qButton-left {
  background-position: right -282px;
}
.qButton-dnaSite.qButton-BlueForward.ui-state-disabled .qButton-right {
  background-position: left -282px;
  color: #fff;
}
.qButton-dnaSite.qButton-BlueForward.ui-state-disabled .qButton-old.qButton-right {
  color: white;
}

.newButtonSpritePosition-dnaSite-BlueForward-normal-right .newButtonSpriteSideWidth-dnaSite,
.newButtonSpritePosition-dnaSite-BlueForward-hover-right .newButtonSpriteSideWidth-dnaSite,
.newButtonSpritePosition-dnaSite-BlueForward-disabled-right .newButtonSpriteSideWidth-dnaSite {
  width: 20px;
}

/* Without last 2 pixels */
.newButtonSpritePosition-dnaSite-DarkBlue-normal-left {
  background-position: -2px -317px;
}

.newButtonSpritePosition-dnaSite-DarkBlue-normal-middle {
  background-position: -17px -317px;
}

.newButtonSpritePosition-dnaSite-DarkBlue-normal-right {
  background-position: -633px -317px;
}

.newButtonSpritePosition-dnaSite-DarkBlue-hover-left {
  background-position: -2px -352px;
}

.newButtonSpritePosition-dnaSite-DarkBlue-hover-middle {
  background-position: -17px -352px;
}

.newButtonSpritePosition-dnaSite-DarkBlue-hover-right {
  background-position: -633px -352px;
}

.newButtonSpritePosition-dnaSite-DarkBlue-disabled-left {
  background-position: -2px -387px;
}

.newButtonSpritePosition-dnaSite-DarkBlue-disabled-middle {
  background-position: -17px -387px;
}

.newButtonSpritePosition-dnaSite-DarkBlue-disabled-right {
  background-position: -633px -387px;
}

.newButtonSpritePosition-dnaSite-DarkBlue-normal-middle,
.newButtonSpritePosition-dnaSite-DarkBlue-hover-middle {
  color: #fff;
}

.newButtonSpriteBackground-dnaSite-old.newButtonSpritePosition-dnaSite-DarkBlue-normal-middle,
.newButtonSpriteBackground-dnaSite-old.newButtonSpritePosition-dnaSite-DarkBlue-hover-middle {
  color: #FFFFFF;
}

.newButtonSpritePosition-dnaSite-DarkBlue-disabled-middle {
  color: #fff;
}

.newButtonSpriteBackground-dnaSite-old.newButtonSpritePosition-dnaSite-DarkBlue-disabled-middle {
  color: white;
}

.qButton-dnaSite.qButton-DarkBlue .qButton-left {
  background-position: right -317px;
}
.qButton-dnaSite.qButton-DarkBlue .qButton-right {
  background-position: left -317px;
  color: #fff;
}
.qButton-dnaSite.qButton-DarkBlue .qButton-old.qButton-right {
  color: #FFFFFF;
}

.qButton-dnaSite.qButton-DarkBlue.ui-state-hover {
  text-decoration: none;
}
.qButton-dnaSite.qButton-DarkBlue.ui-state-hover .qButton-left {
  background-position: right -352px;
}
.qButton-dnaSite.qButton-DarkBlue.ui-state-hover .qButton-right {
  background-position: left -352px;
}

.qButton-dnaSite.qButton-DarkBlue.ui-state-disabled .qButton-left {
  background-position: right -387px;
}
.qButton-dnaSite.qButton-DarkBlue.ui-state-disabled .qButton-right {
  background-position: left -387px;
  color: #fff;
}
.qButton-dnaSite.qButton-DarkBlue.ui-state-disabled .qButton-old.qButton-right {
  color: white;
}

/* Without last 2 pixels */
.newButtonSpritePosition-dnaSite-Green-normal-left {
  background-position: -2px -422px;
}

.newButtonSpritePosition-dnaSite-Green-normal-middle {
  background-position: -17px -422px;
}

.newButtonSpritePosition-dnaSite-Green-normal-right {
  background-position: -633px -422px;
}

.newButtonSpritePosition-dnaSite-Green-hover-left {
  background-position: -2px -457px;
}

.newButtonSpritePosition-dnaSite-Green-hover-middle {
  background-position: -17px -457px;
}

.newButtonSpritePosition-dnaSite-Green-hover-right {
  background-position: -633px -457px;
}

.newButtonSpritePosition-dnaSite-Green-disabled-left {
  background-position: -2px -492px;
}

.newButtonSpritePosition-dnaSite-Green-disabled-middle {
  background-position: -17px -492px;
}

.newButtonSpritePosition-dnaSite-Green-disabled-right {
  background-position: -633px -492px;
}

.newButtonSpritePosition-dnaSite-Green-normal-middle,
.newButtonSpritePosition-dnaSite-Green-hover-middle {
  color: #fff;
}

.newButtonSpriteBackground-dnaSite-old.newButtonSpritePosition-dnaSite-Green-normal-middle,
.newButtonSpriteBackground-dnaSite-old.newButtonSpritePosition-dnaSite-Green-hover-middle {
  color: #4c4c4c;
}

.newButtonSpritePosition-dnaSite-Green-disabled-middle {
  color: #fff;
}

.newButtonSpriteBackground-dnaSite-old.newButtonSpritePosition-dnaSite-Green-disabled-middle {
  color: #a6a6a6;
}

.qButton-dnaSite.qButton-Green .qButton-left {
  background-position: right -422px;
}
.qButton-dnaSite.qButton-Green .qButton-right {
  background-position: left -422px;
  color: #fff;
}
.qButton-dnaSite.qButton-Green .qButton-old.qButton-right {
  color: #4c4c4c;
}

.qButton-dnaSite.qButton-Green.ui-state-hover {
  text-decoration: none;
}
.qButton-dnaSite.qButton-Green.ui-state-hover .qButton-left {
  background-position: right -457px;
}
.qButton-dnaSite.qButton-Green.ui-state-hover .qButton-right {
  background-position: left -457px;
}

.qButton-dnaSite.qButton-Green.ui-state-disabled .qButton-left {
  background-position: right -492px;
}
.qButton-dnaSite.qButton-Green.ui-state-disabled .qButton-right {
  background-position: left -492px;
  color: #fff;
}
.qButton-dnaSite.qButton-Green.ui-state-disabled .qButton-old.qButton-right {
  color: #a6a6a6;
}

/* Without last 2 pixels */
.newButtonSpritePosition-dnaSite-Brown-normal-left {
  background-position: -2px -527px;
}

.newButtonSpritePosition-dnaSite-Brown-normal-middle {
  background-position: -17px -527px;
}

.newButtonSpritePosition-dnaSite-Brown-normal-right {
  background-position: -633px -527px;
}

.newButtonSpritePosition-dnaSite-Brown-hover-left {
  background-position: -2px -562px;
}

.newButtonSpritePosition-dnaSite-Brown-hover-middle {
  background-position: -17px -562px;
}

.newButtonSpritePosition-dnaSite-Brown-hover-right {
  background-position: -633px -562px;
}

.newButtonSpritePosition-dnaSite-Brown-disabled-left {
  background-position: -2px -597px;
}

.newButtonSpritePosition-dnaSite-Brown-disabled-middle {
  background-position: -17px -597px;
}

.newButtonSpritePosition-dnaSite-Brown-disabled-right {
  background-position: -633px -597px;
}

.newButtonSpritePosition-dnaSite-Brown-normal-middle,
.newButtonSpritePosition-dnaSite-Brown-hover-middle {
  color: #fff;
}

.newButtonSpriteBackground-dnaSite-old.newButtonSpritePosition-dnaSite-Brown-normal-middle,
.newButtonSpriteBackground-dnaSite-old.newButtonSpritePosition-dnaSite-Brown-hover-middle {
  color: #FFFFFF;
}

.newButtonSpritePosition-dnaSite-Brown-disabled-middle {
  color: #fff;
}

.newButtonSpriteBackground-dnaSite-old.newButtonSpritePosition-dnaSite-Brown-disabled-middle {
  color: white;
}

.qButton-dnaSite.qButton-Brown .qButton-left {
  background-position: right -527px;
}
.qButton-dnaSite.qButton-Brown .qButton-right {
  background-position: left -527px;
  color: #fff;
}
.qButton-dnaSite.qButton-Brown .qButton-old.qButton-right {
  color: #FFFFFF;
}

.qButton-dnaSite.qButton-Brown.ui-state-hover {
  text-decoration: none;
}
.qButton-dnaSite.qButton-Brown.ui-state-hover .qButton-left {
  background-position: right -562px;
}
.qButton-dnaSite.qButton-Brown.ui-state-hover .qButton-right {
  background-position: left -562px;
}

.qButton-dnaSite.qButton-Brown.ui-state-disabled .qButton-left {
  background-position: right -597px;
}
.qButton-dnaSite.qButton-Brown.ui-state-disabled .qButton-right {
  background-position: left -597px;
  color: #fff;
}
.qButton-dnaSite.qButton-Brown.ui-state-disabled .qButton-old.qButton-right {
  color: white;
}

/* Without last 2 pixels */
.newButtonSpritePosition-dnaSite-White-normal-left {
  background-position: -2px -632px;
}

.newButtonSpritePosition-dnaSite-White-normal-middle {
  background-position: -17px -632px;
}

.newButtonSpritePosition-dnaSite-White-normal-right {
  background-position: -633px -632px;
}

.newButtonSpritePosition-dnaSite-White-hover-left {
  background-position: -2px -667px;
}

.newButtonSpritePosition-dnaSite-White-hover-middle {
  background-position: -17px -667px;
}

.newButtonSpritePosition-dnaSite-White-hover-right {
  background-position: -633px -667px;
}

.newButtonSpritePosition-dnaSite-White-disabled-left {
  background-position: -2px -702px;
}

.newButtonSpritePosition-dnaSite-White-disabled-middle {
  background-position: -17px -702px;
}

.newButtonSpritePosition-dnaSite-White-disabled-right {
  background-position: -633px -702px;
}

.newButtonSpritePosition-dnaSite-White-normal-middle,
.newButtonSpritePosition-dnaSite-White-hover-middle {
  color: #f56932;
}

.newButtonSpriteBackground-dnaSite-old.newButtonSpritePosition-dnaSite-White-normal-middle,
.newButtonSpriteBackground-dnaSite-old.newButtonSpritePosition-dnaSite-White-hover-middle {
  color: #4c4c4c;
}

.newButtonSpritePosition-dnaSite-White-disabled-middle {
  color: #f56932;
}

.newButtonSpriteBackground-dnaSite-old.newButtonSpritePosition-dnaSite-White-disabled-middle {
  color: #a6a6a6;
}

.qButton-dnaSite.qButton-White .qButton-left {
  background-position: right -632px;
}
.qButton-dnaSite.qButton-White .qButton-right {
  background-position: left -632px;
  color: #f56932;
}
.qButton-dnaSite.qButton-White .qButton-old.qButton-right {
  color: #4c4c4c;
}

.qButton-dnaSite.qButton-White.ui-state-hover {
  text-decoration: none;
}
.qButton-dnaSite.qButton-White.ui-state-hover .qButton-left {
  background-position: right -667px;
}
.qButton-dnaSite.qButton-White.ui-state-hover .qButton-right {
  background-position: left -667px;
}

.qButton-dnaSite.qButton-White.ui-state-disabled .qButton-left {
  background-position: right -702px;
}
.qButton-dnaSite.qButton-White.ui-state-disabled .qButton-right {
  background-position: left -702px;
  color: #f56932;
}
.qButton-dnaSite.qButton-White.ui-state-disabled .qButton-old.qButton-right {
  color: #a6a6a6;
}

/* Without last 2 pixels */
.newButtonSpritePosition-dnaSite-WhiteBackward-normal-left {
  background-position: -2px -737px;
}

.newButtonSpritePosition-dnaSite-WhiteBackward-normal-middle {
  background-position: -22px -737px;
}

.newButtonSpritePosition-dnaSite-WhiteBackward-normal-right {
  background-position: -633px -737px;
}

.newButtonSpritePosition-dnaSite-WhiteBackward-hover-left {
  background-position: -2px -772px;
}

.newButtonSpritePosition-dnaSite-WhiteBackward-hover-middle {
  background-position: -22px -772px;
}

.newButtonSpritePosition-dnaSite-WhiteBackward-hover-right {
  background-position: -633px -772px;
}

.newButtonSpritePosition-dnaSite-WhiteBackward-disabled-left {
  background-position: -2px -807px;
}

.newButtonSpritePosition-dnaSite-WhiteBackward-disabled-middle {
  background-position: -22px -807px;
}

.newButtonSpritePosition-dnaSite-WhiteBackward-disabled-right {
  background-position: -633px -807px;
}

.newButtonSpritePosition-dnaSite-WhiteBackward-normal-middle,
.newButtonSpritePosition-dnaSite-WhiteBackward-hover-middle {
  color: #f56932;
}

.newButtonSpriteBackground-dnaSite-old.newButtonSpritePosition-dnaSite-WhiteBackward-normal-middle,
.newButtonSpriteBackground-dnaSite-old.newButtonSpritePosition-dnaSite-WhiteBackward-hover-middle {
  color: #4c4c4c;
}

.newButtonSpritePosition-dnaSite-WhiteBackward-disabled-middle {
  color: #f56932;
}

.newButtonSpriteBackground-dnaSite-old.newButtonSpritePosition-dnaSite-WhiteBackward-disabled-middle {
  color: #a6a6a6;
}

.qButton-dnaSite.qButton-WhiteBackward .qButton-left {
  background-position: right -737px;
}
.qButton-dnaSite.qButton-WhiteBackward .qButton-right {
  background-position: left -737px;
  color: #f56932;
}
.qButton-dnaSite.qButton-WhiteBackward .qButton-old.qButton-right {
  color: #4c4c4c;
}

.qButton-dnaSite.qButton-WhiteBackward.ui-state-hover {
  text-decoration: none;
}
.qButton-dnaSite.qButton-WhiteBackward.ui-state-hover .qButton-left {
  background-position: right -772px;
}
.qButton-dnaSite.qButton-WhiteBackward.ui-state-hover .qButton-right {
  background-position: left -772px;
}

.qButton-dnaSite.qButton-WhiteBackward.ui-state-disabled .qButton-left {
  background-position: right -807px;
}
.qButton-dnaSite.qButton-WhiteBackward.ui-state-disabled .qButton-right {
  background-position: left -807px;
  color: #f56932;
}
.qButton-dnaSite.qButton-WhiteBackward.ui-state-disabled .qButton-old.qButton-right {
  color: #a6a6a6;
}

.newButtonSpritePosition-dnaSite-WhiteBackward-normal-left .newButtonSpriteSideWidth-dnaSite,
.newButtonSpritePosition-dnaSite-WhiteBackward-hover-left .newButtonSpriteSideWidth-dnaSite,
.newButtonSpritePosition-dnaSite-WhiteBackward-disabled-left .newButtonSpriteSideWidth-dnaSite {
  width: 20px;
}

/* Without last 2 pixels */
.newButtonSpritePosition-dnaSite-WhiteForward-normal-left {
  background-position: -2px -842px;
}

.newButtonSpritePosition-dnaSite-WhiteForward-normal-middle {
  background-position: -17px -842px;
}

.newButtonSpritePosition-dnaSite-WhiteForward-normal-right {
  background-position: -628px -842px;
}

.newButtonSpritePosition-dnaSite-WhiteForward-hover-left {
  background-position: -2px -877px;
}

.newButtonSpritePosition-dnaSite-WhiteForward-hover-middle {
  background-position: -17px -877px;
}

.newButtonSpritePosition-dnaSite-WhiteForward-hover-right {
  background-position: -628px -877px;
}

.newButtonSpritePosition-dnaSite-WhiteForward-disabled-left {
  background-position: -2px -912px;
}

.newButtonSpritePosition-dnaSite-WhiteForward-disabled-middle {
  background-position: -17px -912px;
}

.newButtonSpritePosition-dnaSite-WhiteForward-disabled-right {
  background-position: -628px -912px;
}

.newButtonSpritePosition-dnaSite-WhiteForward-normal-middle,
.newButtonSpritePosition-dnaSite-WhiteForward-hover-middle {
  color: #f56932;
}

.newButtonSpriteBackground-dnaSite-old.newButtonSpritePosition-dnaSite-WhiteForward-normal-middle,
.newButtonSpriteBackground-dnaSite-old.newButtonSpritePosition-dnaSite-WhiteForward-hover-middle {
  color: #4c4c4c;
}

.newButtonSpritePosition-dnaSite-WhiteForward-disabled-middle {
  color: #f56932;
}

.newButtonSpriteBackground-dnaSite-old.newButtonSpritePosition-dnaSite-WhiteForward-disabled-middle {
  color: #a6a6a6;
}

.qButton-dnaSite.qButton-WhiteForward .qButton-left {
  background-position: right -842px;
}
.qButton-dnaSite.qButton-WhiteForward .qButton-right {
  background-position: left -842px;
  color: #f56932;
}
.qButton-dnaSite.qButton-WhiteForward .qButton-old.qButton-right {
  color: #4c4c4c;
}

.qButton-dnaSite.qButton-WhiteForward.ui-state-hover {
  text-decoration: none;
}
.qButton-dnaSite.qButton-WhiteForward.ui-state-hover .qButton-left {
  background-position: right -877px;
}
.qButton-dnaSite.qButton-WhiteForward.ui-state-hover .qButton-right {
  background-position: left -877px;
}

.qButton-dnaSite.qButton-WhiteForward.ui-state-disabled .qButton-left {
  background-position: right -912px;
}
.qButton-dnaSite.qButton-WhiteForward.ui-state-disabled .qButton-right {
  background-position: left -912px;
  color: #f56932;
}
.qButton-dnaSite.qButton-WhiteForward.ui-state-disabled .qButton-old.qButton-right {
  color: #a6a6a6;
}

.newButtonSpritePosition-dnaSite-WhiteForward-normal-right .newButtonSpriteSideWidth-dnaSite,
.newButtonSpritePosition-dnaSite-WhiteForward-hover-right .newButtonSpriteSideWidth-dnaSite,
.newButtonSpritePosition-dnaSite-WhiteForward-disabled-right .newButtonSpriteSideWidth-dnaSite {
  width: 20px;
}

/* Without last 2 pixels */
.newButtonSpritePosition-dnaSmallSite-Blue-normal-left {
  background-position: -2px -947px;
}

.newButtonSpritePosition-dnaSmallSite-Blue-normal-middle {
  background-position: -12px -947px;
}

.newButtonSpritePosition-dnaSmallSite-Blue-normal-right {
  background-position: -638px -947px;
}

.newButtonSpritePosition-dnaSmallSite-Blue-hover-left {
  background-position: -2px -972px;
}

.newButtonSpritePosition-dnaSmallSite-Blue-hover-middle {
  background-position: -12px -972px;
}

.newButtonSpritePosition-dnaSmallSite-Blue-hover-right {
  background-position: -638px -972px;
}

.newButtonSpritePosition-dnaSmallSite-Blue-disabled-left {
  background-position: -2px -997px;
}

.newButtonSpritePosition-dnaSmallSite-Blue-disabled-middle {
  background-position: -12px -997px;
}

.newButtonSpritePosition-dnaSmallSite-Blue-disabled-right {
  background-position: -638px -997px;
}

.newButtonSpritePosition-dnaSmallSite-Blue-normal-middle,
.newButtonSpritePosition-dnaSmallSite-Blue-hover-middle {
  color: #fff;
}

.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-Blue-normal-middle,
.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-Blue-hover-middle {
  color: #FFFFFF;
}

.newButtonSpritePosition-dnaSmallSite-Blue-disabled-middle {
  color: #fff;
}

.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-Blue-disabled-middle {
  color: white;
}

.qButton-dnaSmallSite.qButton-Blue .qButton-left {
  background-position: right -947px;
}
.qButton-dnaSmallSite.qButton-Blue .qButton-right {
  background-position: left -947px;
  color: #fff;
}
.qButton-dnaSmallSite.qButton-Blue .qButton-old.qButton-right {
  color: #FFFFFF;
}

.qButton-dnaSmallSite.qButton-Blue.ui-state-hover {
  text-decoration: none;
}
.qButton-dnaSmallSite.qButton-Blue.ui-state-hover .qButton-left {
  background-position: right -972px;
}
.qButton-dnaSmallSite.qButton-Blue.ui-state-hover .qButton-right {
  background-position: left -972px;
}

.qButton-dnaSmallSite.qButton-Blue.ui-state-disabled .qButton-left {
  background-position: right -997px;
}
.qButton-dnaSmallSite.qButton-Blue.ui-state-disabled .qButton-right {
  background-position: left -997px;
  color: #fff;
}
.qButton-dnaSmallSite.qButton-Blue.ui-state-disabled .qButton-old.qButton-right {
  color: white;
}

/* Without last 2 pixels */
.newButtonSpritePosition-dnaSmallSite-BlueBackward-normal-left {
  background-position: -2px -1022px;
}

.newButtonSpritePosition-dnaSmallSite-BlueBackward-normal-middle {
  background-position: -12px -1022px;
}

.newButtonSpritePosition-dnaSmallSite-BlueBackward-normal-right {
  background-position: -638px -1022px;
}

.newButtonSpritePosition-dnaSmallSite-BlueBackward-hover-left {
  background-position: -2px -1047px;
}

.newButtonSpritePosition-dnaSmallSite-BlueBackward-hover-middle {
  background-position: -12px -1047px;
}

.newButtonSpritePosition-dnaSmallSite-BlueBackward-hover-right {
  background-position: -638px -1047px;
}

.newButtonSpritePosition-dnaSmallSite-BlueBackward-disabled-left {
  background-position: -2px -1072px;
}

.newButtonSpritePosition-dnaSmallSite-BlueBackward-disabled-middle {
  background-position: -12px -1072px;
}

.newButtonSpritePosition-dnaSmallSite-BlueBackward-disabled-right {
  background-position: -638px -1072px;
}

.newButtonSpritePosition-dnaSmallSite-BlueBackward-normal-middle,
.newButtonSpritePosition-dnaSmallSite-BlueBackward-hover-middle {
  color: #fff;
}

.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-BlueBackward-normal-middle,
.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-BlueBackward-hover-middle {
  color: #FFFFFF;
}

.newButtonSpritePosition-dnaSmallSite-BlueBackward-disabled-middle {
  color: #fff;
}

.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-BlueBackward-disabled-middle {
  color: white;
}

.qButton-dnaSmallSite.qButton-BlueBackward .qButton-left {
  background-position: right -1022px;
}
.qButton-dnaSmallSite.qButton-BlueBackward .qButton-right {
  background-position: left -1022px;
  color: #fff;
}
.qButton-dnaSmallSite.qButton-BlueBackward .qButton-old.qButton-right {
  color: #FFFFFF;
}

.qButton-dnaSmallSite.qButton-BlueBackward.ui-state-hover {
  text-decoration: none;
}
.qButton-dnaSmallSite.qButton-BlueBackward.ui-state-hover .qButton-left {
  background-position: right -1047px;
}
.qButton-dnaSmallSite.qButton-BlueBackward.ui-state-hover .qButton-right {
  background-position: left -1047px;
}

.qButton-dnaSmallSite.qButton-BlueBackward.ui-state-disabled .qButton-left {
  background-position: right -1072px;
}
.qButton-dnaSmallSite.qButton-BlueBackward.ui-state-disabled .qButton-right {
  background-position: left -1072px;
  color: #fff;
}
.qButton-dnaSmallSite.qButton-BlueBackward.ui-state-disabled .qButton-old.qButton-right {
  color: white;
}

.newButtonSpritePosition-dnaSmallSite-BlueBackward-normal-left .newButtonSpriteSideWidth-dnaSmallSite,
.newButtonSpritePosition-dnaSmallSite-BlueBackward-hover-left .newButtonSpriteSideWidth-dnaSmallSite,
.newButtonSpritePosition-dnaSmallSite-BlueBackward-disabled-left .newButtonSpriteSideWidth-dnaSmallSite {
  width: 15px;
}

/* Without last 2 pixels */
.newButtonSpritePosition-dnaSmallSite-BlueForward-normal-left {
  background-position: -2px -1097px;
}

.newButtonSpritePosition-dnaSmallSite-BlueForward-normal-middle {
  background-position: -12px -1097px;
}

.newButtonSpritePosition-dnaSmallSite-BlueForward-normal-right {
  background-position: -633px -1097px;
}

.newButtonSpritePosition-dnaSmallSite-BlueForward-hover-left {
  background-position: -2px -1122px;
}

.newButtonSpritePosition-dnaSmallSite-BlueForward-hover-middle {
  background-position: -12px -1122px;
}

.newButtonSpritePosition-dnaSmallSite-BlueForward-hover-right {
  background-position: -633px -1122px;
}

.newButtonSpritePosition-dnaSmallSite-BlueForward-disabled-left {
  background-position: -2px -1147px;
}

.newButtonSpritePosition-dnaSmallSite-BlueForward-disabled-middle {
  background-position: -12px -1147px;
}

.newButtonSpritePosition-dnaSmallSite-BlueForward-disabled-right {
  background-position: -633px -1147px;
}

.newButtonSpritePosition-dnaSmallSite-BlueForward-normal-middle,
.newButtonSpritePosition-dnaSmallSite-BlueForward-hover-middle {
  color: #fff;
}

.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-BlueForward-normal-middle,
.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-BlueForward-hover-middle {
  color: #FFFFFF;
}

.newButtonSpritePosition-dnaSmallSite-BlueForward-disabled-middle {
  color: #fff;
}

.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-BlueForward-disabled-middle {
  color: white;
}

.qButton-dnaSmallSite.qButton-BlueForward .qButton-left {
  background-position: right -1097px;
}
.qButton-dnaSmallSite.qButton-BlueForward .qButton-right {
  background-position: left -1097px;
  color: #fff;
}
.qButton-dnaSmallSite.qButton-BlueForward .qButton-old.qButton-right {
  color: #FFFFFF;
}

.qButton-dnaSmallSite.qButton-BlueForward.ui-state-hover {
  text-decoration: none;
}
.qButton-dnaSmallSite.qButton-BlueForward.ui-state-hover .qButton-left {
  background-position: right -1122px;
}
.qButton-dnaSmallSite.qButton-BlueForward.ui-state-hover .qButton-right {
  background-position: left -1122px;
}

.qButton-dnaSmallSite.qButton-BlueForward.ui-state-disabled .qButton-left {
  background-position: right -1147px;
}
.qButton-dnaSmallSite.qButton-BlueForward.ui-state-disabled .qButton-right {
  background-position: left -1147px;
  color: #fff;
}
.qButton-dnaSmallSite.qButton-BlueForward.ui-state-disabled .qButton-old.qButton-right {
  color: white;
}

.newButtonSpritePosition-dnaSmallSite-BlueForward-normal-right .newButtonSpriteSideWidth-dnaSmallSite,
.newButtonSpritePosition-dnaSmallSite-BlueForward-hover-right .newButtonSpriteSideWidth-dnaSmallSite,
.newButtonSpritePosition-dnaSmallSite-BlueForward-disabled-right .newButtonSpriteSideWidth-dnaSmallSite {
  width: 15px;
}

/* Without last 2 pixels */
.newButtonSpritePosition-dnaSmallSite-White-normal-left {
  background-position: -2px -1172px;
}

.newButtonSpritePosition-dnaSmallSite-White-normal-middle {
  background-position: -12px -1172px;
}

.newButtonSpritePosition-dnaSmallSite-White-normal-right {
  background-position: -638px -1172px;
}

.newButtonSpritePosition-dnaSmallSite-White-hover-left {
  background-position: -2px -1197px;
}

.newButtonSpritePosition-dnaSmallSite-White-hover-middle {
  background-position: -12px -1197px;
}

.newButtonSpritePosition-dnaSmallSite-White-hover-right {
  background-position: -638px -1197px;
}

.newButtonSpritePosition-dnaSmallSite-White-disabled-left {
  background-position: -2px -1222px;
}

.newButtonSpritePosition-dnaSmallSite-White-disabled-middle {
  background-position: -12px -1222px;
}

.newButtonSpritePosition-dnaSmallSite-White-disabled-right {
  background-position: -638px -1222px;
}

.newButtonSpritePosition-dnaSmallSite-White-normal-middle,
.newButtonSpritePosition-dnaSmallSite-White-hover-middle {
  color: #f56932;
}

.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-White-normal-middle,
.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-White-hover-middle {
  color: #4c4c4c;
}

.newButtonSpritePosition-dnaSmallSite-White-disabled-middle {
  color: #f56932;
}

.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-White-disabled-middle {
  color: #a6a6a6;
}

.qButton-dnaSmallSite.qButton-White .qButton-left {
  background-position: right -1172px;
}
.qButton-dnaSmallSite.qButton-White .qButton-right {
  background-position: left -1172px;
  color: #f56932;
}
.qButton-dnaSmallSite.qButton-White .qButton-old.qButton-right {
  color: #4c4c4c;
}

.qButton-dnaSmallSite.qButton-White.ui-state-hover {
  text-decoration: none;
}
.qButton-dnaSmallSite.qButton-White.ui-state-hover .qButton-left {
  background-position: right -1197px;
}
.qButton-dnaSmallSite.qButton-White.ui-state-hover .qButton-right {
  background-position: left -1197px;
}

.qButton-dnaSmallSite.qButton-White.ui-state-disabled .qButton-left {
  background-position: right -1222px;
}
.qButton-dnaSmallSite.qButton-White.ui-state-disabled .qButton-right {
  background-position: left -1222px;
  color: #f56932;
}
.qButton-dnaSmallSite.qButton-White.ui-state-disabled .qButton-old.qButton-right {
  color: #a6a6a6;
}

/* Without last 2 pixels */
.newButtonSpritePosition-dnaSmallSite-WhiteBackward-normal-left {
  background-position: -2px -1247px;
}

.newButtonSpritePosition-dnaSmallSite-WhiteBackward-normal-middle {
  background-position: -12px -1247px;
}

.newButtonSpritePosition-dnaSmallSite-WhiteBackward-normal-right {
  background-position: -638px -1247px;
}

.newButtonSpritePosition-dnaSmallSite-WhiteBackward-hover-left {
  background-position: -2px -1272px;
}

.newButtonSpritePosition-dnaSmallSite-WhiteBackward-hover-middle {
  background-position: -12px -1272px;
}

.newButtonSpritePosition-dnaSmallSite-WhiteBackward-hover-right {
  background-position: -638px -1272px;
}

.newButtonSpritePosition-dnaSmallSite-WhiteBackward-disabled-left {
  background-position: -2px -1297px;
}

.newButtonSpritePosition-dnaSmallSite-WhiteBackward-disabled-middle {
  background-position: -12px -1297px;
}

.newButtonSpritePosition-dnaSmallSite-WhiteBackward-disabled-right {
  background-position: -638px -1297px;
}

.newButtonSpritePosition-dnaSmallSite-WhiteBackward-normal-middle,
.newButtonSpritePosition-dnaSmallSite-WhiteBackward-hover-middle {
  color: #f56932;
}

.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-WhiteBackward-normal-middle,
.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-WhiteBackward-hover-middle {
  color: #4c4c4c;
}

.newButtonSpritePosition-dnaSmallSite-WhiteBackward-disabled-middle {
  color: #f56932;
}

.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-WhiteBackward-disabled-middle {
  color: #a6a6a6;
}

.qButton-dnaSmallSite.qButton-WhiteBackward .qButton-left {
  background-position: right -1247px;
}
.qButton-dnaSmallSite.qButton-WhiteBackward .qButton-right {
  background-position: left -1247px;
  color: #f56932;
}
.qButton-dnaSmallSite.qButton-WhiteBackward .qButton-old.qButton-right {
  color: #4c4c4c;
}

.qButton-dnaSmallSite.qButton-WhiteBackward.ui-state-hover {
  text-decoration: none;
}
.qButton-dnaSmallSite.qButton-WhiteBackward.ui-state-hover .qButton-left {
  background-position: right -1272px;
}
.qButton-dnaSmallSite.qButton-WhiteBackward.ui-state-hover .qButton-right {
  background-position: left -1272px;
}

.qButton-dnaSmallSite.qButton-WhiteBackward.ui-state-disabled .qButton-left {
  background-position: right -1297px;
}
.qButton-dnaSmallSite.qButton-WhiteBackward.ui-state-disabled .qButton-right {
  background-position: left -1297px;
  color: #f56932;
}
.qButton-dnaSmallSite.qButton-WhiteBackward.ui-state-disabled .qButton-old.qButton-right {
  color: #a6a6a6;
}

.newButtonSpritePosition-dnaSmallSite-WhiteBackward-normal-left .newButtonSpriteSideWidth-dnaSmallSite,
.newButtonSpritePosition-dnaSmallSite-WhiteBackward-hover-left .newButtonSpriteSideWidth-dnaSmallSite,
.newButtonSpritePosition-dnaSmallSite-WhiteBackward-disabled-left .newButtonSpriteSideWidth-dnaSmallSite {
  width: 15px;
}

/* Without last 2 pixels */
.newButtonSpritePosition-dnaSmallSite-WhiteForward-normal-left {
  background-position: -2px -1322px;
}

.newButtonSpritePosition-dnaSmallSite-WhiteForward-normal-middle {
  background-position: -12px -1322px;
}

.newButtonSpritePosition-dnaSmallSite-WhiteForward-normal-right {
  background-position: -633px -1322px;
}

.newButtonSpritePosition-dnaSmallSite-WhiteForward-hover-left {
  background-position: -2px -1347px;
}

.newButtonSpritePosition-dnaSmallSite-WhiteForward-hover-middle {
  background-position: -12px -1347px;
}

.newButtonSpritePosition-dnaSmallSite-WhiteForward-hover-right {
  background-position: -633px -1347px;
}

.newButtonSpritePosition-dnaSmallSite-WhiteForward-disabled-left {
  background-position: -2px -1372px;
}

.newButtonSpritePosition-dnaSmallSite-WhiteForward-disabled-middle {
  background-position: -12px -1372px;
}

.newButtonSpritePosition-dnaSmallSite-WhiteForward-disabled-right {
  background-position: -633px -1372px;
}

.newButtonSpritePosition-dnaSmallSite-WhiteForward-normal-middle,
.newButtonSpritePosition-dnaSmallSite-WhiteForward-hover-middle {
  color: #f56932;
}

.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-WhiteForward-normal-middle,
.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-WhiteForward-hover-middle {
  color: #4c4c4c;
}

.newButtonSpritePosition-dnaSmallSite-WhiteForward-disabled-middle {
  color: #f56932;
}

.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-WhiteForward-disabled-middle {
  color: #a6a6a6;
}

.qButton-dnaSmallSite.qButton-WhiteForward .qButton-left {
  background-position: right -1322px;
}
.qButton-dnaSmallSite.qButton-WhiteForward .qButton-right {
  background-position: left -1322px;
  color: #f56932;
}
.qButton-dnaSmallSite.qButton-WhiteForward .qButton-old.qButton-right {
  color: #4c4c4c;
}

.qButton-dnaSmallSite.qButton-WhiteForward.ui-state-hover {
  text-decoration: none;
}
.qButton-dnaSmallSite.qButton-WhiteForward.ui-state-hover .qButton-left {
  background-position: right -1347px;
}
.qButton-dnaSmallSite.qButton-WhiteForward.ui-state-hover .qButton-right {
  background-position: left -1347px;
}

.qButton-dnaSmallSite.qButton-WhiteForward.ui-state-disabled .qButton-left {
  background-position: right -1372px;
}
.qButton-dnaSmallSite.qButton-WhiteForward.ui-state-disabled .qButton-right {
  background-position: left -1372px;
  color: #f56932;
}
.qButton-dnaSmallSite.qButton-WhiteForward.ui-state-disabled .qButton-old.qButton-right {
  color: #a6a6a6;
}

.newButtonSpritePosition-dnaSmallSite-WhiteForward-normal-right .newButtonSpriteSideWidth-dnaSmallSite,
.newButtonSpritePosition-dnaSmallSite-WhiteForward-hover-right .newButtonSpriteSideWidth-dnaSmallSite,
.newButtonSpritePosition-dnaSmallSite-WhiteForward-disabled-right .newButtonSpriteSideWidth-dnaSmallSite {
  width: 15px;
}

/* Without last 2 pixels */
.newButtonSpritePosition-dnaSmallSite-Orange-normal-left {
  background-position: -2px -1397px;
}

.newButtonSpritePosition-dnaSmallSite-Orange-normal-middle {
  background-position: -12px -1397px;
}

.newButtonSpritePosition-dnaSmallSite-Orange-normal-right {
  background-position: -638px -1397px;
}

.newButtonSpritePosition-dnaSmallSite-Orange-hover-left {
  background-position: -2px -1422px;
}

.newButtonSpritePosition-dnaSmallSite-Orange-hover-middle {
  background-position: -12px -1422px;
}

.newButtonSpritePosition-dnaSmallSite-Orange-hover-right {
  background-position: -638px -1422px;
}

.newButtonSpritePosition-dnaSmallSite-Orange-disabled-left {
  background-position: -2px -1447px;
}

.newButtonSpritePosition-dnaSmallSite-Orange-disabled-middle {
  background-position: -12px -1447px;
}

.newButtonSpritePosition-dnaSmallSite-Orange-disabled-right {
  background-position: -638px -1447px;
}

.newButtonSpritePosition-dnaSmallSite-Orange-normal-middle,
.newButtonSpritePosition-dnaSmallSite-Orange-hover-middle {
  color: #fff;
}

.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-Orange-normal-middle,
.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-Orange-hover-middle {
  color: #FFFFFF;
}

.newButtonSpritePosition-dnaSmallSite-Orange-disabled-middle {
  color: #fff;
}

.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-Orange-disabled-middle {
  color: white;
}

.qButton-dnaSmallSite.qButton-Orange .qButton-left {
  background-position: right -1397px;
}
.qButton-dnaSmallSite.qButton-Orange .qButton-right {
  background-position: left -1397px;
  color: #fff;
}
.qButton-dnaSmallSite.qButton-Orange .qButton-old.qButton-right {
  color: #FFFFFF;
}

.qButton-dnaSmallSite.qButton-Orange.ui-state-hover {
  text-decoration: none;
}
.qButton-dnaSmallSite.qButton-Orange.ui-state-hover .qButton-left {
  background-position: right -1422px;
}
.qButton-dnaSmallSite.qButton-Orange.ui-state-hover .qButton-right {
  background-position: left -1422px;
}

.qButton-dnaSmallSite.qButton-Orange.ui-state-disabled .qButton-left {
  background-position: right -1447px;
}
.qButton-dnaSmallSite.qButton-Orange.ui-state-disabled .qButton-right {
  background-position: left -1447px;
  color: #fff;
}
.qButton-dnaSmallSite.qButton-Orange.ui-state-disabled .qButton-old.qButton-right {
  color: white;
}

/* Without last 2 pixels */
.newButtonSpritePosition-dnaSmallSite-Green-normal-left {
  background-position: -2px -1472px;
}

.newButtonSpritePosition-dnaSmallSite-Green-normal-middle {
  background-position: -12px -1472px;
}

.newButtonSpritePosition-dnaSmallSite-Green-normal-right {
  background-position: -638px -1472px;
}

.newButtonSpritePosition-dnaSmallSite-Green-hover-left {
  background-position: -2px -1497px;
}

.newButtonSpritePosition-dnaSmallSite-Green-hover-middle {
  background-position: -12px -1497px;
}

.newButtonSpritePosition-dnaSmallSite-Green-hover-right {
  background-position: -638px -1497px;
}

.newButtonSpritePosition-dnaSmallSite-Green-disabled-left {
  background-position: -2px -1522px;
}

.newButtonSpritePosition-dnaSmallSite-Green-disabled-middle {
  background-position: -12px -1522px;
}

.newButtonSpritePosition-dnaSmallSite-Green-disabled-right {
  background-position: -638px -1522px;
}

.newButtonSpritePosition-dnaSmallSite-Green-normal-middle,
.newButtonSpritePosition-dnaSmallSite-Green-hover-middle {
  color: #fff;
}

.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-Green-normal-middle,
.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-Green-hover-middle {
  color: #4c4c4c;
}

.newButtonSpritePosition-dnaSmallSite-Green-disabled-middle {
  color: #fff;
}

.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-Green-disabled-middle {
  color: #a6a6a6;
}

.qButton-dnaSmallSite.qButton-Green .qButton-left {
  background-position: right -1472px;
}
.qButton-dnaSmallSite.qButton-Green .qButton-right {
  background-position: left -1472px;
  color: #fff;
}
.qButton-dnaSmallSite.qButton-Green .qButton-old.qButton-right {
  color: #4c4c4c;
}

.qButton-dnaSmallSite.qButton-Green.ui-state-hover {
  text-decoration: none;
}
.qButton-dnaSmallSite.qButton-Green.ui-state-hover .qButton-left {
  background-position: right -1497px;
}
.qButton-dnaSmallSite.qButton-Green.ui-state-hover .qButton-right {
  background-position: left -1497px;
}

.qButton-dnaSmallSite.qButton-Green.ui-state-disabled .qButton-left {
  background-position: right -1522px;
}
.qButton-dnaSmallSite.qButton-Green.ui-state-disabled .qButton-right {
  background-position: left -1522px;
  color: #fff;
}
.qButton-dnaSmallSite.qButton-Green.ui-state-disabled .qButton-old.qButton-right {
  color: #a6a6a6;
}

/* Without last 2 pixels */
.newButtonSpritePosition-dnaSmallSite-SMGreen-normal-left {
  background-position: -2px -1547px;
}

.newButtonSpritePosition-dnaSmallSite-SMGreen-normal-middle {
  background-position: -12px -1547px;
}

.newButtonSpritePosition-dnaSmallSite-SMGreen-normal-right {
  background-position: -638px -1547px;
}

.newButtonSpritePosition-dnaSmallSite-SMGreen-hover-left {
  background-position: -2px -1572px;
}

.newButtonSpritePosition-dnaSmallSite-SMGreen-hover-middle {
  background-position: -12px -1572px;
}

.newButtonSpritePosition-dnaSmallSite-SMGreen-hover-right {
  background-position: -638px -1572px;
}

.newButtonSpritePosition-dnaSmallSite-SMGreen-disabled-left {
  background-position: -2px -1597px;
}

.newButtonSpritePosition-dnaSmallSite-SMGreen-disabled-middle {
  background-position: -12px -1597px;
}

.newButtonSpritePosition-dnaSmallSite-SMGreen-disabled-right {
  background-position: -638px -1597px;
}

.newButtonSpritePosition-dnaSmallSite-SMGreen-normal-middle,
.newButtonSpritePosition-dnaSmallSite-SMGreen-hover-middle {
  color: #fff;
}

.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-SMGreen-normal-middle,
.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-SMGreen-hover-middle {
  color: #FFFFFF;
}

.newButtonSpritePosition-dnaSmallSite-SMGreen-disabled-middle {
  color: #fff;
}

.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-SMGreen-disabled-middle {
  color: white;
}

.qButton-dnaSmallSite.qButton-SMGreen .qButton-left {
  background-position: right -1547px;
}
.qButton-dnaSmallSite.qButton-SMGreen .qButton-right {
  background-position: left -1547px;
  color: #fff;
}
.qButton-dnaSmallSite.qButton-SMGreen .qButton-old.qButton-right {
  color: #FFFFFF;
}

.qButton-dnaSmallSite.qButton-SMGreen.ui-state-hover {
  text-decoration: none;
}
.qButton-dnaSmallSite.qButton-SMGreen.ui-state-hover .qButton-left {
  background-position: right -1572px;
}
.qButton-dnaSmallSite.qButton-SMGreen.ui-state-hover .qButton-right {
  background-position: left -1572px;
}

.qButton-dnaSmallSite.qButton-SMGreen.ui-state-disabled .qButton-left {
  background-position: right -1597px;
}
.qButton-dnaSmallSite.qButton-SMGreen.ui-state-disabled .qButton-right {
  background-position: left -1597px;
  color: #fff;
}
.qButton-dnaSmallSite.qButton-SMGreen.ui-state-disabled .qButton-old.qButton-right {
  color: white;
}

/* Without last 2 pixels */
.newButtonSpritePosition-dnaSmallSite-RMBrown-normal-left {
  background-position: -2px -1622px;
}

.newButtonSpritePosition-dnaSmallSite-RMBrown-normal-middle {
  background-position: -12px -1622px;
}

.newButtonSpritePosition-dnaSmallSite-RMBrown-normal-right {
  background-position: -638px -1622px;
}

.newButtonSpritePosition-dnaSmallSite-RMBrown-hover-left {
  background-position: -2px -1647px;
}

.newButtonSpritePosition-dnaSmallSite-RMBrown-hover-middle {
  background-position: -12px -1647px;
}

.newButtonSpritePosition-dnaSmallSite-RMBrown-hover-right {
  background-position: -638px -1647px;
}

.newButtonSpritePosition-dnaSmallSite-RMBrown-disabled-left {
  background-position: -2px -1672px;
}

.newButtonSpritePosition-dnaSmallSite-RMBrown-disabled-middle {
  background-position: -12px -1672px;
}

.newButtonSpritePosition-dnaSmallSite-RMBrown-disabled-right {
  background-position: -638px -1672px;
}

.newButtonSpritePosition-dnaSmallSite-RMBrown-normal-middle,
.newButtonSpritePosition-dnaSmallSite-RMBrown-hover-middle {
  color: #fff;
}

.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-RMBrown-normal-middle,
.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-RMBrown-hover-middle {
  color: #FFFFFF;
}

.newButtonSpritePosition-dnaSmallSite-RMBrown-disabled-middle {
  color: #fff;
}

.newButtonSpriteBackground-dnaSmallSite-old.newButtonSpritePosition-dnaSmallSite-RMBrown-disabled-middle {
  color: white;
}

.qButton-dnaSmallSite.qButton-RMBrown .qButton-left {
  background-position: right -1622px;
}
.qButton-dnaSmallSite.qButton-RMBrown .qButton-right {
  background-position: left -1622px;
  color: #fff;
}
.qButton-dnaSmallSite.qButton-RMBrown .qButton-old.qButton-right {
  color: #FFFFFF;
}

.qButton-dnaSmallSite.qButton-RMBrown.ui-state-hover {
  text-decoration: none;
}
.qButton-dnaSmallSite.qButton-RMBrown.ui-state-hover .qButton-left {
  background-position: right -1647px;
}
.qButton-dnaSmallSite.qButton-RMBrown.ui-state-hover .qButton-right {
  background-position: left -1647px;
}

.qButton-dnaSmallSite.qButton-RMBrown.ui-state-disabled .qButton-left {
  background-position: right -1672px;
}
.qButton-dnaSmallSite.qButton-RMBrown.ui-state-disabled .qButton-right {
  background-position: left -1672px;
  color: #fff;
}
.qButton-dnaSmallSite.qButton-RMBrown.ui-state-disabled .qButton-old.qButton-right {
  color: white;
}

/* End DNA style buttons */
/*
 * CSS button base
 */
.css_button {
  cursor: pointer;
  text-decoration: none !important;
  text-align: center;
  position: relative;
  display: inline-block;
  border: 1px solid;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.css_button:hover {
  text-decoration: none !important;
}

.css_button.css_button_disabled,
.css_button[disabled=disabled] {
  opacity: 0.25;
  cursor: default;
  pointer-events: none;
}

/*
 * CSS button colors
 */
.css_button.css_button_cancel {
  color: #b6b6b6;
  border-color: #474746;
  background-color: #111;
}

.css_button.css_button_cancel:hover {
  color: #d7d7d7;
  border-color: #646463;
}

/*
 * Css button supported icons
 */
.css_button_icon {
  background-repeat: no-repeat;
  vertical-align: middle;
}

.css_button_icon.css_button_icon_right_arrow {
  background-image: url("/FP/Assets/Images/Buttons/big-arrow_normal_LTR.png?v=2");
  width: 10px;
  height: 15px;
}

.css_button_icon.css_button_icon_left_arrow {
  background-image: url("/FP/Assets/Images/Buttons/big-arrow_normal_RTL.png?v=2");
  width: 10px;
  height: 15px;
}

.css_button.css_button_small .css_button_icon.css_button_icon_left_arrow, .css_button.css_button_small .css_button_icon.css_button_icon_right_arrow {
  height: 12px;
  background-size: 82%;
  background-position: center top;
}

/* 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 */
/*
 * CSS button base
 * Partially imported in base_buttons
 */
/*
 * CSS button colors
 * Partially imported in base_buttons
 */
.css_button.css_button_blue {
  color: white;
  border-color: #009ccd;
  background-color: #12baf8;
}

.css_button.css_button_blue:hover {
  background-color: #45d2ff;
}

.css_button.css_button_blue.css_button_disabled:hover,
.css_button.css_button_blue[disabled=disabled]:hover {
  background-color: #12baf8;
}

.css_button.css_button_dark_blue {
  color: white;
  border-color: #0e4269;
  background-color: #2d6994;
}

.css_button.css_button_dark_blue:hover {
  background-color: #407ca7;
}

.css_button.css_button_dark_blue.css_button_disabled:hover,
.css_button.css_button_dark_blue[disabled=disabled]:hover {
  background-color: #2d6994;
}

.css_button.css_button_dark_gray {
  color: white;
  border-color: #848484;
  background-color: #717171;
}

.css_button.css_button_dark_gray:hover {
  background-color: #818181;
}

.css_button.css_button_dark_gray.css_button_disabled:hover,
.css_button.css_button_dark_gray[disabled=disabled]:hover {
  background-color: #717171;
}

.css_button.css_button_light_green {
  color: #4c4c4c;
  border-color: #9eb85c;
  background-color: #e3fda1;
}

.css_button.css_button_light_green:hover {
  background-color: #ebfeb9;
}

.css_button.css_button_light_green.css_button_disabled:hover,
.css_button.css_button_light_green[disabled=disabled]:hover {
  background-color: #e3fda1;
}

.css_button.css_button_white {
  color: #4c4c4c;
  border-color: #c1c3c4;
  background-color: #ffffff;
}

.css_button.css_button_white:hover {
  background-color: whitesmoke;
}

.css_button.css_button_white.css_button_disabled:hover,
.css_button.css_button_white[disabled=disabled]:hover {
  background-color: #ffffff;
}

.css_button.css_button_orange {
  color: white;
  border-color: #e2893e;
  background-color: #ff9442;
}

.css_button.css_button_orange:hover {
  background-color: #ffa35c;
}

.css_button.css_button_orange.css_button_disabled:hover,
.css_button.css_button_orange[disabled=disabled]:hover {
  background-color: #ff9442;
}

.css_button.css_button_default {
  color: #fff;
  border-color: #f56932;
  background-color: #f56932;
}

.css_button.css_button_default:hover {
  background-color: #ff7c55;
}

.css_button.css_button_default.css_button_disabled:hover,
.css_button.css_button_default[disabled=disabled]:hover {
  background-color: #f56932;
}

.css_button.css_button_primary {
  color: #f56932;
  border-color: #f56932;
  background-color: transparent;
}

.css_button.css_button_primary:hover {
  background-color: rgba(245, 105, 50, 0.05);
}

.css_button.css_button_primary.css_button_disabled:hover,
.css_button.css_button_primary[disabled=disabled]:hover {
  background-color: transparent;
}

.css_button.css_button_inverse {
  color: #595959;
  border-color: #fff;
  background-color: #fff;
}

.css_button.css_button_inverse:hover {
  background-color: #efeeeb;
}

.css_button.css_button_inverse.css_button_disabled:hover,
.css_button.css_button_inverse[disabled=disabled]:hover {
  background-color: #fff;
}

.css_button.css_button_success {
  color: #fff;
  border-color: #93bc56;
  background-color: #93bc56;
}

.css_button.css_button_success:hover {
  background-color: #a7c767;
}

.css_button.css_button_success.css_button_disabled:hover,
.css_button.css_button_success[disabled=disabled]:hover {
  background-color: #93bc56;
}

.css_button.css_button_festive_default {
  color: #fff;
  border-color: #bb4ece;
  background-color: #bb4ece;
}

.css_button.css_button_festive_default:hover {
  background-color: #c663db;
}

.css_button.css_button_festive_default.css_button_disabled:hover,
.css_button.css_button_festive_default[disabled=disabled]:hover {
  background-color: #bb4ece;
}

.css_button.css_button_festive_primary {
  color: #bb4ece;
  border-color: #bb4ece;
  background-color: transparent;
}

.css_button.css_button_festive_primary:hover {
  background-color: rgba(187, 78, 206, 0.05);
}

.css_button.css_button_festive_primary.css_button_disabled:hover,
.css_button.css_button_festive_primary[disabled=disabled]:hover {
  background-color: transparent;
}

/*
 * CSS button styles
 */
.css_button.css_button_small {
  font-size: 12px;
  border-radius: 3px;
  padding: 1px 10px;
}

.css_button.css_button_old.css_button_small {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAXCAYAAADKmiUPAAAAKElEQVQImWP4//+/PcP///8ZmBiggJEJRjARJhiZGBgYmPGy0HQwAwC/PwaIl0OtFQAAAABJRU5ErkJggg==);
  border-radius: 4px;
}

.css_button.css_button_old.css_button_small:active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAXCAYAAADKmiUPAAAAMUlEQVQImX3GsQ3AIAwAMDc5pW/xYy6EdOiEhFgsq6oBb2DtdGBet04knoQE3S3w8wEljhSZCE7vqwAAAABJRU5ErkJggg==);
}

.css_button.css_button_small.css_button_disabled:active,
.css_button.css_button_old.css_button_old.css_button_small[disabled=disabled]:active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAXCAYAAADKmiUPAAAAKElEQVQImWP4//+/PcP///8ZmBiggJEJRjARJhiZGBgYmPGy0HQwAwC/PwaIl0OtFQAAAABJRU5ErkJggg==);
}

.css_button.css_button_big {
  font-size: 16px;
  border-radius: 4px;
  padding: 3px 12px;
}

.css_button.css_button_old.css_button_big {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAhCAYAAAAYucG/AAAAKUlEQVQImWP4//+/D8P///8ZmBgYGJAIBgYGBkYmGMHERBaXTG3opgAADBwGqcZrWiYAAAAASUVORK5CYII=);
  border-radius: 9px;
}

.css_button.css_button_old.css_button_big:active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAhCAYAAAAYucG/AAAAMElEQVQImaXLsQ0AIAzAMKt9hd94srdRNgYmJJYoGaKqJoxAB9axn3zeEhJ0t8CNDc95HdvENoWOAAAAAElFTkSuQmCC);
}

.css_button.css_button_big.css_button_disabled:active,
.css_button.css_button_old.css_button_old.css_button_big[disabled=disabled]:active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAhCAYAAAAYucG/AAAAKUlEQVQImWP4//+/D8P///8ZmBgYGJAIBgYGBkYmGMHERBaXTG3opgAADBwGqcZrWiYAAAAASUVORK5CYII=);
}

.css_button.css_button_huge {
  font-size: 18px;
  border-radius: 4px;
  padding: 8px 30px;
}

.css_button.css_button_old.css_button_huge {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAuCAYAAADp73NqAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gEMDyUIfiJeHwAAADRJREFUCNedjjEKACAQw3J9n///TpxEhNPBJZBAoagDlQAtACoLBMip9Wxbu/Y5675c/2UCuzQGw/6CyNQAAAAASUVORK5CYII=);
  border-radius: 12px;
}

.css_button.css_button_old.css_button_huge:active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAuCAYAAADp73NqAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gEMDyUsQiG6zgAAADtJREFUCNelzLENgDAQQ9GnyyrsxpI3G6YiEohUaSz7W7buPuEoKKRwveOSmcWSfU63ZxmPM0ASs/2VG0bpHfXGUSx8AAAAAElFTkSuQmCC);
}

.css_button.css_button_huge.css_button_disabled:active,
.css_button.css_button_old.css_button_old.css_button_huge[disabled=disabled]:active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAuCAYAAADp73NqAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gEMDyUIfiJeHwAAADRJREFUCNedjjEKACAQw3J9n///TpxEhNPBJZBAoagDlQAtACoLBMip9Wxbu/Y5675c/2UCuzQGw/6CyNQAAAAASUVORK5CYII=);
}

/*
 * This the full and extensive file for buttons.
 *
 * As default you should ALWAYS start by importing smaller buttons scss (and files in general) files (buttons_base and buttons_colors_and_styles) and
 * import larger ones only if needed.
 */
/* Rounded Buttons */
.BirthdayButtonLeftLTR,
.BirthdayButtonLeftRTL,
.BirthdayButtonRightLTR,
.BirthdayButtonRightRTL,
.BirthdayButtonLeftRollLTR,
.BirthdayButtonLeftRollRTL,
.BirthdayButtonRightRollLTR,
.BirthdayButtonRightRollRTL {
  background-image: url("/FP/Assets/Images/Callout/callOutSprite.png?v=25");
  background-repeat: no-repeat;
  width: 5px;
  height: 26px;
}

.BirthdayButtonLeftLTR,
.BirthdayButtonRightRTL {
  background-position: 0 -12px;
}

.BirthdayButtonRightLTR,
.BirthdayButtonLeftRTL {
  background-position: -6px -12px;
}

.BirthdayButtonLeftRollLTR,
.BirthdayButtonRightRollRTL {
  background-position: -12px -12px;
}

.BirthdayButtonRightRollLTR,
.BirthdayButtonLeftRollRTL {
  background-position: -18px -12px;
}

.BirthdayButtonCenter,
.BirthdayButtonCenterRoll {
  background-image: url("/FP/Assets/Images/Callout/callOutSprite.png?v=25");
  background-repeat: repeat-x;
  height: 26px;
}

.BirthdayButtonCenter {
  background-position: 0 -64px;
}

.BirthdayButtonCenterRoll {
  background-position: 0 -91px;
}

.AnniversaryButtonLeftLTR,
.AnniversaryButtonLeftRTL,
.AnniversaryButtonRightLTR,
.AnniversaryButtonRightRTL,
.AnniversaryButtonLeftRollLTR,
.AnniversaryButtonLeftRollRTL,
.AnniversaryButtonRightRollLTR,
.AnniversaryButtonRightRollRTL {
  background-image: url("/FP/Assets/Images/Callout/callOutSprite.png?v=25");
  background-repeat: no-repeat;
  width: 5px;
  height: 26px;
}

.AnniversaryButtonLeftLTR,
.AnniversaryButtonRightRTL {
  background-position: -24px -12px;
}

.AnniversaryButtonRightLTR,
.AnniversaryButtonLeftRTL {
  background-position: -30px -12px;
}

.AnniversaryButtonLeftRollLTR,
.AnniversaryButtonRightRollRTL {
  background-position: -36px -12px;
}

.AnniversaryButtonRightRollLTR,
.AnniversaryButtonLeftRollRTL {
  background-position: -42px -12px;
}

.AnniversaryButtonCenter,
.AnniversaryButtonCenterRoll {
  background-image: url("/FP/Assets/Images/Callout/callOutSprite.png?v=25");
  background-repeat: repeat-x;
  height: 26px;
}

.AnniversaryButtonCenter {
  background-position: 0 -64px;
}

.AnniversaryButtonCenterRoll {
  background-position: 0 -91px;
}

.InvitationRoundedButton {
  background-color: #ebe6fc;
}

.InvitationRoundedButton #leftSide,
.InvitationRoundedButton #rightSide {
  background-image: url("/FP/Assets/Images/Callout/callOutSprite.png?v=25");
  width: 5px;
  height: 26px;
}

/* DNA style buttons */
/* Partially imported in base_buttons */
button.qButton-dnaSmallSite,
button.qButton-dnaSite {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.qButton-dnaSmallSite .qButton-left,
.qButton-dnaSmallSite .qButton-right,
.qButton-dnaSite .qButton-left,
.qButton-dnaSite .qButton-right {
  background-repeat: no-repeat;
  background-image: url("/FP/Assets/Images/FamilyTreeDNA/ButtonSpriteOrange.png?v=2");
  display: block;
  float: right;
  white-space: nowrap;
}

.qButton-dnaSite .qButton-old,
.qButton-dnaSmallSite .qButton-old {
  background-image: url("/FP/Assets/Images/FamilyTreeDNA/ButtonSprite.png?v=6");
}

.qButton-dnaSite .qButton-right {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 17px;
  margin-left: -2px;
  font-size: 16px;
  line-height: 23px;
  height: 25px;
  min-width: 62px;
  text-align: center;
}

.qButton-dnaSmallSite .qButton-right {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 12px;
  margin-left: -2px;
  font-size: 12px;
  line-height: 18px;
  height: 19px;
  min-width: 41px;
  text-align: center;
  box-sizing: content-box;
}

.qButton-dnaSite .qButton-left {
  margin-right: -2px;
  width: 17px;
  height: 33px;
}

.qButton-dnaSmallSite .qButton-left {
  margin-right: -2px;
  width: 12px;
  height: 23px;
}

.qButton-dnaSite .qButton-left.qButton-icon-container {
  width: auto;
  padding: 6px 12px;
  height: 21px;
}

.qButton-dnaSite.ui-state-disabled,
.qButton-dnaSmallSite.ui-state-disabled {
  cursor: default;
}

/* End DNA style buttons */
.css_button.css_button_dialog {
  font-size: 22px;
  border-radius: 6px;
  padding: 7px 20px;
}

.css_button.css_button_confirm {
  color: #fff;
  background-color: #3d8aba;
  border: none;
}

.css_button.css_button_confirm:hover {
  background-color: #3591da;
}

.css_button.css_button_confirm.css_button_disabled {
  color: #386179;
  background-color: #194c68;
  opacity: 1;
}

/* Styled select */
/* ============= */
.select-replace {
  color: #353535;
  height: 19px;
  border: 1px solid #e4e4e4;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALAQMAAACTYuVlAAAAA3NCSVQICAjb4U/gAAAABlBMVEWZmZkzMzPuxkrkAAAAAnRSTlP/AOW3MEoAAAAJcEhZcwAACvAAAArwAUKsNJgAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzQGstOgAAAAFXRFWHRDcmVhdGlvbiBUaW1lADEvMTIvMDlRrXBhAAAAGklEQVQImWP4/4ABjg4kMDx4wPDxAcNvhCAAQwoTpntOGPsAAAAASUVORK5CYII=) no-repeat scroll white;
  padding: 3px 8px 0 8px;
}
.select-replace-cover-dimmed .select-replace {
  color: #888d91;
}

.no-datauri .select-replace {
  background-image: url("/FP/Assets/Images/Common/ddarrow.png?v=2");
}

/* stylelint-disable */
.popup_dialog_parent {
  display: none;
}
.popup_dialog_parent .popup_dialog_overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000;
  opacity: 0.5;
  z-index: 475;
}
.popup_dialog_parent .popup_dialog {
  z-index: 480;
}

.show_popup_overlay .popup_dialog_parent {
  display: block;
}
.show_popup_overlay .promotional_banner {
  z-index: 470;
}

#newPopupwindow {
  display: none;
  position: relative;
}

.newPopupOuterContainerRounderCorners {
  border-radius: 36px 16px 16px 36px;
  -moz-border-radius: 36px 16px 16px 36px;
  -webkit-border-radius: 36px 16px 16px 36px;
}

.newPopupContainer {
  position: relative;
  background-color: #fff;
  color: #595959;
  border-radius: 4px;
}

/* Old site popup */
/* ============== */
.popupMask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/FP/Themes/Site/0001/Popup2/Images/maskBG.png");
  background-repeat: repeat;
  display: none;
}

#dragCover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  background-color: transparent !important;
}

.popupContentPlace1 {
  padding-right: 48px;
}

.popupPicfrLeft {
  background-repeat: repeat-y;
  background-position: right;
}

.popupPicfrRight {
  background-repeat: repeat-y;
  background-position: left;
}

.popupMainTableImage {
  padding-right: 20px;
  padding-bottom: 20px;
}

.popupTitleBar {
  border-right: 1px solid #78a3f2;
  border-end: 1px solid #204095;
  background-color: #486cae;
  color: #fff;
  font-weight: bold;
  height: 15px;
  padding: 2px;
  border-bottom: 2px solid #000;
  border-top: 1px solid #78a3f2;
  position: relative;
  text-align: center;
}

body.popup {
  min-width: 0;
}

/* Language selector popup */
/* ======================= */
.languageSelectorLinkTooltip {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  display: block;
  top: 50%;
  bottom: 100%;
  left: 100%;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}

.languageSelectorLabel {
  position: relative;
  display: block;
  width: 127px;
  margin-bottom: 6px;
}
.languageSelectorLabel a {
  font-weight: bold;
  cursor: default;
  color: #595959;
}
.languageSelectorLabel a:hover {
  text-decoration: none;
}

.languageSelectorLink {
  position: relative;
  display: block;
  width: 127px;
  margin-bottom: 6px;
}
.languageSelectorLink a:hover {
  text-decoration: none;
}
.languageSelectorLink a:hover .spike {
  visibility: visible;
  opacity: 1;
  background-repeat: no-repeat;
  background-image: url("/FP/Assets/Images/Misc/tooltipSpike_RTL.png?v=3");
  background-position: left top;
  margin: -4px 0 0 4px;
  padding: 4px 0 4px 5px;
}

.language_list .languages_column {
  float: right;
}
.language_list .languages_column ul {
  padding: 0;
}
.language_list .languages_column li {
  display: block;
}

.missing_language_prompt {
  margin-top: 34px;
}
.missing_language_prompt a {
  color: #f56932 !important;
}

.languageSelectorLinkTooltipText {
  margin-top: -10px;
  background-color: #707174;
  color: #fff !important;
  display: block;
  font-size: 12px;
  line-height: 14px;
  padding: 4px 8px;
  white-space: nowrap;
  border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  text-align: right;
}

/* Old site popup */
/* ============== */
.popupContainer {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  padding: 0;
}

.popupInner {
  border: 2px solid #000;
  background-color: #fff;
}

.popupFrame {
  margin: 0;
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}

.popupTitleShadow {
  display: none;
}

.popupTitle {
  font-size: 0;
}

.popupControls {
  cursor: pointer;
}

.PopupClose,
.PopupCloseRoll {
  background-image: url("/FP/Assets/Images/MasterPage/masterPageSprite.png?v=5");
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  overflow: hidden;
}

.PopupClose {
  background-position: -100px -92px;
}

.PopupCloseRoll {
  background-position: -100px -108px;
}

.FL_Popupfooter {
  right: 0;
  background-color: #eee;
  height: 43px;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.FL_Popupfooter .ftr_error_message {
  float: right;
  margin-top: 12px;
  margin-right: 13px;
}
.FL_Popupfooter .ftr_preloader {
  float: left;
  display: none;
  margin-top: 8px;
  margin-left: 10px;
}
.FL_Popupfooter .qButton-dnaSmallSite {
  float: left;
  margin-top: 10px;
  margin-left: 6px;
}
.FL_Popupfooter .qButton-dnaSmallSite:first-child {
  margin-left: 13px;
}

.FL_popupContainer {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  padding: 0;
}

.FL_popupContainer .popupInner {
  border-width: 0;
}

.FL_popupContainer .popupTitleBar {
  border-top: 2px solid #fff;
  border-right-width: 0;
  border-left-width: 0;
  border-bottom: 1px solid #fff;
  height: 19px;
  background-color: #3195e6;
  padding-top: 4px;
  padding-right: 4px;
  text-align: center;
}

.FL_popupContainer .popupTitle {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.1;
}

.FL_popupContainer .popupTitleShadow {
  display: block;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #e6e6e6;
  background-color: #d2d2d2;
  height: 1px;
  width: 100%;
  overflow: hidden;
}

.FL_popupContainer .popupShadowBoxContent {
  position: relative;
  bottom: 6px;
  right: 6px;
  margin: 0;
  border: 2px solid #fff;
  border-top-width: 0;
  background-color: #fff;
}

.FL_popupContainer .popupFrame {
  border-top: 1px solid #f7f7f7;
}

.FL_popupContainer .PopupClose,
.FL_popupContainer .PopupCloseRoll {
  background-image: url("/FP/Assets/Images/Common/Clickables.png?v=8");
  background-repeat: no-repeat;
  cursor: pointer;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.FL_popupContainer .PopupClose {
  background-position: -28px 0;
}

.FL_popupContainer .PopupCloseRoll {
  background-position: -28px -17px;
}

.FL_popupContainer .popupShadowBox {
  background-image: url("/FP/Assets/Images/Tagshot/EditPhoto/shadowAlpha.png?v=2");
  background: no-repeat bottom left !important;
  margin: 10px 0 10px 10px !important;
  margin: 10px 0 10px 0;
  padding: 0;
  position: relative;
}

#simplemodal-overlay {
  background-color: #000;
}

/***************************************   */
/* MH DIALOG                            */
/***************************************   */
#popupDynamicStructure {
  position: absolute;
}

.ui-dialog {
  position: absolute;
  max-width: 100%;
}
@media (max-width: 767px) {
  .ui-dialog {
    width: 90% !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto;
  }
}

#mhDialogContent {
  overflow: hidden;
  background: #fff;
  border-radius: 4px !important;
}
#mhDialogContent .ui-dialog-titlebar {
  display: block;
  min-width: 400px;
  cursor: move;
}
@media (max-width: 767px) {
  #mhDialogContent .ui-dialog-titlebar {
    width: auto;
  }
}
#mhDialogContent .ui-dialog-titlebar-close {
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 13px;
  background: none;
  border: none;
  padding: 0;
  outline: 0;
  cursor: pointer;
  font-size: 18px;
  font-weight: 200;
  color: #ccc;
}
#mhDialogContent .ui-dialog-titlebar-close:hover {
  color: #595959;
  text-decoration: none;
}
#mhDialogContent .ui-dialog-titlebar-close .ui-icon {
  display: inline-block;
}
#mhDialogContent .ui-dialog-titlebar-close .ui-button-text {
  display: inline-block;
  text-indent: -9999px;
  overflow: hidden;
}
#mhDialogContent .ui-dialog-buttonset {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  #mhDialogContent .ui-dialog-buttonset {
    display: block;
  }
}
#mhDialogContent button.qButton-dnaSite {
  outline: 0;
  flex-shrink: 0;
}
#mhDialogContent .mhDialogBody,
#mhDialogContent .checkbox_container {
  color: #595959;
  position: relative;
}
#mhDialogContent .checkbox_container {
  align-items: flex-start;
  float: right;
  margin-top: 3px;
  display: flex;
  text-align: right;
  width: 100%;
  padding-bottom: 10px;
}
#mhDialogContent .checkbox_input {
  margin-left: 5px;
}
#mhDialogContent .ui-dialog-buttonpane {
  border-top: 1px solid #e0dddd;
  text-align: left;
  padding: 15px 0 11px 13px;
  overflow: hidden;
}
.mh_responsive.mh_mobile #mhDialogContent {
  font-size: 15px;
}
.mh_responsive.mh_mobile #mhDialogContent .ui-dialog-titlebar-close {
  left: 8px;
  padding: 0 10px;
}
.mh_responsive.mh_mobile #mhDialogContent .ui-dialog-titlebar {
  min-width: auto;
  min-height: 34px;
  padding: 14px 17px 10px 24px;
}

.mhNoIcon {
  display: none;
}

.mhErrorIcon {
  float: right;
  background-position: -2px -20px;
  width: 28px;
  height: 28px;
  margin-top: 4px;
  margin-left: 10px;
}

.mhCofirmIcon {
  float: right;
  background-position: -32px -20px;
  width: 28px;
  height: 28px;
  margin-top: 4px;
  margin-left: 10px;
}

.mhNoticeIcon {
  float: right;
  background-position: -63px -20px;
  width: 34px;
  height: 28px;
  margin-top: 4px;
  margin-left: 10px;
}

.mhDialogMassage {
  display: block;
  float: right;
  max-width: 320px;
}
@media (max-width: 767px) {
  .mhDialogMassage {
    float: none;
  }
}

.ui-widget-overlay {
  left: 0;
  position: fixed;
  top: 0;
  height: 100%;
  background: #000;
  width: 100%;
  opacity: 0.4;
}

.ui-front {
  outline: 0;
  z-index: 1002;
}

.mh_dialog_secondary {
  margin-right: 9px;
}

/***************************************   */
/* END OF MH DIALOG                     */
/***************************************   */
.PK_popupTitle {
  color: #000;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.3px;
  max-height: 48px;
  overflow: hidden;
}

.PK_popupSubtitle {
  width: auto;
  height: 60px;
  font-size: 13px;
  overflow: hidden;
  margin-top: 10px;
  line-height: 1.54;
  letter-spacing: 0.3px;
  color: #595959;
}
@media (max-width: 767px) {
  .PK_popupSubtitle {
    margin-top: 0;
  }
}

.PK_popupLabel {
  font-size: 12px;
  padding-bottom: 2px;
  /* this will create an 8px gap between baseline of the label and the top border of the input box */
  color: #6e6e6e;
}

.PK_popupLabelLarge {
  font-size: 16px;
  color: #6e6e6e;
}

.PK_popupLink {
  font-size: 12px;
  color: #238ec4;
}

.PK_popupLink:hover,
.PK_popupLinkHover {
  text-decoration: underline;
}

.newPopupTopBar {
  cursor: move;
  padding: 40px 6% 5px 4%;
}

.popup_close {
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 13px;
  padding: 0;
  cursor: pointer;
  font-size: 18px;
  font-weight: 200;
  color: #ccc;
}
.popup_close:hover {
  color: #595959;
  text-decoration: none;
}

.newPopupBody {
  padding: 33px 31px;
  background-color: #fff;
  min-height: 40px;
}

.newPopupBody .middle {
  background-color: #fff;
}

.PK_popupFooter {
  height: 33px;
  padding-top: 16px;
  padding-left: 24px;
  padding-bottom: 16px;
  padding-right: 36px;
  border-top: 1px solid #e0dddd;
}

.PK_popupFooterleftLink {
  float: right;
  display: table-cell;
  height: 33px;
  max-width: 311px;
  vertical-align: middle;
}

.PK_popupFooterButton {
  float: left;
  margin-left: 8px;
}

/* Frames and curves - New popup */
.newPopupTopBar {
  border-radius: 23pt 10px 0 0;
  -moz-border-radius: 23pt 10px 0 0;
  -webkit-border-radius: 23pt 10px 0 0;
}

.newPopupBody a,
.PK_popupFooterleftLink a {
  color: #e76f2f;
}
.newPopupBody a.prominent,
.PK_popupFooterleftLink a.prominent {
  text-decoration: underline;
}

.languageSelectorLink a {
  color: #414142;
}

.popup_dialog .languageSelectorLabel a,
#mhDialogWrapper .languageSelectorLabel a,
#simplemodal-container .languageSelectorLabel a {
  color: #fff;
  background-color: #f56932;
  padding: 3px;
  font-weight: normal;
}

/* Gender specific headers */
/* Responsive */
.no-gutter > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

@media (max-width: 767px) {
  .mobile_responsive_popup.smPopupOpen {
    overflow-x: hidden;
    background-color: #f7f7f7;
  }
  .mobile_responsive_popup.smPopupOpen.pushed {
    overflow-y: visible !important;
    position: initial !important;
  }
  .mobile_responsive_popup.smPopupOpen #pk_master_wrapper, .mobile_responsive_popup.smPopupOpen .masterPageBareWrapperDiv {
    display: none;
  }
  .mobile_responsive_popup #simplemodal-container {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    background-color: #f7f7f7 !important;
  }
  .mobile_responsive_popup #simplemodal-overlay {
    background-color: #f7f7f7 !important;
  }
  .mobile_responsive_popup .newPopupContainer {
    background-color: #f7f7f7 !important;
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    padding: 0 !important;
    border-radius: 0;
  }
  .mobile_responsive_popup .newPopupContainer .PK_popupTitle {
    width: 466px;
    font-size: 28px;
    line-height: 42px;
    font-weight: 700;
  }
  .mobile_responsive_popup .newPopupContainer .newPopupBody {
    padding-top: 0;
    background-color: #f7f7f7 !important;
  }
  .mobile_responsive_popup .newPopupContainer .newPopupTopBar {
    background-color: #fff !important;
  }
  .mobile_responsive_popup .newPopupContainer .PK_popupLabel {
    font-size: 14px;
    padding-bottom: 5px;
    color: #595959;
  }
  .mobile_responsive_popup .newPopupContainer .PK_popupFooter {
    border: none;
    padding-top: 0;
  }
  .mobile_responsive_popup .newPopupContainer .PK_popupFooterleftLink {
    margin: 0;
    float: none;
    max-width: none;
    font-size: 18px;
  }
  .mobile_responsive_popup .newPopupContainer .PK_popupFooterButton {
    float: none;
    margin: 15px 0 0;
  }
  .mobile_responsive_popup .newPopupContainer .css_button {
    width: 87%;
    height: 28px;
    padding: 13px;
    font-size: 19px;
    background-image: none !important;
  }
  .mobile_responsive_popup .newPopupContainer .css_button:last-child {
    margin-bottom: 30px;
  }
  .mobile_responsive_popup.mh_responsive input {
    box-sizing: border-box;
  }
  .mobile_responsive_popup.mh_responsive input[type=text], .mobile_responsive_popup.mh_responsive input[type=password], .mobile_responsive_popup.mh_responsive input[type=email], .mobile_responsive_popup.mh_responsive input:not([type]) {
    -webkit-appearance: none;
  }
  .mobile_responsive_popup.mh_responsive .newPopupContainer .css_button:last-child {
    margin-bottom: 0;
    padding: 2px;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
  }
  .mobile_responsive_popup.mh_responsive .editProfileBodyContainer,
.mobile_responsive_popup.mh_responsive .newPopupBody,
.mobile_responsive_popup.mh_responsive .attachDetachBodyContainer {
    margin: 0;
    padding: 15px;
    overflow-y: auto;
    height: calc(100% - 133px);
    background-color: white !important;
    -webkit-overflow-scrolling: touch;
  }
  .mobile_responsive_popup.mh_responsive .newPopupContainer.has_subtitle .newPopupBody {
    height: calc(100% - 193px);
  }
  .mobile_responsive_popup.mh_responsive #popupDynamicStructure {
    width: 100%;
  }
  .mobile_responsive_popup.mh_responsive .mhDialogMassage {
    float: none;
  }
  .mobile_responsive_popup.mh_responsive .qButton-right {
    width: calc(100% - 37px);
    padding-left: 22px;
  }
  .mobile_responsive_popup.mh_responsive .qButton-left {
    margin-right: 0;
  }
  .mobile_responsive_popup.mh_responsive .select-replace,
.mobile_responsive_popup.mh_responsive .gdp_dateTypePickerLinkContainer,
.mobile_responsive_popup.mh_responsive select {
    height: 25px;
    font-size: 16px;
  }
  .mobile_responsive_popup.mh_responsive .PK_popupTitle {
    font-size: 17px;
    overflow-x: hidden;
    text-overflow: ellipsis;
  }
  .mobile_responsive_popup.mh_responsive .newPopupTopBar {
    padding: 4px 30px;
    padding-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    box-sizing: border-box;
    position: relative;
    box-shadow: 0 2px 8px 0 #f2f2f2;
  }
  .mobile_responsive_popup.mh_responsive .mini_signup_terms {
    font-size: 12px;
    display: block;
    margin-top: 5px;
  }
  .mobile_responsive_popup.mh_responsive .PK_popupFooter {
    padding: 10px;
    height: 33px;
    display: flex;
    text-align: center;
    position: relative;
    box-shadow: 0 -3px 8px 2px rgba(0, 0, 0, 0.1);
  }
  .mobile_responsive_popup.mh_responsive .PK_popupFooter::after {
    content: "";
    display: block;
    clear: both;
  }
  .mobile_responsive_popup.mh_responsive .PK_popupFooterButton {
    margin: 0 auto !important;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    max-width: 660px;
    position: relative;
    right: 3px;
  }
  .mobile_responsive_popup.mh_responsive .PK_popupFooterButton table {
    width: 45%;
  }
  .mobile_responsive_popup.mh_responsive #popupButton_cancelBtn {
    padding-left: 4px;
    right: 0;
  }
  .mobile_responsive_popup.mh_responsive #popupButton_OKBtn {
    padding-right: 4px;
    right: 0;
  }
  .mobile_responsive_popup.mh_responsive .PK_popupFooterleftLink {
    display: none;
  }
  .mobile_responsive_popup.mh_responsive .newButtonSpriteMiddle-dnaSite-normal,
.mobile_responsive_popup.mh_responsive .newButtonSpriteMiddle-pkSite-normal,
.mobile_responsive_popup.mh_responsive .newButtonSpriteMiddle-dnaSite-hover,
.mobile_responsive_popup.mh_responsive .newButtonSpriteMiddle-pkSite-hover,
.mobile_responsive_popup.mh_responsive .newButtonSpriteMiddle-dnaSite-disabled,
.mobile_responsive_popup.mh_responsive .newButtonSpriteMiddle-pkSite-disabled {
    width: 100%;
  }
  .mobile_responsive_popup.mh_responsive #mhDialogContent {
    font-size: 15px;
  }
  .mobile_responsive_popup.mh_responsive #mhDialogContent .ui-dialog-titlebar-close {
    left: 8px;
    padding: 0 10px;
  }
  .mobile_responsive_popup.mh_responsive #mhDialogContent .ui-dialog-titlebar {
    min-width: auto;
    padding: 14px 17px 10px 24px;
  }
  .mobile_responsive_popup.mh_responsive .mhDialogBody {
    max-height: calc(100vh - 230px);
  }
  .mobile_responsive_popup.mh_responsive .ErrorBox,
.mobile_responsive_popup.mh_responsive .WarningBox {
    box-sizing: border-box;
    width: 100%;
  }
  .mobile_responsive_popup.mh_responsive.new_tree_facelift .editProfileBodyContainer,
.mobile_responsive_popup.mh_responsive.new_tree_facelift .newPopupBody,
.mobile_responsive_popup.mh_responsive.new_tree_facelift .attachDetachBodyContainer,
.mobile_responsive_popup.mh_responsive .personal_photo_uploader_dialog .editProfileBodyContainer,
.mobile_responsive_popup.mh_responsive .personal_photo_uploader_dialog .newPopupBody,
.mobile_responsive_popup.mh_responsive .personal_photo_uploader_dialog .attachDetachBodyContainer {
    height: calc(100% - 157px);
  }
  .mobile_responsive_popup.mh_responsive.new_tree_facelift .PK_popupFooter,
.mobile_responsive_popup.mh_responsive .personal_photo_uploader_dialog .PK_popupFooter {
    background-color: white !important;
    height: 57px;
  }
  .mobile_responsive_popup.mh_responsive.new_tree_facelift .PK_popupFooterButton,
.mobile_responsive_popup.mh_responsive .personal_photo_uploader_dialog .PK_popupFooterButton {
    margin: 0 10px !important;
    right: 0;
  }
  .mobile_responsive_popup.mh_responsive.new_tree_facelift .PK_popupFooterButton .css_button,
.mobile_responsive_popup.mh_responsive .personal_photo_uploader_dialog .PK_popupFooterButton .css_button {
    font-weight: normal;
  }
  .mobile_responsive_popup.mh_responsive.new_tree_facelift #popupButton_,
.mobile_responsive_popup.mh_responsive .personal_photo_uploader_dialog #popupButton_ {
    display: none;
  }
  .mobile_responsive_popup #popupDialog {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
  }
}

/* Native HTML dialog popups start */
.popup_dialog {
  position: absolute;
  margin: 0 auto;
  border-radius: 4px;
  animation: fade-in 0.2s ease-in-out;
  overflow: visible;
  outline-width: 0;
}
@media (min-width: 768px) {
  .popup_dialog {
    height: 100vh;
    max-height: none;
    background-color: transparent;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
}
@keyframes fade-out {
  100% {
    opacity: 0;
  }
}
.popup_dialog::-webkit-backdrop {
  animation: fade-in 0.2s ease-in-out;
  background-color: #000;
  opacity: 0.5;
}
.popup_dialog::backdrop {
  animation: fade-in 0.2s ease-in-out;
  background-color: #000;
  opacity: 0.5;
}
.popup_dialog.dialog_fade_out {
  animation: fade-out 0.4s forwards ease-in-out;
}
.popup_dialog.dialog_fade_out::-webkit-backdrop {
  animation: fade-out 0.2s 0.3s forwards ease-in-out;
}
.popup_dialog.dialog_fade_out::backdrop {
  animation: fade-out 0.2s 0.3s forwards ease-in-out;
}
@media (min-width: 768px) {
  .popup_dialog .newPopupContainer {
    top: 50%;
    transform: translateY(-50%);
  }
}
.popup_dialog .newPopupTopBar {
  cursor: default;
}
.popup_dialog .formErrorOuter {
  align-self: flex-start;
}
.popup_dialog .formError {
  font-size: 12px;
}
@media (min-width: 768px) {
  .popup_dialog .formError {
    left: 50% !important;
    transform: translateX(-50%);
  }
}
.popup_dialog input[type=radio] + .formErrorOuter,
.popup_dialog input[type=checkbox] + .formErrorOuter {
  display: inline-block;
  transform: translateX(-8px);
}

/* Native HTML dialog popups end */
/**
    The following classes are for the usage of the <dialog> used in htdocs/FP/Assets/Applications/ClientRequestsManipulator/index.js
    TODO: move them to a dedicated new scss file
 */
dialog.mh_basic_dialog::-webkit-backdrop {
  background-color: #000;
  opacity: 0.5;
}
dialog.mh_basic_dialog::backdrop {
  background-color: #000;
  opacity: 0.5;
}

.mh_basic_dialog {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 4px;
  width: 475px;
}
@media (max-width: 991px) {
  .mh_basic_dialog {
    width: 70%;
  }
}
.mh_basic_dialog .mh_basic_dialog_content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 40px 30px;
}
@media (max-width: 991px) {
  .mh_basic_dialog .mh_basic_dialog_content {
    padding: 30px 16px;
  }
}
.mh_basic_dialog .mh_basic_dialog_content .mh_basic_dialog_notice_icon {
  min-width: 34px;
  min-height: 28px;
}
.mh_basic_dialog .mh_basic_dialog_content .mh_basic_dialog_message {
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0.3px;
}
.mh_basic_dialog .mh_basic_dialog_close_button {
  display: inline-block;
  position: absolute;
  top: 12px;
  left: 12px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  outline: 0;
}
.mh_basic_dialog .mh_basic_dialog_close_button .close-icon {
  display: inline-block;
}
.mh_basic_dialog .mh_basic_dialog_footer {
  padding: 16px 12px;
  display: flex;
  justify-content: flex-end;
}
.mh_basic_dialog .mh_basic_dialog_footer .mh_basic_dialog_ok_button {
  color: #fff;
  background-color: var(--theme-color-100, #f56932);
  border: none;
  border-radius: 100px;
  font-size: 15px;
  padding: 4px 24px;
}

/* Base PK_Clickables */
/* ============= */
/* ============= */
.PK_Clickable {
  background-image: url("/FP/Assets/Images/Common/PK_Clickables.png?v=20");
  background-repeat: no-repeat;
  cursor: pointer;
}

.PK_ClickableLargeV {
  width: 31px;
  height: 31px;
  background-position: -35px -2px;
}

.PK_ClickableSmallBluePlusSign {
  width: 14px;
  height: 14px;
  background-position: -88px -22px;
}

.PK_ClickableSmallBlueMinusSign {
  width: 14px;
  height: 14px;
  background-position: -104px -22px;
}

.PK_ClickableGrayX {
  width: 14px;
  height: 14px;
  background-position: -88px -38px;
}

.PK_ClickableX_wrapper {
  padding: 5px;
  display: block;
}
.PK_ClickableX_wrapper .PK_ClickableGrayX {
  display: block;
}

a:hover .PK_ClickableGrayX {
  background-position: -104px -38px;
}

.PK_ClickableThinX {
  width: 13px;
  height: 13px;
  background-position: -114px -73px;
}

.PK_ClickableX_wrapper {
  padding: 5px;
  display: block;
}
.PK_ClickableX_wrapper .PK_ClickableThinX {
  display: block;
}

a:hover .PK_ClickableThinX {
  background-position: -114px -73px;
}

.PK_ClickableRedX {
  width: 14px;
  height: 14px;
  background-position: -131px -144px;
}

a:hover .PK_ClickableRedX {
  width: 14px;
  height: 14px;
  background-position: -131px -160px;
}

.PK_ClickableGrayLargeX {
  background-position: -95px -142px;
  height: 16px;
  width: 16px;
}

.PK_ClickableGrayLargeX:hover {
  background-position: -113px -142px;
  height: 16px;
  width: 16px;
}

.PK_ClickableDropDownArrow {
  width: 17px;
  height: 24px;
  background-position: -120px -22px;
}

.PK_ClickableLargeDropDownArrow {
  width: 25px;
  height: 43px;
  background-position: -13px -161px;
}

.PK_ClickableGrayXSmallWithBG {
  width: 14px;
  height: 14px;
  background-position: -66px -73px;
}

a:hover .PK_ClickableGrayXSmallWithBG {
  width: 14px;
  height: 14px;
  background-position: -82px -73px;
}

/*
 * This the full and extensive file for pk_clickables.
 *
 * As default you should ALWAYS start by importing smaller pk_clickables scss (and files in general) files (pk_clickables_base) and
 * import larger ones only if needed.
 */
/* PK_Clickables */
/* ============= */
/* ============= */
.PK_ClickableLargeCamera {
  width: 31px;
  height: 31px;
  background-position: -2px -2px;
}

A:hover .PK_ClickableLargeCamera {
  background-position: -2px -35px;
}

.ContainerGenderM .PK_ClickableLargeCamera {
  width: 55px;
  height: 33px;
  background-position: -154px -142px;
}

.ContainerGenderM A:hover .PK_ClickableLargeCamera {
  background-position: -154px -177px;
}

.ContainerGenderF .PK_ClickableLargeCamera {
  width: 55px;
  height: 33px;
  background-position: -154px -2px;
}

.ContainerGenderF A:hover .PK_ClickableLargeCamera {
  background-position: -154px -37px;
}

.ContainerGenderU .PK_ClickableLargeCamera {
  width: 55px;
  height: 33px;
  background-position: -154px -72px;
}

.ContainerGenderU A:hover .PK_ClickableLargeCamera {
  background-position: -154px -107px;
}

.ContainerGender .PK_ClickableLargeCamera {
  width: 55px;
  height: 33px;
  background-position: -40px -212px;
}

.ContainerGender A:hover .PK_ClickableLargeCamera {
  background-position: -97px -212px;
}

.NewTree_calloutContainerWrapper .PK_ClickableLargeCamera {
  width: 55px;
  height: 33px;
  background-position: -40px -177px;
}

.NewTree_calloutContainerWrapper A:hover .PK_ClickableLargeCamera {
  background-position: -97px -177px;
}

.NewTree_calloutContainerWrapper .PK_ClickableLargeCamera.linkLikeCamera,
.NewTree_calloutContainerWrapper A:hover .PK_ClickableLargeCamera.linkLikeCamera {
  background-position: -154px -212px;
}

.PK_ClickableSmallCamera {
  width: 25px;
  height: 24px;
  background-position: -35px -35px;
}

A:hover .PK_ClickableSmallCamera {
  width: 25px;
  height: 24px;
  background-position: -62px -35px;
}

/* stylelint-disable */
.masterpage_sprite, .footer_social a, #dk_footer_company img, #footer_new .footer_mobile .footer_company img, #footer_new .logo img, .mobile_menu_links .header .back_button a::after, .mobile_header_account_menu .back_button_reverted::after,
.mobile_header_help_menu .back_button_reverted::after,
.mobile_header_language_menu .back_button_reverted::after, .navigation_box .tab .arrow::before, .mobile_header_language_menu .user_strip_language_picker img,
.mobile_header_menu_links .user_strip_language_picker img, .mh_responsive .shopping_cart_mobile_icon, .help_menu_container .account_menu_photo, .page_header_container .page_header .title_info_button, .mh_tablet .navigation_header .navigation .navigation_box ul.tabs li .tab.current .arrow::before,
.mh_mobile:not(.mh_responsive) .navigation_header .navigation .navigation_box ul.tabs li .tab.current .arrow::before, .navigation_header .navigation .logo, .user_strip_matches a.user_strip_item span,
.user_strip_matches span.user_strip_item span, .user_strip .user_strip_language_picker img,
.inverse_header .user_strip_language_picker img, #shopping_cart_user_strip_root .shopping_cart_icon, .user_strip_inbox img, .user_strip_account_menu .account_menu_arrow,
.user_strip_help_menu .account_menu_arrow,
.notification_menu .account_menu_arrow, .user_strip_account_menu .account_white_menu_arrow,
.user_strip_help_menu .account_white_menu_arrow,
.notification_menu .account_white_menu_arrow, .user_strip_help_menu .account_menu_photo, .user_strip_drop_down.user_strip_sites_drop_down .content .links .thumb img, .user_strip_drop_down_arrow, .toolbar_tree .inner, .toolbar_list .inner, .toolbar_more .inner, .toolbar_upload .inner, .toolbar_filter .inner, .toolbar_search .inner, .mh_responsive .mobile_header .title_info_button, .mh_responsive .inverse_header .mobile_header .logo, .balloonStyle.notification_tooltip .close span, .notification_panel .close span {
  background-image: url("/FP/Assets/Images/Sprites/masterpage_sprite.png?v=112");
}
@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .masterpage_sprite, .footer_social a, #dk_footer_company img, #footer_new .footer_mobile .footer_company img, #footer_new .logo img, .mobile_menu_links .header .back_button a::after, .mobile_header_account_menu .back_button_reverted::after,
.mobile_header_help_menu .back_button_reverted::after,
.mobile_header_language_menu .back_button_reverted::after, .navigation_box .tab .arrow::before, .mobile_header_language_menu .user_strip_language_picker img,
.mobile_header_menu_links .user_strip_language_picker img, .mh_responsive .shopping_cart_mobile_icon, .help_menu_container .account_menu_photo, .page_header_container .page_header .title_info_button, .mh_tablet .navigation_header .navigation .navigation_box ul.tabs li .tab.current .arrow::before,
.mh_mobile:not(.mh_responsive) .navigation_header .navigation .navigation_box ul.tabs li .tab.current .arrow::before, .navigation_header .navigation .logo, .user_strip_matches a.user_strip_item span,
.user_strip_matches span.user_strip_item span, .user_strip .user_strip_language_picker img,
.inverse_header .user_strip_language_picker img, #shopping_cart_user_strip_root .shopping_cart_icon, .user_strip_inbox img, .user_strip_account_menu .account_menu_arrow,
.user_strip_help_menu .account_menu_arrow,
.notification_menu .account_menu_arrow, .user_strip_account_menu .account_white_menu_arrow,
.user_strip_help_menu .account_white_menu_arrow,
.notification_menu .account_white_menu_arrow, .user_strip_help_menu .account_menu_photo, .user_strip_drop_down.user_strip_sites_drop_down .content .links .thumb img, .user_strip_drop_down_arrow, .toolbar_tree .inner, .toolbar_list .inner, .toolbar_more .inner, .toolbar_upload .inner, .toolbar_filter .inner, .toolbar_search .inner, .mh_responsive .mobile_header .title_info_button, .mh_responsive .inverse_header .mobile_header .logo, .balloonStyle.notification_tooltip .close span, .notification_panel .close span {
    background-image: url("/FP/Assets/Images/Sprites/masterpage_sprite@2x.png?v=112");
    background-size: 275px 270px;
  }
}

.notification_panel {
  position: relative;
  height: 26px;
  padding-top: 4px;
  font-size: 12px;
  text-align: center;
}
.notification_panel .tooltip_hit_area {
  padding: 10px;
  display: inline;
}
.notification_panel .action {
  margin-right: 10px;
  font-weight: bold;
}
.notification_panel .close {
  position: absolute;
  top: 4px;
  left: 6px;
  padding: 5px;
  opacity: 0.65;
}
.notification_panel .close span {
  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder */
}
.notification_panel .close:hover {
  opacity: 1;
}
.notification_panel.notification_panel_mobile {
  height: auto;
  padding: 4px 30px 6px;
}
.notification_panel.notification_panel_mobile .tooltip_hit_area {
  padding: 10px 0;
}
.notification_panel.notification_panel_mobile .tooltip_hit_area_text {
  display: block;
}
.notification_panel.notification_panel_mobile .action {
  text-decoration: underline;
}
.notification_panel.notification_panel_mobile .action.action_1 {
  margin-right: 0;
}
.notification_panel.notification_panel_mobile .close {
  top: auto;
  bottom: 4px;
}
.notification_panel.info {
  background-color: #9de1f8;
  color: #595959;
}
.notification_panel.info .action {
  color: #595959;
}
.notification_panel.info .close span {
  background-position: -263px -29px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 10px;
}
.notification_panel.warning {
  background-color: #f7e9a8;
  color: #595959;
}
.notification_panel.warning .action {
  color: #595959;
}
.notification_panel.warning .close span {
  background-position: -263px -29px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 10px;
}
.notification_panel.severe_warning {
  background-color: #d54d4d;
  color: #fff;
}
.notification_panel.severe_warning .action {
  color: #fff;
}
.notification_panel.severe_warning .close span {
  background-position: -263px -47px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 10px;
}

.navigation_header .notification_tooltip {
  display: none;
}

/* stylelint-disable-next-line selector-class-pattern */
.balloonStyle.notification_tooltip {
  position: relative;
  width: 290px;
  padding: 20px 25px;
  color: #595959;
  background-color: #f7f7f7;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  z-index: 400;
}
.balloonStyle.notification_tooltip.notification_tooltip_mobile {
  /* rtl:ignore */
  left: calc((100vw - 290px - (2 * 25px)) / 2) !important;
  top: 52px !important;
}
.balloonStyle.notification_tooltip a {
  color: #595959;
  font-weight: bold;
}
.balloonStyle.notification_tooltip .close {
  position: absolute;
  top: 4px;
  left: 3px;
  padding: 5px;
  opacity: 0.65;
  text-decoration: none;
}
.balloonStyle.notification_tooltip .close span {
  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder */
  background-position: -263px -29px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 10px;
}
.balloonStyle.notification_tooltip .close:hover {
  opacity: 1;
}

@media (max-width: 767px) {
  .mh_responsive {
    /* stylelint-disable-next-line selector-class-pattern */
  }
  .mh_responsive .notification_panel:not(.notification_panel_mobile) {
    display: none;
  }
  .mh_responsive .balloonStyle.notification_tooltip:not(.notification_tooltip_mobile) {
    display: none !important;
  }
}

/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/**
* Transforms a given palette color to the transparent version of it
*/
/* stylelint-disable */
.mobile_header {
  display: none;
}

.mh_responsive .inverse_header .mobile_header .logo {
  background-position: 0px -114px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 143px;
  height: 25px;
  display: inline-block;
}
.mh_responsive .mobile_header .hamburger {
  background-image: url("/FP/Assets/Images/InColor/Menu.svg?v=3");
  background-position: 0 0;
  background-size: auto;
  width: 24px;
  height: 24px;
}
.mh_responsive .mobile_header .logo {
  background-image: url("/FP/Assets/Images/InColor/Logo.svg?v=1");
  background-position: 0 0;
  background-size: auto;
  display: inline-block;
  width: 149px;
  height: 26px;
}
.mh_responsive .mobile_header .title_info_button {
  background-position: -191px -225px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 22px;
  height: 22px;
}
@media (max-width: 767px) {
  .mh_responsive .inverse_header .mobile_header {
    background-color: #595959;
    box-shadow: none;
  }
  .mh_responsive .mobile_header {
    display: block;
    position: relative;
    width: 100%;
    height: 50px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 8px 0 #f2f2f2;
  }
  .mh_responsive .mobile_header.aligned_to_start {
    text-align: right;
  }
  .mh_responsive .mobile_header .hamburger {
    position: absolute;
    top: 12px;
    right: 14px;
  }
  .mh_responsive .mobile_header .hamburger .notification_badge {
    position: absolute;
    height: 12px;
    width: 12px;
    top: -2px;
    left: -5px;
    border-radius: 6px;
    background: #f56932;
  }
  .mh_responsive .mobile_header .logo {
    margin-top: 13px;
    display: inline-block;
  }
  .mh_responsive .mobile_header .page_title {
    margin: 0 65px;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mh_responsive .mobile_header .page_title a {
    text-decoration: none;
  }
  .mh_responsive .mobile_header .page_title .page_title_with_info_popup {
    max-width: calc(100% - 30px);
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mh_responsive .mobile_header .title_info_button_wrapper {
    display: inline-block;
    vertical-align: top;
  }
  .mh_responsive .mobile_header .title_info_button {
    display: inline-block;
    margin-right: 7px;
    vertical-align: -3px;
  }
  .mh_responsive .mobile_header .header {
    font-weight: 400;
    font-size: 22px;
    color: #000;
  }
}

.toolbar_container {
  float: left;
  margin-left: 10px;
  height: 50px;
}
.toolbar_container > [class^=toolbar] {
  position: relative;
  display: inline-block;
  border: 0;
  margin: 0;
  outline: 0;
  padding: 15px 15px 0 0;
  background: transparent;
  vertical-align: top;
}

.toolbar_search .inner {
  background-position: -64px -225px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 24px;
  height: 24px;
}

.toolbar_filter .inner {
  background-position: 0px -225px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 24px;
  height: 24px;
}

.toolbar_upload .inner {
  background-position: -96px -225px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 24px;
  height: 24px;
}

.toolbar_select .inner {
  background-image: url("/FP/Assets/Images/PhotoWorld/select.svg?v=1");
  width: 24px;
  height: 24px;
  display: block;
}

.toolbar_more .inner {
  background-position: -32px -225px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 24px;
  height: 24px;
}

.toolbar_list .inner {
  background-position: -110px -187px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 26px;
  height: 26px;
  margin-top: -3px;
}

.toolbar_tree .inner {
  background-position: -144px -187px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 26px;
  height: 26px;
  margin-top: -3px;
  margin-right: -5px;
}

.user_strip {
  display: flex;
  justify-content: space-between;
  min-width: 768px;
  height: 40px;
  z-index: 450;
  background-color: #595959;
}

.user_strip .user_strip_item,
.user_strip_account_menu .account_menu,
.user_strip_help_menu .account_menu {
  padding: 11px 12px 11px;
  color: #ccc;
  display: inline-block;
  float: right;
  box-sizing: content-box;
}
.user_strip .user_strip_item span,
.user_strip_account_menu .account_menu span,
.user_strip_help_menu .account_menu span {
  color: #ccc;
}

.mh_desktop .user_strip a.user_strip_item.green_full_rectangle:hover {
  background-color: #acc871;
  color: #f2f2f2;
}

.mh_desktop .user_strip a.user_strip_item:hover,
.mh_desktop .user_strip_account_menu a.account_menu:hover,
.mh_desktop .user_strip_help_menu a.account_menu:hover {
  background-color: #595959;
  text-decoration: none;
}

.user_strip_start {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  height: 100%;
}
.user_strip_start .user_strip_site_data {
  display: flex;
  float: right;
}
.user_strip_start .user_strip_site_data .user_strip_item {
  border-left: solid 1px #595959;
}
.user_strip_start .user_strip_site_data .user_strip_sites_drop_down_container {
  display: flex;
}
.user_strip_start .user_strip_partner_data {
  flex-grow: 1;
  display: flex;
  justify-content: center;
}

.user_strip_end {
  position: relative;
  float: left;
  margin-left: 15px;
}
.user_strip_end a.user_strip_item,
.user_strip_end .user_strip_item_with_separator,
.user_strip_end .user_strip_account_menu .account_menu,
.user_strip_end .user_strip_help_menu .account_menu {
  border-right: solid 1px #595959;
}
.user_strip_end .button-wrapper--new {
  border-right: solid 1px #595959;
  padding: 9px 10px;
}
.user_strip_end .button-wrapper {
  float: right;
}
.user_strip_end .user_strip_item_with_separator {
  height: 40px;
}
.user_strip_end a.user_strip_prompt {
  padding: 11px 22px 11px;
  color: #f56932;
}
.user_strip_end a.user_strip_prompt:hover {
  color: #f56932;
}
.user_strip_end a.green_full_rectangle {
  background-color: #93bc56;
  color: #f2f2f2;
}
.user_strip_end a.green_full_rectangle:hover {
  background-color: #93bc56;
  color: #f2f2f2;
}

.user_strip_mimic {
  position: absolute;
  top: 40px;
  left: 0;
  padding: 0 5px 1px;
  color: #fff;
  direction: ltr;
  white-space: nowrap;
  background-color: #f02201;
}

.user_strip_drop_down,
.account_menu_links {
  position: absolute;
  text-align: right;
  display: none;
  z-index: 352;
}
.user_strip_drop_down .content,
.account_menu_links .content {
  background-color: #fff;
  border: solid 1px #e5e5e5;
  z-index: 1;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}
.user_strip_drop_down .content .links div,
.account_menu_links .content .links div {
  vertical-align: middle;
  line-height: 15px;
  display: table-cell;
}
.user_strip_drop_down .content .links a,
.account_menu_links .content .links a {
  display: block;
}
.user_strip_drop_down .content .links a:hover,
.account_menu_links .content .links a:hover {
  color: #f6f6f6;
  background-color: #f2f2f2;
  text-decoration: none;
}

.user_strip_drop_down_arrow {
  background-position: -263px -65px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 11px;
  height: 7px;
  margin-top: 7px;
  margin-right: 10px;
  padding: 0;
  float: right;
}

#user_strip_sites_drop_down {
  max-width: 217px;
  text-align: right;
}

.user_strip_sites_drop_down_title {
  max-width: 190px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  float: right;
}

.user_strip_drop_down.user_strip_sites_drop_down {
  width: 236px;
}
.user_strip_drop_down.user_strip_sites_drop_down .content .links {
  max-height: 215px;
  overflow-y: auto;
}
.user_strip_drop_down.user_strip_sites_drop_down .content .links .site {
  border-bottom: solid 1px #e5e5e5;
}
.user_strip_drop_down.user_strip_sites_drop_down .content .links .site div:last-child {
  padding: 0 10px;
}
.user_strip_drop_down.user_strip_sites_drop_down .content .links .site span.title {
  display: block;
  max-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #595959;
}
.user_strip_drop_down.user_strip_sites_drop_down .content .links .site span.title.current {
  color: #f56932;
}
.user_strip_drop_down.user_strip_sites_drop_down .content .links .site:last-child {
  border-bottom: none;
}
.user_strip_drop_down.user_strip_sites_drop_down .content .links .thumb {
  width: 40px;
  height: 40px;
}
.user_strip_drop_down.user_strip_sites_drop_down .content .links .thumb img {
  background-position: -175px 0px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 40px;
  height: 40px;
}

#user_strip_sites_preloader {
  height: 25px;
  margin-top: 9px;
  padding: 0 10px;
}
#user_strip_sites_preloader img {
  margin-left: 9px;
  width: 16px;
  height: 16px;
  float: right;
}
#user_strip_sites_preloader span {
  position: relative;
  float: right;
}

.user_strip_account_menu {
  position: relative;
  float: right;
}
.user_strip_account_menu .account_menu {
  max-width: 209px;
  text-align: right;
}
.user_strip_account_menu .account_menu span {
  margin-right: 6px;
}
.user_strip_account_menu .account_menu .account_menu_photo {
  position: relative;
  top: 7px;
  margin-top: -14px;
  float: right;
}
.user_strip_account_menu .account_menu .account_menu_photo .photo {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: solid 1px #595959;
  box-sizing: content-box;
}
.user_strip_account_menu .account_menu .account_menu_photo.silhouette {
  margin-top: -12px;
  top: 6px;
  width: 32px;
  text-align: center;
}
.user_strip_account_menu .account_menu .account_menu_photo.silhouette .photo {
  border: none;
}
.user_strip_account_menu .account_menu .account_menu_name {
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  float: right;
}

.user_strip_help_menu {
  position: relative;
  float: right;
}
.user_strip_help_menu .account_menu {
  max-width: 209px;
  text-align: right;
}
.user_strip_help_menu .account_menu span {
  margin-right: 6px;
}
.user_strip_help_menu .account_menu .account_menu_photo {
  position: relative;
  top: 7px;
  margin-top: -7px;
  float: right;
}
.user_strip_help_menu .account_menu .account_menu_name {
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  float: right;
}
.user_strip_help_menu .account_menu_links {
  width: 122px;
}
.user_strip_help_menu .account_menu_photo {
  margin-top: 3px;
  background-position: -223px -158px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 17px;
  height: 17px;
}
@media (max-width: 991px) and (min-width: 768px) {
  .user_strip_help_menu .account_menu {
    min-height: 16px;
  }
  .user_strip_help_menu .account_menu .account_menu_name {
    display: none;
  }
  .user_strip_help_menu .account_menu_links {
    margin-right: -110px;
  }
}

.user_strip_account_menu .account_arrow, .user_strip_account_menu .account_menu_arrow, .user_strip_account_menu .account_white_menu_arrow,
.user_strip_help_menu .account_arrow,
.user_strip_help_menu .account_menu_arrow,
.user_strip_help_menu .account_white_menu_arrow,
.notification_menu .account_arrow,
.notification_menu .account_menu_arrow,
.notification_menu .account_white_menu_arrow {
  margin-top: 7px;
  padding: 0;
  float: right;
}
.user_strip_account_menu .account_white_menu_arrow,
.user_strip_help_menu .account_white_menu_arrow,
.notification_menu .account_white_menu_arrow {
  background-position: -263px -80px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 11px;
  height: 7px;
}
.user_strip_account_menu .account_menu_arrow,
.user_strip_help_menu .account_menu_arrow,
.notification_menu .account_menu_arrow {
  background-position: -263px -65px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 11px;
  height: 7px;
  margin-right: 10px;
}

.notification_menu {
  position: relative;
  display: inline-block;
}
.notification_menu .account_menu {
  height: 20px;
  width: 30px;
}
.notification_menu .account_menu_links {
  top: 22px;
  left: 0;
}

.account_menu_links {
  top: 40px;
  width: 235px;
}
.account_menu_links .content .links .link {
  border-bottom: solid 1px #e5e5e5;
}
.account_menu_links .content .links .link div {
  height: 40px;
  padding: 0 13px;
  display: table-cell;
}
.account_menu_links .content .links .link span.title {
  color: #595959;
}
.account_menu_links .content .links .link:last-child {
  border-bottom: none;
}

.user_strip_inbox {
  padding-bottom: 2px;
  position: relative;
}
.user_strip_inbox .inbox_badge {
  position: absolute;
  right: -7px;
  top: -7px;
  background-color: #f56932;
  color: #e2e1db !important;
  text-align: center;
  border-radius: 13px;
  width: 13px;
  font-size: 8px;
  height: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.user_strip_inbox img {
  margin-top: 3px;
  background-position: 0px -257px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 18px;
  height: 13px;
}

#shopping_cart_user_strip_root {
  padding: 0;
  border-right: solid 1px #595959;
}
.mh_desktop #shopping_cart_user_strip_root:hover {
  background-color: #595959;
}
#shopping_cart_user_strip_root .shopping_cart_icon_container {
  position: relative;
  cursor: pointer;
  padding: 9px 18px 9px 16px;
}
#shopping_cart_user_strip_root .shopping_cart_icon {
  background-position: -128px -225px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 25px;
  height: 22px;
}

.inverse_header #user_strip_language_picker {
  color: #ccc;
  text-decoration: none;
  font-weight: 300;
  float: left;
  margin-top: 26px;
}
@media (max-width: 767px) {
  .inverse_header #user_strip_language_picker {
    display: none;
  }
}

.user_strip .user_strip_language_picker,
.inverse_header .user_strip_language_picker {
  margin-top: -3px;
}
.user_strip .user_strip_language_picker img,
.inverse_header .user_strip_language_picker img {
  margin-top: 3px;
  background-position: -221px -225px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 17px;
  height: 17px;
  display: inline-block;
}
.user_strip .user_strip_language_picker span,
.inverse_header .user_strip_language_picker span {
  position: relative;
  top: 3px;
  margin-right: 6px;
}
@media (max-width: 991px) and (min-width: 768px) {
  .user_strip .user_strip_language_picker span,
.inverse_header .user_strip_language_picker span {
    display: none;
  }
}

.user_strip_badge {
  font-size: 9px;
  line-height: 11px;
  color: #fff;
  background-color: #f56932;
  padding: 3px 6px;
  border-radius: 8px;
  display: block;
  float: right;
  direction: ltr;
}

.user_strip_badge_no_count {
  padding: 1px 4px;
}

.user_strip_matches {
  float: right;
}
.user_strip_matches a.user_strip_item,
.user_strip_matches span.user_strip_item {
  padding: 11px 0;
}
.user_strip_matches a.user_strip_item span,
.user_strip_matches span.user_strip_item span {
  position: relative;
  top: 4px;
  right: 4px;
  margin-top: -8px;
  margin-right: 9px;
  display: block;
  float: right;
}
.user_strip_matches a.user_strip_item.user_strip_matches_sm span,
.user_strip_matches span.user_strip_item.user_strip_matches_sm span {
  background-position: -212px -187px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 26px;
  height: 26px;
}
.user_strip_matches a.user_strip_item.user_strip_matches_rm span,
.user_strip_matches span.user_strip_item.user_strip_matches_rm span {
  background-position: -178px -187px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 26px;
  height: 26px;
}
.user_strip_matches a.user_strip_item.user_strip_matches_dna span,
.user_strip_matches span.user_strip_item.user_strip_matches_dna span {
  background-position: -76px -187px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 26px;
  height: 26px;
}
.user_strip_matches a.user_strip_item .user_strip_badge,
.user_strip_matches span.user_strip_item .user_strip_badge {
  position: relative;
  top: -6px;
  right: -3px;
}
.user_strip_matches span.user_strip_item span {
  opacity: 0.5;
}

.user_strip .user_strip_notification {
  padding: 0;
  display: none;
}
.user_strip .user_strip_notification .notification {
  padding: 11px 12px;
  float: right;
}
@media (max-width: 1199px) {
  .user_strip .user_strip_notification .notification {
    display: none;
  }
}
.user_strip .user_strip_notification .actions {
  float: right;
}
.user_strip .user_strip_notification.warning .text {
  color: #f7e9a8;
}
.user_strip .user_strip_notification.severe_warning .text {
  color: #fc6662;
}
.user_strip .user_strip_notification.info .text {
  color: #37bfef;
}

@media (max-width: 991px) {
  .mh_responsive .user_strip_sites_drop_down_title {
    max-width: 130px;
  }
}
@media (max-width: 991px) {
  .mh_responsive .user_strip_drop_down.user_strip_sites_drop_down {
    width: 206px;
  }
}
@media (max-width: 991px) {
  .mh_responsive .user_strip_account_menu .account_menu {
    padding-bottom: 13px;
  }
  .mh_responsive .user_strip_account_menu .account_menu .account_menu_photo {
    margin-bottom: -2px;
  }
}
@media (max-width: 991px) {
  .mh_responsive .user_strip_account_menu .account_menu .account_menu_name {
    display: none;
  }
}
@media (max-width: 991px) {
  .mh_responsive .user_strip_account_menu .account_menu .account_menu_arrow {
    margin-right: 4px;
  }
}
@media (max-width: 991px) {
  .mh_responsive .account_menu_links {
    width: 175px;
  }
}
.mh_responsive .account_menu_links #user_strip_account_drop_down_my_account_id {
  cursor: default;
}
@media (max-width: 767px) {
  .mh_responsive .user_strip {
    display: none;
  }
}

.account_id_balloon_style {
  opacity: 1;
  padding: 15px;
  max-width: 205px;
  text-align: right;
  border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 8px #ccc;
  background-color: #fff;
  color: #595959;
}

/* 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 */
.accessibility_button_container {
  position: relative;
}
.accessibility_button_container .accessibility_button {
  display: flex;
  align-items: center;
  color: #fff;
}
@media (hover: hover) {
  .accessibility_button_container .accessibility_button:hover .accessibility_button_icon {
    background-image: url("/FP/Assets/Images/Accessibility/AccessibilityButtonHover.svg?v=3");
  }
}
.accessibility_button_container .accessibility_button .accessibility_button_icon {
  width: 16px;
  height: 16px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  float: right;
  background-image: url("/FP/Assets/Images/Accessibility/AccessibilityButton.svg?v=3");
}
.accessibility_button_container .accessibility_button .accessibility_button_label {
  margin-right: 7px;
  font-size: 15px;
  color: #595959;
}
@media (min-width: 768px) {
  .accessibility_button_container .accessibility_button .accessibility_button_label.hide_accessibility_label_on_mobile {
    display: block;
  }
}
@media (max-width: 767px) {
  .accessibility_button_container .accessibility_button .accessibility_button_label.hide_accessibility_label_on_mobile {
    display: none;
  }
}
.accessibility_button_container.spinner .accessibility_button .accessibility_button_icon {
  background-image: url("/FP/Assets/Images/Accessibility/AccessibilitySpinner.gif?v=3");
  background-image: -webkit-image-set(url("/FP/Assets/Images/Accessibility/AccessibilitySpinner.gif?v=3") 1x, url("/FP/Assets/Images/Accessibility/AccessibilitySpinner@2x.gif?v=3") 2x);
}
.accessibility_button_container.inverse .accessibility_button .accessibility_button_icon {
  background-image: url("/FP/Assets/Images/Accessibility/AccessibilityButtonInverse.svg?v=4");
}
.accessibility_button_container.inverse .accessibility_button .accessibility_button_label {
  color: #fff;
}
@media (hover: hover) {
  .accessibility_button_container.inverse .accessibility_button:hover .accessibility_button_icon {
    background-image: url("/FP/Assets/Images/Accessibility/AccessibilityButtonInverseHover.svg?v=4");
  }
}
.accessibility_button_container.inverse.spinner .accessibility_button .accessibility_button_icon {
  background-image: url("/FP/Assets/Images/Accessibility/AccessibilitySpinnerInverse.gif?v=3");
  background-image: -webkit-image-set(url("/FP/Assets/Images/Accessibility/AccessibilitySpinnerInverse.gif?v=3") 1x, url("/FP/Assets/Images/Accessibility/AccessibilitySpinnerInverse@2x.gif?v=3") 2x);
}
.accessibility_button_container #mk-aweb-accessibility-panel-wrapper #mk-aweb-menu-accessibility-widget {
  position: absolute !important;
  left: 0;
  top: 25px !important;
}
@media (max-width: 767px) {
  .accessibility_button_container #mk-aweb-accessibility-panel-wrapper #mk-aweb-menu-accessibility-widget {
    position: fixed !important;
    left: 3px;
  }
}

.navigation_header .header_accessibility_button {
  display: none;
  -ms-grid-row-align: center;
  align-items: center;
  height: 32px;
  margin-top: 16px;
  padding-right: 30px;
  padding-left: 30px;
  float: left;
  border-right: solid 1px #e5e5e5;
}
@media (min-width: 1122px) {
  .navigation_header .header_accessibility_button {
    display: flex;
  }
}
.navigation_header .header_accessibility_button .desktop_header_accessibility_button .accessibility_button .accessibility_button_label {
  display: none;
}
.navigation_header.docked .header_accessibility_button {
  position: fixed;
  top: 0;
  left: 15px;
  z-index: 401;
}

.mh_responsive .navigation_header .header_accessibility_button {
  padding-left: 15px;
}
@media (min-width: 768px) {
  .mh_responsive .navigation_header .header_accessibility_button {
    display: flex;
  }
}

#go_premium_mobile,
#go_premium {
  font-weight: 400;
}

.navigation_header {
  color: #595959;
  background-color: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
}
.navigation_header a {
  color: #595959;
}
.navigation_header .PK_Silhouette {
  background-size: cover;
  background-position: 0 0;
  background-color: rgba(255, 255, 255, 0.01);
}
.navigation_header .PK_Silhouette_S_30x30_M_A_RTL {
  background-image: url("/FP/Assets/Images/NewTree/male.svg?v=3");
}
.navigation_header .PK_Silhouette_S_30x30_F_A_RTL {
  background-image: url("/FP/Assets/Images/NewTree/female.svg?v=3");
}
.navigation_header .PK_Silhouette_S_30x30_M_C_RTL {
  background-image: url("/FP/Assets/Images/NewTree/boy.svg?v=3");
}
.navigation_header .PK_Silhouette_S_30x30_F_C_RTL {
  background-image: url("/FP/Assets/Images/NewTree/girl.svg?v=3");
}
.navigation_header .PK_Silhouette_S_30x30_U_A_RTL,
.navigation_header .PK_Silhouette_S_30x30_U_C_RTL {
  background-image: url("/FP/Assets/Images/NewTree/unknown.svg?v=3");
}
.navigation_header .PK_Silhouette_S_30x30_Ribbon {
  background-image: url("/FP/Assets/Images/NewTree/Ribbon.svg?v=3");
  transform: scaleX(-1);
}
.navigation_header .navigation {
  height: 64px;
}
.navigation_header .navigation .navigation_box {
  width: 935px;
  margin: 0 auto;
}
.navigation_header .navigation .logo {
  position: relative;
  margin-top: 18px;
  right: -3px;
  height: 64px;
  background-position: 0px -38px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 167px;
  height: 30px;
  float: right;
}
.mh_desktop .navigation_header .navigation a.logo:hover {
  background-position: 0px -76px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 167px;
  height: 30px;
}
.navigation_header .navigation div.tabs {
  margin-right: 35px;
  float: right;
}
.navigation_header .navigation ul.tabs {
  outline: none;
  width: 733px;
  font-size: 18px;
  text-align: justify;
  display: table;
}
.navigation_header .navigation ul.tabs li {
  outline: none;
  position: relative;
  display: table-cell;
  text-align: center;
}
.mh_desktop .navigation_header .navigation ul.tabs li {
  z-index: 351;
}
.navigation_header .navigation ul.tabs li .tab {
  min-width: 97px;
  height: 45px;
  padding-top: 19px;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  display: block;
  box-sizing: content-box;
}
.navigation_header .navigation ul.tabs li .tab.current {
  color: #f56932;
  font-weight: 500;
}
.navigation_header .navigation ul.tabs li .tab span {
  padding: 0 5px;
}
.navigation_header .navigation ul.tabs li .tab .tab_badge {
  position: relative;
  top: -3px;
  font-size: 9px;
  color: #fff;
  background-color: #2d7559;
  border-radius: 3px;
  display: inline-block;
  padding: 4px 8px;
  margin-right: 3px;
}
.navigation_header .navigation ul.tabs li .tab_sub_menu {
  position: absolute;
  min-width: 200px;
  max-width: 286px;
  background-color: #fff;
  border: solid 1px #e5e5e5;
  border-radius: 2px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 350;
}
.navigation_header .navigation ul.tabs li .tab_sub_menu a {
  padding: 10px;
  text-decoration: none;
  font-size: 15px;
  text-align: right;
  display: block;
  white-space: nowrap;
}
.mh_desktop .navigation_header .navigation ul.tabs li .tab_sub_menu a:hover {
  background-color: #f7f7f7;
}
.navigation_header .navigation ul.tabs li .tab_sub_menu a:last-child {
  border-bottom: none;
}
.navigation_header .navigation ul.tabs li .tab_sub_menu a.current {
  color: #f56932;
}
.navigation_header .navigation ul.tabs li .tab_sub_menu a[data-activity*=MoreButton] ~ a,
.navigation_header .navigation ul.tabs li .tab_sub_menu [data-activity*=MoreButton].active {
  display: none;
}
.navigation_header .navigation ul.tabs li .tab_sub_menu a[data-activity*=MoreButton].active ~ a {
  display: block;
}
.navigation_header .navigation ul.tabs li .tab_sub_menu .tab_sub_menu_badge {
  position: relative;
  top: -2px;
  font-size: 9px;
  color: #fff;
  background-color: #2d7559;
  padding: 4px 8px;
  border-radius: 3px;
  display: inline-block;
}
@media (max-width: 1300px) {
  .navigation_header .navigation ul.tabs li:last-child .tab_sub_menu {
    left: 0;
  }
}
.navigation_header .navigation ul.tabs.narrow {
  width: auto;
}
.navigation_header .navigation ul.tabs.narrow .tab {
  min-width: 127px;
}
.navigation_header .nav_text {
  margin-right: 19px;
  margin-top: 24px;
  display: inline-block;
  font-size: 15px;
}
.navigation_header .navigation_container .mobile_header_sites_menu,
.navigation_header .navigation_container .mobile_header_account_menu,
.navigation_header .navigation_container .mobile_header_language_menu,
.navigation_header .navigation_container .mobile_header_accessibility_menu,
.navigation_header .navigation_container .mobile_header_inbox_menu,
.navigation_header .navigation_container .mobile_header_cart_menu,
.navigation_header .navigation_container .mobile_header_help_menu,
.navigation_header .navigation_container .mobile_header_menu_links,
.navigation_header .navigation_container .mobile_header_notifications,
.navigation_header .navigation_container .mobile_subscribe {
  display: none;
}
.navigation_header > .account_menu_links {
  display: none;
}
.navigation_header.docked .navigation_container {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  z-index: 400;
}
.navigation_header.docked.docked_above .navigation_container {
  box-shadow: none;
}
.navigation_header.docked .navigation_placeholder {
  height: 64px;
}

.mh_responsive #pk_master_wrapper.footer_off #pk_master_content_container {
  padding-bottom: 0;
}
.mh_responsive #pk_master_wrapper.footer_off #pk_master_footer_container {
  display: none;
}
.mh_responsive #masterPageHeader {
  position: relative;
}
.mh_responsive .navigation_header {
  position: relative;
  z-index: 400;
}
@media (min-width: 1200px) {
  .mh_responsive .navigation_header .navigation .navigation_box {
    width: 1140px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mh_responsive .navigation_header .navigation .navigation_box {
    width: 940px;
  }
}
@media (max-width: 991px) {
  .mh_responsive .navigation_header .navigation .navigation_box {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .mh_responsive .navigation_header .navigation .navigation_box div.tabs {
    margin-right: 35px;
  }
}
@media (max-width: 991px) {
  .mh_responsive .navigation_header .navigation .navigation_box div.tabs {
    margin-right: 14px;
  }
}
.mh_responsive .navigation_header .navigation .navigation_box .logo {
  right: 0;
}
@media (max-width: 991px) {
  .mh_responsive .navigation_header .navigation .navigation_box .logo {
    margin-top: 16px;
    background-position: -51px -147px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 43px;
    height: 32px;
  }
}
@media (min-width: 1302px) {
  .mh_responsive .navigation_header .navigation .navigation_box ul.tabs {
    width: 938px;
  }
}
@media (min-width: 1200px) and (max-width: 1301px) {
  .mh_responsive .navigation_header .navigation .navigation_box ul.tabs {
    width: 878px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mh_responsive .navigation_header .navigation .navigation_box ul.tabs {
    width: 678px;
  }
}
@media (max-width: 991px) {
  .mh_responsive .navigation_header .navigation .navigation_box ul.tabs {
    width: 603px;
    font-size: 15px;
  }
}
@media (max-width: 991px) {
  .mh_responsive .navigation_header .navigation .navigation_box ul.tabs li .tab {
    height: 42px;
    padding-top: 22px;
  }
}
.mh_responsive .navigation_header .navigation .navigation_box ul.tabs.narrow {
  width: auto;
}
.mh_responsive .navigation_header .navigation .navigation_box ul.tabs.narrow .tab {
  min-width: 127px;
}
@media (max-width: 991px) {
  .mh_responsive.mh_desktop .navigation_header .navigation .navigation_box a.logo:hover {
    background-position: -102px -147px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 43px;
    height: 32px;
  }
}

.mh_desktop .navigation_header .navigation .navigation_box ul.tabs li .tab .arrow {
  display: none;
}
.mh_desktop .navigation_header .navigation .navigation_box ul.tabs.on li .tab:hover {
  background-color: #f7f7f7;
  color: #f56932;
}
.mh_desktop .navigation_header .navigation .navigation_box ul.tabs.on li.open {
  background-color: #fff;
}
.mh_desktop .navigation_header .navigation .navigation_box ul.tabs.on li.open .tab {
  padding-top: 18px;
}
.mh_desktop .navigation_header .navigation .navigation_box ul.tabs.on li:last-child:hover .tab::after {
  background-color: #f56932;
}
.mh_desktop .navigation_header .navigation .navigation_box ul.tabs.on li:last-child.open .tab::after {
  background-color: #e5e5e5;
}
.mh_desktop .navigation_header .navigation .navigation_box ul.tabs.on li:hover .tab_sub_menu, .mh_desktop .navigation_header .navigation .navigation_box ul.tabs.on li.focused .tab_sub_menu {
  display: block;
}
@media (max-width: 991px) {
  .mh_desktop.mh_responsive .navigation_header .navigation .navigation_box ul.tabs.on li.open .tab {
    padding-top: 21px;
  }
}
@media (max-width: 767px) {
  .mh_desktop.mh_responsive .navigation_header .navigation .navigation_box ul.tabs.on li.open {
    border-top: none;
    box-shadow: none;
  }
  .mh_desktop.mh_responsive .navigation_header .navigation .navigation_box ul.tabs.on li.open .tab {
    padding-top: 7px;
    padding-bottom: 9px;
    background-color: #595959;
  }
  .mh_desktop.mh_responsive .navigation_header .navigation .navigation_box ul.tabs.on li.open .tab:hover {
    background-color: #595959;
  }
  .mh_desktop.mh_responsive .navigation_header .navigation .navigation_box ul.tabs.on li.open .tab_sub_menu a:hover {
    background-color: #595959;
  }
}

.mh_tablet .navigation_header .navigation .navigation_box ul.tabs li .tab .arrow,
.mh_mobile:not(.mh_responsive) .navigation_header .navigation .navigation_box ul.tabs li .tab .arrow {
  display: none;
}
.mh_tablet .navigation_header .navigation .navigation_box ul.tabs li .tab.current .arrow,
.mh_mobile:not(.mh_responsive) .navigation_header .navigation .navigation_box ul.tabs li .tab.current .arrow {
  position: absolute;
  top: 20px;
  left: 10px;
  padding: 9px 8px;
  background-color: #e5e2df;
  display: inline-block;
}
.mh_tablet .navigation_header .navigation .navigation_box ul.tabs li .tab.current .arrow::before,
.mh_mobile:not(.mh_responsive) .navigation_header .navigation .navigation_box ul.tabs li .tab.current .arrow::before {
  content: "";
  background-position: -263px -95px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 11px;
  height: 7px;
}
.mh_tablet .navigation_header .navigation .navigation_box ul.tabs li .tab.current.sub_menu,
.mh_mobile:not(.mh_responsive) .navigation_header .navigation .navigation_box ul.tabs li .tab.current.sub_menu {
  position: relative;
  padding-left: 27px;
}
.mh_tablet .navigation_header .navigation .navigation_box ul.tabs.tap li.open .tab,
.mh_mobile:not(.mh_responsive) .navigation_header .navigation .navigation_box ul.tabs.tap li.open .tab {
  padding-top: 18px;
  background-color: #fff;
  border-top: solid 1px #e5e5e5;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}
.mh_tablet .navigation_header .navigation .navigation_box ul.tabs.tap li.open .tab::before, .mh_tablet .navigation_header .navigation .navigation_box ul.tabs.tap li.open .tab::after,
.mh_mobile:not(.mh_responsive) .navigation_header .navigation .navigation_box ul.tabs.tap li.open .tab::before,
.mh_mobile:not(.mh_responsive) .navigation_header .navigation .navigation_box ul.tabs.tap li.open .tab::after {
  top: 0;
  height: 64px;
}
.mh_tablet .navigation_header .navigation .navigation_box ul.tabs.tap li.open:last-child .tab::after,
.mh_mobile:not(.mh_responsive) .navigation_header .navigation .navigation_box ul.tabs.tap li.open:last-child .tab::after {
  background-color: #e5e5e5;
}
.mh_tablet .navigation_header .navigation .navigation_box ul.tabs.tap li.open + li .tab::before,
.mh_mobile:not(.mh_responsive) .navigation_header .navigation .navigation_box ul.tabs.tap li.open + li .tab::before {
  top: 0;
  height: 64px;
  visibility: visible;
}
.mh_tablet .navigation_header .navigation .navigation_box ul.tabs.tap li.open .tab_sub_menu,
.mh_mobile:not(.mh_responsive) .navigation_header .navigation .navigation_box ul.tabs.tap li.open .tab_sub_menu {
  display: block;
}
@media (max-width: 991px) {
  .mh_tablet.mh_responsive .navigation_header .navigation .navigation_box ul.tabs.tap li.current .tab,
.mh_mobile:not(.mh_responsive).mh_responsive .navigation_header .navigation .navigation_box ul.tabs.tap li.current .tab {
    padding-top: 21px;
  }
}

@media (max-width: 991px) {
  .partner_strip_container {
    display: none;
  }
}

.partner_strip {
  color: #ccc;
  text-align: center;
  padding: 4px 10px;
}
.partner_strip span {
  position: relative;
  top: 1px;
  margin-left: 8px;
}
.partner_strip img {
  height: 36px;
}
.partner_strip img.retina {
  display: none;
}
@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) {
  .partner_strip img {
    display: none;
  }
  .partner_strip img.retina {
    display: inline-block;
  }
}

.page_header_container {
  margin-bottom: 10px;
  color: #595959;
}
.page_header_container a {
  color: #595959;
}
.page_header_container .page_header {
  padding: 25px 0 16px 0;
}
@media (max-width: 767px) {
  .page_header_container .page_header {
    padding: 10px 0 0 0;
    line-height: 20px;
  }
}
.page_header_container .page_header .title {
  display: table-cell;
  width: 100%;
  font-size: 34px;
  line-height: 32px;
  padding-bottom: 15px;
  font-weight: 200;
}
.page_header_container .page_header .title.title_with_info_popup {
  margin-top: 15px;
  display: inline-block;
  width: auto;
}
@media (max-width: 767px) {
  .page_header_container .page_header .title {
    font-size: 28px;
    padding-bottom: 20px;
  }
}
.page_header_container .page_header .title_info_button {
  background-position: -161px -225px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 22px;
  height: 22px;
  display: inline-block;
  margin-right: 7px;
  vertical-align: -1px;
}
.page_header_container .page_header .links {
  margin-top: 8px;
  padding-bottom: 10px;
}
.page_header_container .page_header .links li {
  display: inline-block;
  margin-left: 24px;
}
.page_header_container .page_header .links li a:hover {
  text-decoration: none;
}
.mh_desktop .page_header_container .page_header .links li a:hover {
  color: #f56932;
}
.page_header_container .page_header .links .current {
  color: #f56932;
}
.page_header_container .page_header .links.enhanced {
  display: flex;
  justify-content: space-between;
}
.page_header_container .page_header .links.enhanced li {
  margin-left: 0;
  font-size: 15px;
}
.page_header_container .page_header .description {
  font-size: 18px;
  font-weight: 200;
}
@media (max-width: 767px) {
  .page_header_container .page_header .description {
    font-size: 15px;
    padding: 0 15px;
  }
}
.page_header_container .page_header .breadcrumbs {
  display: inline-block;
  font-size: 14px;
  color: #ccc;
}
.page_header_container .page_header .breadcrumbs .breadcrumb {
  padding: 8px 2px;
  list-style: none;
}
.page_header_container .page_header .breadcrumbs .breadcrumb li {
  display: inline-block;
}
.page_header_container .page_header .breadcrumbs .breadcrumb li.active {
  color: #595959;
}
.page_header_container .page_header .breadcrumbs .breadcrumb li a {
  color: #7f7f7f;
  text-decoration: none;
}
.page_header_container .page_header .breadcrumbs .breadcrumb li::after {
  padding: 0 10px;
  color: #ccc;
  content: ">";
}
.page_header_container .page_header .breadcrumbs .breadcrumb li.single a {
  color: #f56932;
}
.page_header_container .page_header .breadcrumbs .breadcrumb li.single::after {
  content: none;
}
@media (max-width: 767px) {
  .page_header_container .page_header .breadcrumbs .breadcrumb {
    padding: 5px 2px;
    font-size: 12px;
  }
  .page_header_container .page_header .breadcrumbs .breadcrumb li::after {
    padding: 0 6px;
  }
}
.page_header_container .page_header .widgets {
  display: table-cell;
  font-size: 14px;
  color: #ccc;
  vertical-align: middle;
}
.page_header_container .page_header .widgets .widget {
  list-style: none;
}
.page_header_container .page_header .navigate_wrapper {
  display: none;
  padding: 8px 0;
  font-size: 14px;
  float: left;
}
.page_header_container .page_header .navigate_wrapper.has_prev, .page_header_container .page_header .navigate_wrapper.has_next {
  display: inline-block;
}
.page_header_container .page_header .navigate_wrapper .prev,
.page_header_container .page_header .navigate_wrapper .next {
  color: #ccc;
  cursor: not-allowed;
  text-decoration: none;
}
.page_header_container .page_header .navigate_wrapper .prev::before {
  content: "<";
  padding-left: 10px;
}
.page_header_container .page_header .navigate_wrapper .next::after {
  content: ">";
  padding-right: 10px;
}
.page_header_container .page_header .navigate_wrapper .separator {
  padding: 0 10px;
}
.page_header_container .page_header .navigate_wrapper.has_prev .prev, .page_header_container .page_header .navigate_wrapper.has_next .next {
  cursor: pointer;
  color: #595959;
}
.page_header_container .page_header .navigate_wrapper.has_prev .prev:hover span, .page_header_container .page_header .navigate_wrapper.has_next .next:hover span {
  text-decoration: underline;
}
@media (max-width: 767px) {
  .page_header_container .page_header .navigate_wrapper {
    padding: 5px 0;
    display: none !important;
  }
  .page_header_container .page_header .navigate_wrapper .prev::before {
    padding-left: 6px;
  }
  .page_header_container .page_header .navigate_wrapper .next::after {
    padding-right: 6px;
  }
  .page_header_container .page_header .navigate_wrapper .separator {
    padding: 0 2px;
  }
  .page_header_container .page_header .navigate_wrapper a {
    text-decoration: none;
  }
}

.mh_responsive .page_header_container .page_header {
  margin: 0 15px;
}

.mh_mobile:not(.mh_responsive) .navigation_header .navigation .navigation_box ul.tabs li .tab .arrow {
  display: none;
}
.mh_mobile:not(.mh_responsive) .navigation_header .navigation .navigation_box ul.tabs li .tab.current .arrow {
  display: none;
}
.mh_mobile:not(.mh_responsive) .navigation_header .navigation .navigation_box ul.tabs li .tab.current.sub_menu {
  position: static;
  padding-left: 0;
}

@media (max-width: 767px) {
  .mh_responsive.pushed {
    overflow: hidden;
    position: fixed;
    width: 100%;
  }
  .mh_responsive.pushed #pk_master_wrapper {
    transform: translateX(-278px);
    -moz-transform: translateX(-278px);
    -webkit-transform: translateX(-278px);
  }
  .mh_responsive.pushed #pk_master_content_container {
    height: 100%;
  }
  .mh_responsive #pk_master_content_container {
    padding-bottom: 0;
  }
  .mh_responsive #pk_master_wrapper {
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
  }
  .mh_responsive .navigation_header.docked .navigation_placeholder {
    display: none;
  }
  .mh_responsive .navigation_header .navigation_container {
    position: absolute;
    top: 0;
    right: 0;
    width: 278px;
    height: 90vh;
    transform: translateX(100%);
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: #595959;
    z-index: 1;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_container {
    min-height: calc(90% - 63px);
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_sites_menu .user_strip_sites_drop_down_title {
    margin-top: 15px;
    margin-right: 18px;
    max-width: 242px;
    font-size: 14px;
    color: #f7f7f7;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_sites_menu .user_strip_drop_down_arrow {
    display: none;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_sites_menu,
.mh_responsive .navigation_header .navigation_container .mobile_header_account_menu,
.mh_responsive .navigation_header .navigation_container .mobile_header_help_menu,
.mh_responsive .navigation_header .navigation_container .mobile_header_language_menu,
.mh_responsive .navigation_header .navigation_container .mobile_header_accessibility_menu,
.mh_responsive .navigation_header .navigation_container .mobile_header_inbox_menu,
.mh_responsive .navigation_header .navigation_container .mobile_header_cart_menu {
    border-bottom: solid 1px #595959;
    display: block;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_sites_menu {
    height: 51px;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_account_menu,
.mh_responsive .navigation_header .navigation_container .mobile_header_help_menu,
.mh_responsive .navigation_header .navigation_container .mobile_header_language_menu,
.mh_responsive .navigation_header .navigation_container .mobile_header_accessibility_menu,
.mh_responsive .navigation_header .navigation_container .mobile_header_inbox_menu,
.mh_responsive .navigation_header .navigation_container .mobile_header_cart_menu {
    height: 44px;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_account_menu .back_button_reverted,
.mh_responsive .navigation_header .navigation_container .mobile_header_help_menu .back_button_reverted,
.mh_responsive .navigation_header .navigation_container .mobile_header_language_menu .back_button_reverted,
.mh_responsive .navigation_header .navigation_container .mobile_header_accessibility_menu .back_button_reverted,
.mh_responsive .navigation_header .navigation_container .mobile_header_inbox_menu .back_button_reverted,
.mh_responsive .navigation_header .navigation_container .mobile_header_cart_menu .back_button_reverted {
    float: left;
    padding: 11px 20px;
    display: none;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .mh_responsive .navigation_header .navigation_container .mobile_header_account_menu .back_button_reverted,
.mh_responsive .navigation_header .navigation_container .mobile_header_help_menu .back_button_reverted,
.mh_responsive .navigation_header .navigation_container .mobile_header_language_menu .back_button_reverted,
.mh_responsive .navigation_header .navigation_container .mobile_header_accessibility_menu .back_button_reverted,
.mh_responsive .navigation_header .navigation_container .mobile_header_inbox_menu .back_button_reverted,
.mh_responsive .navigation_header .navigation_container .mobile_header_cart_menu .back_button_reverted {
    display: block;
  }
}
@media (max-width: 767px) {
  .mh_responsive .navigation_header .navigation_container .mobile_header_menu_links {
    position: absolute;
    top: 0;
    width: 278px;
    height: 90vh;
    overflow-y: scroll;
    z-index: 1;
    transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    background-color: #595959;
    display: block;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_menu_links .mobile_menu_links .header {
    height: 51px;
    border-bottom: solid 1px #595959;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_menu_links .mobile_menu_links .header .back_button {
    float: right;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_menu_links .mobile_menu_links .header .back_button a {
    padding: 14px 20px;
    display: inline-block;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_menu_links .mobile_menu_links .header .title {
    float: right;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_menu_links.pushed {
    transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
  }
}
@media (max-width: 767px) {
  .mh_responsive .navigation_header .navigation_container .mobile_header_account_menu .account_menu_photo,
.mh_responsive .navigation_header .navigation_container .mobile_header_help_menu .account_menu_photo,
.mh_responsive .navigation_header .navigation_container .mobile_header_menu_links .account_menu_photo {
    float: right;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_account_menu .account_menu_photo .photo,
.mh_responsive .navigation_header .navigation_container .mobile_header_help_menu .account_menu_photo .photo,
.mh_responsive .navigation_header .navigation_container .mobile_header_menu_links .account_menu_photo .photo {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: solid 1px #f7f7f7;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_account_menu .account_menu_photo.silhouette,
.mh_responsive .navigation_header .navigation_container .mobile_header_help_menu .account_menu_photo.silhouette,
.mh_responsive .navigation_header .navigation_container .mobile_header_menu_links .account_menu_photo.silhouette {
    width: 32px;
    text-align: center;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_account_menu .account_menu_photo.silhouette .photo,
.mh_responsive .navigation_header .navigation_container .mobile_header_help_menu .account_menu_photo.silhouette .photo,
.mh_responsive .navigation_header .navigation_container .mobile_header_menu_links .account_menu_photo.silhouette .photo {
    border: none;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_account_menu .account_menu_name,
.mh_responsive .navigation_header .navigation_container .mobile_header_help_menu .account_menu_name,
.mh_responsive .navigation_header .navigation_container .mobile_header_menu_links .account_menu_name {
    margin-right: 10px;
    font-size: 14px;
    color: #f7f7f7;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    float: right;
  }
}
@media (max-width: 767px) and (max-width: 991px) and (min-width: 768px) {
  .mh_responsive .navigation_header .navigation_container .mobile_header_account_menu .account_menu_name,
.mh_responsive .navigation_header .navigation_container .mobile_header_help_menu .account_menu_name,
.mh_responsive .navigation_header .navigation_container .mobile_header_menu_links .account_menu_name {
    display: none;
  }
}
@media (max-width: 767px) {
  .mh_responsive .navigation_header .navigation_container .help_menu_container .account_menu_photo {
    background-position: -223px -120px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 30px;
    height: 30px;
  }
  .mh_responsive .navigation_header .navigation_container .help_menu_container .account_menu_photo .photo {
    border: none;
  }
}
@media (max-width: 767px) {
  .mh_responsive .navigation_header .navigation_container .mobile_header_account_menu .account_menu,
.mh_responsive .navigation_header .navigation_container .mobile_header_account_menu .help_menu,
.mh_responsive .navigation_header .navigation_container .mobile_header_help_menu .account_menu,
.mh_responsive .navigation_header .navigation_container .mobile_header_help_menu .help_menu {
    width: 278px;
    height: 36px;
    display: block;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_account_menu .account_menu_photo,
.mh_responsive .navigation_header .navigation_container .mobile_header_help_menu .account_menu_photo {
    margin-top: 6px;
    margin-right: 15px;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_account_menu .account_menu_name,
.mh_responsive .navigation_header .navigation_container .mobile_header_help_menu .account_menu_name {
    margin-top: 11px;
    max-width: 170px;
  }
}
@media (max-width: 767px) {
  .mh_responsive .navigation_header .navigation_container .mobile_header_menu_links .account_menu_photo {
    margin-top: 10px;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_menu_links .account_menu_name {
    margin-top: 15px;
    max-width: 176px;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_menu_links .content a {
    width: 278px;
    padding: 8px 18px;
    font-size: 18px;
    color: #f7f7f7;
    text-decoration: none;
    border-bottom: solid 1px #595959;
    display: block;
  }
}
@media (max-width: 767px) {
  .mh_responsive .navigation_header .navigation_container .mobile_header_language_menu .user_strip_language_picker img,
.mh_responsive .navigation_header .navigation_container .mobile_header_menu_links .user_strip_language_picker img {
    display: inline-block;
    float: right;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_language_menu .user_strip_language_picker span,
.mh_responsive .navigation_header .navigation_container .mobile_header_menu_links .user_strip_language_picker span {
    margin-right: 10px;
    font-size: 14px;
    color: #f7f7f7;
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .mh_responsive .navigation_header .navigation_container .mobile_header_language_menu .user_strip_language_picker img {
    margin-top: 6px;
    margin-right: 15px;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_language_menu .user_strip_language_picker span {
    margin-top: 11px;
  }
}
@media (max-width: 767px) {
  .mh_responsive .navigation_header .navigation_container .mobile_header_menu_links .user_strip_language_picker img {
    margin-top: 10px;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_menu_links .user_strip_language_picker span {
    margin-top: 15px;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_menu_links .language_list a {
    width: 278px;
    padding: 8px 18px;
    font-size: 18px;
    color: #f7f7f7;
    text-decoration: none;
    border-bottom: solid 1px #595959;
    display: block;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_menu_links .language_list .languageSelectorLink,
.mh_responsive .navigation_header .navigation_container .mobile_header_menu_links .language_list .languageSelectorLabel {
    position: static;
    width: 278px;
    margin-bottom: 0;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_menu_links .language_list .languageSelectorLabel a {
    font-weight: normal;
    color: #f56932;
  }
}
@media (max-width: 767px) {
  .mh_responsive .navigation_header .navigation_container .mobile_header_accessibility_menu {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 15px;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_accessibility_menu .mobile_header_accessibility_button {
    width: 100%;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_accessibility_menu .mobile_header_accessibility_button .accessibility_button .accessibility_button_icon {
    width: 30px;
    height: 30px;
    background-color: transparent;
    background-image: url("/FP/Assets/Images/Accessibility/MobileHeaderAccessibilityButton.svg?v=3");
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_accessibility_menu .mobile_header_accessibility_button .accessibility_button .accessibility_button_label {
    color: #f7f7f7;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_accessibility_menu .mobile_header_accessibility_button.spinner .accessibility_button .accessibility_button_icon {
    background-image: url("/FP/Assets/Images/Accessibility/MobileHeaderAccessibilitySpinner.gif?v=3");
    background-image: -webkit-image-set(url("/FP/Assets/Images/Accessibility/MobileHeaderAccessibilitySpinner.gif?v=3") 1x, url("/FP/Assets/Images/Accessibility/MobileHeaderAccessibilitySpinner@2x.gif?v=3") 2x);
  }
}
@media (max-width: 767px) {
  .mh_responsive .navigation_header .navigation_container .mobile_header_inbox_menu .inbox_menu_item {
    width: 100%;
    height: 100%;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_inbox_menu .inbox_menu_item .mobile_inbox_container {
    display: flex;
    align-items: center;
    padding: 0 15px;
    height: 100%;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_inbox_menu .inbox_menu_item .mobile_inbox_container .inbox_text {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    color: #f7f7f7;
    margin: 0 10px;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_inbox_menu .inbox_menu_item .mobile_inbox_container .inbox_badge {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    line-height: 16px;
    text-align: center;
    font-size: 11px;
    background-color: #f56932;
    color: #fff;
  }
}
@media (max-width: 767px) {
  .mh_responsive .navigation_header .navigation_container .mobile_header_cart_menu .shopping_cart_menu_item {
    width: 100%;
    height: 100%;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_cart_menu .shopping_cart_menu_item .shopping_cart_mobile_item_container {
    display: flex;
    align-items: center;
    padding: 0 15px;
    height: 100%;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_cart_menu .shopping_cart_menu_item .shopping_cart_mobile_item_container .shopping_cart_text {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    color: #f7f7f7;
    margin: 0 10px;
  }
}
@media (max-width: 767px) {
  .mh_responsive .navigation_header .navigation_container .mobile_header_notifications {
    display: block;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_notifications .message {
    margin-top: 11px;
    font-size: 14px;
    text-align: center;
    display: block;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_notifications .message span.warning {
    color: #f7e9a8;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_notifications .message span.severe_warning {
    color: #fc6662;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_notifications .actions a {
    margin: 12px 2px 0;
    padding: 9px 0 11px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #f7f7f7;
    border: solid 1px #f7f7f7;
    border-radius: 4px;
    display: block;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_notifications .actions a:first-of-type {
    margin: 10px 3px 0;
    padding: 11px 0;
    color: #595959;
    background-color: #f7f7f7;
    border: none;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_notifications .actions a:first-of-type.warning {
    background-color: #f7e9a8;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_notifications .actions a:first-of-type.severe_warning {
    background-color: #fc6662;
    color: #fff;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_header_notifications .actions a:nth-child(2).warning, .mh_responsive .navigation_header .navigation_container .mobile_header_notifications .actions a:nth-child(2).severe_warning {
    background-color: #f7f7f7;
    color: #595959;
  }
}
@media (max-width: 767px) {
  .mh_responsive .navigation_header .navigation_container .mobile_subscribe {
    margin-top: 10px;
    text-align: center;
    min-height: 52px;
    position: relative;
  }
  .mh_responsive .navigation_header .navigation_container .mobile_subscribe a {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .mh_responsive .navigation_header .navigation {
    height: auto;
  }
  .mh_responsive .navigation_header .navigation .navigation_box {
    width: auto;
  }
  .mh_responsive .navigation_header .navigation .navigation_box .logo {
    display: none;
  }
  .mh_responsive .navigation_header .navigation .navigation_box div.tabs {
    margin: 0;
    float: none;
  }
  .mh_responsive .navigation_header .navigation .navigation_box ul.tabs {
    width: 278px;
    display: block;
    text-align: right;
  }
  .mh_responsive .navigation_header .navigation .navigation_box ul.tabs li {
    display: block;
    border-bottom: solid 1px #595959;
  }
  .mh_responsive .navigation_header .navigation .navigation_box ul.tabs li .tab {
    padding-top: 8px;
    padding-right: 18px;
    padding-bottom: 8px;
    height: auto;
    font-size: 18px;
    color: #f7f7f7;
    text-align: right;
  }
  .mh_responsive .navigation_header .navigation .navigation_box ul.tabs li .tab::before {
    display: none;
  }
  .mh_responsive .navigation_header .navigation .navigation_box ul.tabs li .tab.current {
    color: #f56932;
  }
  .mh_responsive .navigation_header .navigation .navigation_box ul.tabs li .tab span {
    padding: 0;
  }
  .mh_responsive .navigation_header .navigation .navigation_box ul.tabs li .tab .arrow {
    margin-top: 3px;
    padding: 8px 15px;
    border-right: solid 1px #595959;
    float: left;
  }
  .mh_responsive .navigation_header .navigation .navigation_box ul.tabs li .tab_sub_menu {
    position: static;
    text-align: left;
    background-color: #595959;
    border: none;
    border-top: solid 1px #595959;
    box-shadow: none;
  }
  .mh_responsive .navigation_header .navigation .navigation_box ul.tabs li .tab_sub_menu a {
    width: 238px;
    padding: 11px 0;
    font-size: 14px;
    color: #f7f7f7;
    border-bottom-color: #595959;
    display: inline-block;
  }
  .mh_responsive .navigation_header .navigation .navigation_box ul.tabs li .tab_sub_menu a.current {
    color: #f56932;
  }
  .mh_responsive .navigation_header .navigation .navigation_box ul.tabs li .tab_sub_menu a[data-activity*=MoreButton] ~ a,
.mh_responsive .navigation_header .navigation .navigation_box ul.tabs li .tab_sub_menu [data-activity*=MoreButton].active {
    display: none;
  }
  .mh_responsive .navigation_header .navigation .navigation_box ul.tabs li .tab_sub_menu a[data-activity*=MoreButton].active ~ a {
    display: inline-block;
  }
  .mh_responsive .navigation_header .navigation .navigation_box ul.tabs li .tab_sub_menu .separator {
    width: 238px;
    border-top-color: #595959;
    border-bottom-color: #595959;
    float: left;
  }
  .mh_responsive .navigation_header .navigation .navigation_box ul.tabs li:last-child .tab::after {
    display: none;
  }
  .mh_responsive .navigation_header .navigation .navigation_box ul.tabs.tap li.open .tab .arrow::before {
    background-position: -175px -128px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 13px;
    height: 8px;
  }
}
.mh_responsive .inbox_mobile_icon {
  width: 30px;
  height: 30px;
  background-image: url("/FP/Assets/Images/MasterPage/inbox_icon_mobile.png?v=1");
  background-image: -webkit-image-set(url("/FP/Assets/Images/MasterPage/inbox_icon_mobile.png?v=1") 1x, url("/FP/Assets/Images/MasterPage/inbox_icon_mobile@2x.png?v=1") 2x);
}
.mh_responsive .shopping_cart_mobile_icon {
  position: relative;
  background-position: 0px -187px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 30px;
  height: 30px;
}

.mh_responsive.mh_mobile .navigation_header .navigation .navigation_box ul.tabs.tap li.open .tab_sub_menu {
  display: block;
}

.mobile_header_language_menu .user_strip_language_picker img,
.mobile_header_menu_links .user_strip_language_picker img {
  background-position: -38px -187px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 30px;
  height: 30px;
}

.navigation_box .tab .arrow::before {
  content: "";
  background-position: -196px -128px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 13px;
  height: 8px;
}

.mobile_header_account_menu .back_button_reverted::after,
.mobile_header_help_menu .back_button_reverted::after,
.mobile_header_language_menu .back_button_reverted::after {
  content: "";
  background-position: -151px -114px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 12px;
  height: 21px;
}

.mobile_menu_links .header .back_button a::after {
  content: "";
  background-position: -263px 0px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 12px;
  height: 21px;
}

.navigation_header.inverse_header {
  background-color: #595959;
}
.navigation_header.inverse_header .navigation .logo {
  background-position: 0px 0px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 167px;
  height: 30px;
}
@media (max-width: 991px) {
  .navigation_header.inverse_header .navigation .navigation_box .logo {
    background-position: 0px -147px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 43px;
    height: 32px;
  }
}

.contact_site_creator_guest_banner_container {
  height: auto;
  margin-top: -48px;
  padding: 18px 11px;
  font-size: 13px;
  background-color: #595959;
}
@media (max-width: 767px) {
  .contact_site_creator_guest_banner_container {
    margin-top: 0;
  }
}
.contact_site_creator_guest_banner_container .banner_message_container {
  line-height: 20px;
  color: #fff;
}
.contact_site_creator_guest_banner_container .sub_message_container {
  display: flex;
}
@media (max-width: 1199px) {
  .contact_site_creator_guest_banner_container .sub_message_container {
    display: block;
  }
}
.contact_site_creator_guest_banner_container .guest_message {
  margin-right: 5px;
}
@media (max-width: 1199px) {
  .contact_site_creator_guest_banner_container .guest_message {
    margin-right: 0;
  }
}
.contact_site_creator_guest_banner_container .contact_cta {
  height: 28px;
  cursor: pointer;
  margin-top: 12px;
  padding: 4px 20px;
  font-weight: bold;
  border-radius: 28px;
  display: inline-block;
  box-sizing: border-box;
  color: #595959;
  background-color: #fff;
}
.contact_site_creator_guest_banner_container .contact_cta:hover {
  background-color: #f7f7f7;
}

/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/**
* Transforms a given palette color to the transparent version of it
*/
/* stylelint-disable */
/* minitag from search */
.miniTag {
  display: inline-block;
  zoom: 1;
  color: white;
  font-size: 10px;
  height: 19px;
  line-height: 19px;
  margin: 0 2px;
}

.miniTagCenter {
  display: table-cell;
  border-radius: 3px;
  padding: 0 4px;
}

.normalMiniTag.greenMiniTag .miniTagCenter {
  background-color: #5ca653;
}

.normalMiniTag.redMiniTag .miniTagCenter {
  background-color: #dd6a4c;
}

.normalMiniTag.purpleMiniTag .miniTagCenter {
  background-color: #9667bf;
}

/* Small mini tag */
/* Default color - green */
.smallMiniTag {
  font-size: 9px;
  height: 13px;
  line-height: 13px;
}

.smallMiniTag.greenMiniTag .miniTagCenter {
  background-color: #5ca653;
}

.smallMiniTag.redMiniTag .miniTagCenter {
  background-color: #dd6a4c;
}

.smallMiniTag.purpleMiniTag .miniTagCenter {
  background-color: #9667bf;
}

/* end minitag */
.new_footer_section {
  min-height: 260px;
}

.page_with_guest_footer {
  position: relative;
}
.page_with_guest_footer #pk_master_content_container {
  padding-bottom: 260px;
}
.page_with_guest_footer #pk_master_footer_container {
  height: 260px;
}

.page_with_seo_footer {
  position: relative;
}
.page_with_seo_footer #pk_master_content_container {
  padding-bottom: 64px;
}
.page_with_seo_footer #pk_master_footer_container {
  height: 64px;
}

.page_with_mini_footer {
  position: relative;
}
.page_with_mini_footer #pk_master_content_container {
  padding-bottom: 64px;
}
.page_with_mini_footer #pk_master_footer_container {
  height: 64px;
}

.lang_DE .page_with_mobile_footer #pk_master_content_container {
  padding-bottom: 315px;
}

.lang_DE .page_with_mobile_footer #pk_master_footer_container,
.lang_DE .page_with_mobile_footer #footer_new {
  height: 315px;
}

.page_with_mobile_footer {
  position: relative;
}
.page_with_mobile_footer #pk_master_content_container {
  padding-bottom: 285px;
}
.page_with_mobile_footer #pk_master_footer_container,
.page_with_mobile_footer #footer_new {
  height: 285px;
}

.footer_container {
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .footer_container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .footer_container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .footer_container {
    width: 1170px;
  }
}

.mh_responsive #pk_master_footer_container.new_footer_container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.page_with_copyrights_footer #footer_new {
  text-align: center;
}
.page_with_copyrights_footer #pk_master_content_container {
  padding-bottom: 67px;
}
.page_with_copyrights_footer .footer {
  margin: 12px 0;
}
.page_with_copyrights_footer .footer .footer_copyright {
  color: #878680;
}
.page_with_copyrights_footer .footer .footer_copyright > * {
  padding: 6px;
}

.page_with_infectious_diseases_footer {
  position: relative;
}
.page_with_infectious_diseases_footer #pk_master_content_container {
  padding-bottom: 71px;
}
@media (max-width: 767px) {
  .page_with_infectious_diseases_footer #pk_master_content_container {
    padding-bottom: 150px;
  }
}
.page_with_infectious_diseases_footer #pk_master_footer_container {
  height: 71px;
}
@media (max-width: 767px) {
  .page_with_infectious_diseases_footer #pk_master_footer_container {
    height: 150px;
  }
}

.page_with_phone_assistant_footer {
  padding-bottom: 59px;
}
@media (max-width: 767px) {
  .page_with_phone_assistant_footer {
    padding-bottom: 128px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .page_with_phone_assistant_footer {
    padding-bottom: 100px;
  }
}
.page_with_phone_assistant_footer #footer_new {
  padding: 8px 0;
}
.page_with_phone_assistant_footer #footer_new .footer {
  color: #ccc;
  line-height: 30px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .page_with_phone_assistant_footer #footer_new .footer {
    flex-direction: column;
  }
}
.page_with_phone_assistant_footer #footer_new .footer bdi {
  white-space: nowrap;
}
.page_with_phone_assistant_footer #footer_new .footer .contact_details,
.page_with_phone_assistant_footer #footer_new .footer .contact_details_disclaimer {
  padding: 0 6px;
}
@media (max-width: 767px) {
  .page_with_phone_assistant_footer #footer_new .footer .contact_details,
.page_with_phone_assistant_footer #footer_new .footer .contact_details_disclaimer {
    padding: 0;
  }
}
.page_with_phone_assistant_footer #footer_new .footer .contact_details {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .page_with_phone_assistant_footer #footer_new .footer .contact_details_disclaimer {
    margin-top: 10px;
  }
}
.page_with_phone_assistant_footer #footer_new .footer .footer_assistance {
  float: left;
}
@media (max-width: 767px) {
  .page_with_phone_assistant_footer #footer_new .footer .footer_assistance {
    line-height: 20px;
  }
}
.page_with_phone_assistant_footer #footer_new .footer .footer_assistance a {
  font-weight: bold;
  display: inline-block !important;
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .page_with_phone_assistant_footer #footer_new .footer .footer_assistance img {
    float: right;
  }
}
@media (max-width: 767px) {
  .page_with_phone_assistant_footer #footer_new .footer .footer_assistance img {
    max-height: 60px;
  }
}
.page_with_phone_assistant_footer #footer_new .footer .footer_assistance img.retina {
  display: none;
}
@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) {
  .page_with_phone_assistant_footer #footer_new .footer .footer_assistance img {
    display: none;
  }
  .page_with_phone_assistant_footer #footer_new .footer .footer_assistance img.retina {
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .page_with_phone_assistant_footer #footer_new .footer .footer_links {
    width: 50%;
    margin-left: 0;
    margin-top: 5px;
  }
}
@media screen and (max-width: 355px) {
  .page_with_phone_assistant_footer #footer_new .footer .footer_links {
    width: 75%;
  }
}
.page_with_phone_assistant_footer #footer_new .footer .footer_copyright {
  float: right;
}
@media (max-width: 767px) {
  .page_with_phone_assistant_footer #footer_new .footer .footer_copyright {
    width: 100%;
  }
}
.page_with_phone_assistant_footer #footer_new .footer .footer_company {
  display: flex;
}
@media (max-width: 991px) {
  .page_with_phone_assistant_footer #footer_new .footer .footer_company {
    flex-direction: column;
  }
}
.page_with_phone_assistant_footer #footer_new .footer .phone_assistant {
  float: left;
}
@media (max-width: 767px) {
  .page_with_phone_assistant_footer #footer_new .footer .phone_assistant {
    width: 61%;
    color: #fff;
    font-weight: 300;
    line-height: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .page_with_phone_assistant_footer #footer_new .footer .phone_assistant {
    width: 60%;
  }
}
.page_with_phone_assistant_footer #footer_new .footer .bbb_logo {
  margin-left: 10px;
  padding: 6px;
}
@media (min-width: 992px) {
  .page_with_phone_assistant_footer #footer_new .footer .bbb_logo {
    max-width: 55px;
  }
}

.page_with_phone_assistant_right_logo_footer .footer_padding {
  height: 132px;
}
@media (min-width: 992px) {
  .page_with_phone_assistant_right_logo_footer .footer_padding {
    height: 71px;
  }
}
.page_with_phone_assistant_right_logo_footer .footer {
  padding: 8px 75px 19px 35px;
  font-size: 13px;
  color: #fff;
  box-sizing: border-box;
}
@media (min-width: 992px) {
  .page_with_phone_assistant_right_logo_footer .footer {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 1px 17px;
  }
}
.page_with_phone_assistant_right_logo_footer .footer_assistance {
  text-decoration: underline;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .page_with_phone_assistant_right_logo_footer .footer_assistance {
    padding-left: 11px;
    text-decoration: none;
    margin-bottom: 0;
  }
}
.page_with_phone_assistant_right_logo_footer .footer_assistance .working_hours {
  display: none;
}
.page_with_phone_assistant_right_logo_footer .footer_assistance .phone_assistant_phone_number div {
  margin-left: 0;
}
.page_with_phone_assistant_right_logo_footer .footer_assistance .phone_assistant_phone_number div strong,
.page_with_phone_assistant_right_logo_footer .footer_assistance .phone_assistant_phone_number div b {
  font-weight: normal;
}
@media (min-width: 992px) {
  .page_with_phone_assistant_right_logo_footer .footer_assistance .phone_assistant_phone_number {
    display: flex;
  }
  .page_with_phone_assistant_right_logo_footer .footer_assistance .phone_assistant_phone_number div {
    margin-left: 10px;
  }
}
.page_with_phone_assistant_right_logo_footer .footer_copyright {
  color: #e5e5e5;
}
@media (min-width: 992px) {
  .page_with_phone_assistant_right_logo_footer .footer_copyright {
    color: #fff;
    margin-left: auto;
  }
  .page_with_phone_assistant_right_logo_footer .footer_copyright .footer_company {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
  }
}
.page_with_phone_assistant_right_logo_footer .footer_logo {
  position: absolute;
  top: 25px;
  right: 28px;
}
@media (min-width: 992px) {
  .page_with_phone_assistant_right_logo_footer .footer_logo {
    position: static;
    transform: none;
  }
}
.page_with_phone_assistant_right_logo_footer .footer_logo .bbb_logo {
  max-width: 43px;
  max-height: 31px;
}
.page_with_phone_assistant_right_logo_footer .footer_logo .bbb_logo.retina {
  display: none;
}
@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) {
  .page_with_phone_assistant_right_logo_footer .footer_logo .bbb_logo {
    display: none;
  }
  .page_with_phone_assistant_right_logo_footer .footer_logo .bbb_logo.retina {
    display: inline-block;
  }
}
@media (min-width: 992px) {
  .page_with_phone_assistant_right_logo_footer .footer_logo .bbb_logo {
    max-width: 51px;
    margin-left: 19px;
  }
}

#footer_new {
  background-color: #595959;
  padding: 46px 0 30px;
  text-align: right;
}
@media (max-width: 767px) {
  #footer_new {
    padding: 20px 0;
  }
}
#footer_new.footer_mini_wrapper {
  padding: 13px 0;
}
#footer_new.footer_infectious_diseases_wrapper {
  height: 71px;
  display: flex;
  padding: 0;
}
@media (max-width: 767px) {
  #footer_new.footer_infectious_diseases_wrapper {
    height: 150px;
  }
}
#footer_new.footer_infectious_diseases_wrapper .footer_mini .footer_links_header,
#footer_new.footer_infectious_diseases_wrapper .footer_mini .footer_link {
  font-size: 18px;
  color: #fff;
  margin-right: 20px;
}
@media (max-width: 767px) {
  #footer_new.footer_infectious_diseases_wrapper .footer_mini .footer_links {
    padding: 20px 15px;
  }
  #footer_new.footer_infectious_diseases_wrapper .footer_mini .footer_links .footer_nav_list_item {
    width: 50%;
  }
  #footer_new.footer_infectious_diseases_wrapper .footer_mini .footer_links .footer_nav_list_item .footer_links_header,
#footer_new.footer_infectious_diseases_wrapper .footer_mini .footer_links .footer_nav_list_item .footer_link {
    font-size: 15px;
  }
}
#footer_new .footer_links_header,
#footer_new .footer_link {
  color: rgba(255, 255, 255, 0.6);
}
#footer_new .footer_link_highlighted {
  color: #f56932;
  text-decoration: underline;
}
#footer_new .footer_links_header {
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
}
#footer_new .footer_link {
  font-size: 12px;
  word-wrap: break-word;
}
#footer_new .privacy_options_icon {
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 35px;
  background-image: url("/FP/Assets/Images/Icons/privacyoptions.svg?v=2");
}
#footer_new .footer_links_container {
  list-style: none;
  margin: 0 0 15px;
  padding: 0;
  text-align: right;
}
#footer_new .footer_nav_list_item {
  line-height: 27px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  #footer_new .footer_nav_list_item {
    line-height: 25px;
  }
}
#footer_new .copyright {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  white-space: nowrap;
}
#footer_new .logo,
#footer_new .social,
#footer_new .copyright {
  margin-bottom: 15px;
}
#footer_new .upgrade_button {
  margin-bottom: 16px;
  margin-left: 80px;
}
#footer_new .upgrade_button a {
  padding: 0 26px;
  font-weight: 200;
  line-height: 28px;
  border-radius: 16px;
  margin-bottom: 14px;
}
#footer_new .logo img {
  background-position: 0px 0px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 167px;
  height: 30px;
}
#footer_new .footer_mobile {
  line-height: 1;
  text-align: center;
}
#footer_new .footer_mobile .footer_links_container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#footer_new .footer_mobile .footer_company {
  display: flex;
  justify-content: center;
  margin-top: 28px;
}
@media (max-width: 767px) {
  #footer_new .footer_mobile .footer_company {
    margin-top: 10px;
  }
}
#footer_new .footer_mobile .footer_company img {
  background-position: 0px -114px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 143px;
  height: 25px;
}
#footer_new .footer_mobile .footer_links_header {
  font-size: 12px;
}
#footer_new .footer_mobile .footer_nav_list_item {
  padding: 2px 12px;
}
#footer_new .footer_mobile .footer_company,
#footer_new .footer_mobile .footer_social {
  text-align: center;
}
#footer_new .footer_mobile .upgrade_button,
#footer_new .footer_mobile .footer_links_container {
  margin: 5px 0 0 0;
}
#footer_new .footer_mobile .upgrade_button #go_premium {
  margin-top: 10px;
  font-weight: normal;
}
#footer_new .footer_mobile .copyright {
  margin: 6px 0 12px;
}
#footer_new .footer_mobile .footer_disclaimer {
  color: rgba(255, 255, 255, 0.6);
  background-color: #595959;
  text-align: center;
  padding: 5px 15px;
  margin: 0 -15px;
}
#footer_new .footer_mini {
  line-height: 1;
  display: flex;
  justify-content: space-between;
  padding: 0 15px;
}
#footer_new .footer_mini .footer_links_header {
  font-size: 12px;
  line-height: 1;
}
#footer_new .footer_mini .footer_links_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: right;
  height: 100%;
  align-items: center;
  margin: 0;
}
#footer_new .footer_mini .footer_nav_list_item {
  padding-left: 16px;
}
#footer_new .footer_mini .footer_copyright {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: static;
  justify-content: flex-end;
}
#footer_new .footer_mini .footer_copyright > * {
  padding: 0 6px;
}
#footer_new .footer_mini .footer_company,
#footer_new .footer_mini .footer_social {
  display: inline-block;
}
#footer_new .footer_mini .footer_company {
  color: #878680;
  display: flex;
  align-items: center;
}
#footer_new .footer_mini .upgrade_button {
  margin: 4px 0;
}
#footer_new .footer_mini .upgrade_button .footer_upgrade_button {
  margin: 0;
}
@media (max-width: 1199px) {
  #footer_new .footer_mini {
    flex-wrap: wrap;
  }
  #footer_new .footer_mini .footer_copyright,
#footer_new .footer_mini .footer_links,
#footer_new .footer_mini .upgrade_button {
    width: 100%;
  }
  #footer_new .footer_mini .upgrade_button {
    text-align: left;
    order: -1;
  }
  #footer_new .footer_mini .footer_social {
    margin: 8px 0;
  }
}
#footer_new .footer_phone_assistance {
  -ms-grid-row-align: baseline;
  align-items: baseline;
}
#footer_new .footer_phone_assistance .footer_links {
  margin: 0 auto 0 15px;
}
#footer_new .footer_phone_assistance .footer_links_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: right;
  height: 100%;
  align-items: center;
  margin: 0;
  column-gap: 15px;
}
#footer_new .footer_phone_assistance .footer_links_header {
  font-size: 12px;
  line-height: 1;
}
#footer_new .footer_guest .footer_guest_row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#footer_new .footer_guest .footer_column {
  padding-left: 14px;
  box-sizing: border-box;
}
#footer_new .footer_guest::before, #footer_new .footer_guest::after {
  content: none;
}
#footer_new .footer_guest .tablet_view {
  display: block;
}
#footer_new .footer_guest .tablet_view.copyright_and_socials {
  margin-top: 20px;
}
@media (max-width: 991px) {
  #footer_new .footer_guest .footer_company_section {
    width: 100%;
  }
  #footer_new .footer_guest .desktop_view {
    display: none;
  }
}
@media (min-width: 992px) {
  #footer_new .footer_guest {
    flex-wrap: nowrap;
  }
  #footer_new .footer_guest .footer_company_section {
    flex: 1.5 0 0;
  }
  #footer_new .footer_guest .footer_links_section {
    flex: 1 0 0;
  }
  #footer_new .footer_guest .tablet_view {
    display: none;
  }
}
#footer_new .footer_disclaimer {
  color: rgba(255, 255, 255, 0.6);
  padding: 0 15px;
  flex: 1;
}
#footer_new .miniTag {
  margin-top: 3px;
  vertical-align: middle;
}
@media (max-width: 991px) {
  #footer_new .miniTag {
    margin-top: 0;
  }
}
#footer_new .NewLabelWidgetStart {
  vertical-align: baseline;
}

.content_visibility_auto {
  content-visibility: auto;
}

#dk_footer {
  background-color: #595959;
}

#dk_footer_box {
  padding-top: 40px;
  padding-bottom: 20px;
  transition: padding-top 0.2s;
}

#dk_footer_links {
  margin-bottom: 25px;
}
#dk_footer_links .col-sm-9 {
  padding: 0;
}
#dk_footer_links .NewLabelWidget {
  position: relative;
  top: -2px;
}
#dk_footer_links li {
  line-height: 15px;
  margin: 12px 0;
}
#dk_footer_links .smallMiniTag {
  height: 11px;
  padding: 0;
}
@media (max-width: 767px) {
  #dk_footer_links {
    margin-bottom: 30px;
  }
  #dk_footer_links #go_premium {
    white-space: inherit;
  }
}

#dk_footer_copyright {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  #dk_footer_copyright {
    margin-bottom: 0;
  }
}

.dk_footer_links_header,
.dk_footer_link {
  color: #ccc;
}

.dk_footer_links_header {
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
}

.dk_footer_link {
  font-size: 12px;
  word-wrap: break-word;
}

#dk_footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}

.dk_footer_bottom_separator {
  width: 20%;
}

#dk_footer_company {
  text-align: right;
}
@media (max-width: 767px) {
  #dk_footer_company {
    text-align: center;
  }
}

#dk_footer_company span {
  position: relative;
  top: 3px;
  font-size: 12px;
  color: #878680;
  white-space: nowrap;
}

#dk_footer_company img {
  background-position: 0px -114px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 143px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  text-indent: -9999px;
  overflow: hidden;
  margin-left: 14px;
}

#dk_footer_social {
  margin-top: -8px;
  text-align: left;
}
@media (max-width: 767px) {
  #dk_footer_social {
    text-align: center;
    margin-top: 30px;
  }
}

#dk_footer_name_directory {
  max-width: 365px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4px;
}
@media (max-width: 767px) {
  #dk_footer_name_directory {
    max-width: 345px;
  }
}
#dk_footer_name_directory a {
  font-size: 12px;
  color: #878680;
}
#dk_footer_name_directory td {
  text-align: center;
}

@media (max-width: 767px) {
  #dk_footer_box {
    padding-top: 0;
  }

  .bottom_column {
    padding-top: 0;
  }

  #dk_footer_links div {
    padding-top: 30px;
    text-align: right;
  }
}
@media (max-width: 991px) {
  .mh_responsive .bottom_column {
    padding-top: 30px;
  }
}
.short_footer {
  padding: 0 15px;
  color: #ccc;
  background-color: #595959;
}
.short_footer .links {
  padding-top: 23px;
  display: block;
}
@media (min-width: 768px) {
  .short_footer .links {
    float: right;
  }
}
@media (max-width: 767px) {
  .short_footer .links {
    text-align: center;
  }
}
@media (min-width: 480px) {
  .short_footer .links li {
    display: inline-block;
  }
}
@media (max-width: 479px) {
  .short_footer .links li {
    display: block;
  }
}
.short_footer .links a {
  margin-left: 12px;
  color: #ccc;
}
@media (max-width: 767px) {
  .short_footer .links a {
    line-height: 35px;
  }
}
.short_footer .company {
  color: #878680;
}
@media (min-width: 768px) {
  .short_footer .company {
    margin-top: 23px;
    padding-bottom: 19px;
    float: left;
  }
}
@media (max-width: 767px) {
  .short_footer .company {
    margin-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    clear: both;
  }
}
.short_footer .company_center {
  padding: 23px 0 18px;
  color: #ccc;
  text-align: center;
}
@media (min-width: 768px) {
  .short_footer .footer_social {
    position: relative;
    top: 15px;
    margin-right: 15px;
    float: left;
  }
}
@media (max-width: 767px) {
  .short_footer .footer_social {
    margin-top: 15px;
    text-align: center;
    display: block;
  }
}

.footer_padding {
  height: 80px;
}

.footer_social {
  display: inline-block;
}
.footer_social a {
  margin-right: 12px;
}
.footer_social a:first-child {
  margin-right: 0;
}
.footer_social .facebook {
  background-position: -175px -48px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 32px;
  height: 32px;
  display: inline-block;
}
.mh_desktop .footer_social .facebook:hover {
  background-position: -175px -88px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 32px;
  height: 32px;
  display: inline-block;
}
.footer_social .twitter {
  background-position: -223px -40px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 32px;
  height: 32px;
  display: inline-block;
}
.mh_desktop .footer_social .twitter:hover {
  background-position: -223px -80px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 32px;
  height: 32px;
  display: inline-block;
}
.footer_social .google_plus {
  background-position: -153px -147px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 32px;
  height: 32px;
  display: inline-block;
}
.mh_desktop .footer_social .google_plus:hover {
  background-position: -223px 0px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 32px;
  height: 32px;
  display: inline-block;
}

.accessibility_menu_container {
  left: 0;
  bottom: 0;
  z-index: 10;
  position: fixed;
  margin-bottom: 30px;
  margin-left: 40px;
}
.accessibility_menu_container .accessibility_menu {
  border-radius: 4px;
  margin-bottom: 5px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  box-shadow: 0 0 10px 2px #dad7d0;
}
.accessibility_menu_container .accessibility_menu .font_size {
  padding: 10px;
  border-bottom: 1px solid #e5e5e5;
}
.accessibility_menu_container .accessibility_menu .font_size .font_size_slider {
  cursor: pointer;
}
.accessibility_menu_container .accessibility_menu .smaller_font {
  font-size: 10px;
  padding-left: 3px;
  vertical-align: super;
  color: #595959;
}
.accessibility_menu_container .accessibility_menu .larger_font {
  font-size: 16px;
  float: left;
  padding-right: 3px;
  color: #595959;
}
.accessibility_menu_container .accessibility_toaster {
  width: 150px;
  padding: 10px;
  border-radius: 4px;
  float: left;
  background-color: #595959;
}
.accessibility_menu_container .accessibility_toaster .accessibility_menu_arrow {
  padding: 5px 0 0;
  width: 11px;
  height: 7px;
  overflow: hidden;
  margin-left: 5px;
  display: inline-block;
  transform: rotate(180deg);
  background-repeat: no-repeat;
  background-position: -24px -234px;
  background-image: url("/FP/Assets/Images/Sprites/masterpage_sprite.png?v=112");
}
.accessibility_menu_container .accessibility_toaster #accessibility_menu_item {
  float: right;
  letter-spacing: 1px;
}
.accessibility_menu_container .accessibility_toaster a {
  float: right;
  text-decoration: none;
  color: #f7f7f7;
}
.accessibility_menu_container .accessibility_toaster .close {
  float: right;
  margin-right: 13px;
}

.accessibility_menu_hidden {
  display: none;
}

.tab_focus *:focus {
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.3);
}

#skip_to_main {
  position: absolute;
  right: 4px;
  top: 4px;
  outline: 0;
  z-index: -1;
  opacity: 0;
}
#skip_to_main::-moz-focus-inner {
  border: 0;
}

#skip_to_main:focus {
  z-index: 1;
  opacity: 1;
}

/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/**
* Transforms a given palette color to the transparent version of it
*/
/* stylelint-disable */
/* New prompt */
/* ========== */
.NewLabelWidget {
  white-space: nowrap;
}

.colored_new_label_base, .new_label_grey, .NewLabelWidgetStart {
  color: #fff;
  border-radius: 3px;
  vertical-align: super;
  padding: 1px 4px;
}

.NewLabelWidgetStart {
  background-color: #f56932;
  height: 12px;
  font-size: 9px;
  font-weight: normal;
  line-height: 11px;
}

.new_label_grey {
  background-color: #595959;
  text-transform: uppercase;
  float: left;
  border: 1px #595959 solid;
  font-size: 12px;
}

/* 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 */
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}

#pk_master_wrapper {
  position: relative;
  height: auto !important;
  min-height: 100%;
  height: 100%;
}

#pk_master_content_container {
  position: relative;
}

#pk_master_footer_container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #646362;
}
#pk_master_footer_container.sliding_footer {
  z-index: 301;
  position: fixed;
  top: calc(100% - 45px);
  transition: all 0.2s;
}
#pk_master_footer_container.sliding_footer #dk_footer_box {
  padding-top: 0;
}
#pk_master_footer_container.sliding_footer.footer_active #dk_footer_box {
  padding-top: 40px;
}
@media (max-width: 767px) {
  .mh_responsive #pk_master_footer_container {
    position: relative;
  }
}

/* Navigation regions */
/* =================== */
.pk_site_navigation_regionsNewPrompt {
  position: relative;
  top: -4px;
}

/* Navigation sections */
/* =================== */
.pk_site_navigation_sectionsNewPrompt {
  position: relative;
  top: -2px;
}

/* SlideNavigator */
/* ================ */
.sn_button {
  background-image: url("/FP/Assets/Images/Misc/slideNavigator.png?v=1");
}

.sn_button_gray {
  background-image: url("/FP/Assets/Images/Misc/slideNavigator_gray.png?v=2");
}

#sn_start,
#sn_end {
  width: 12px;
  height: 13px;
  background-repeat: no-repeat;
  display: block;
  float: right;
}

#sn_start {
  margin-left: 17px;
  background-position: -16px -2px;
}

#sn_start:hover {
  background-position: -16px -17px;
}

#sn_end {
  margin-right: 3px;
  background-position: -2px -2px;
}

#sn_end:hover {
  background-position: -2px -17px;
}

.sn_bullet,
.sn_bullet_active {
  width: 6px;
  height: 6px;
  margin-top: 4px;
  margin-left: 14px;
  background-repeat: no-repeat;
  display: block;
  float: right;
}

.sn_bullet {
  background-position: -30px -2px;
}

.sn_bullet:hover {
  background-position: -30px -10px;
}

.sn_bullet_active {
  background-position: -30px -18px;
}

/*
 * Individuals ComboBox
 */
.individuals_combo_box_wrapper {
  position: relative;
}
.individuals_combo_box_wrapper .combo_box_arrow,
.individuals_combo_box_wrapper .combo_box_magnify {
  position: absolute;
}
.individuals_combo_box_wrapper .combo_box_arrow {
  top: 7px;
}
.individuals_combo_box_wrapper .combo_box_arrow img {
  display: block;
}
.individuals_combo_box_wrapper .combo_box_magnify {
  display: block;
  top: 6px;
}
.individuals_combo_box_wrapper .FL_FieldText {
  padding-left: 20px;
  box-sizing: border-box;
}

.drop-item {
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #e5e0d8;
  overflow: hidden;
  background-repeat: repeat-y;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(90, 86, 77, 0.3);
  font-size: 12px;
  padding: 10px 10px 5px;
  min-height: 47px;
  border-bottom-color: #eae8e7;
}

a.drop-item:hover {
  text-decoration: none;
}

.drop-status {
  padding: 9px 14px 2px;
  font-size: 14px;
}

.drop-status-text {
  color: black;
  padding: 1px 12px 0;
  vertical-align: middle;
  white-space: normal;
}

.drop-status-icon {
  vertical-align: middle;
}

.autocomplete_div {
  position: relative;
  z-index: 500;
}

.autocomplete_input {
  border: 1px solid #a5acb2;
  width: 298px;
}

.dropdown {
  z-index: 500;
  background-color: #fbfbfb;
  white-space: nowrap;
  overflow: auto;
  height: 10px;
  overflow-x: hidden;
  display: none;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #eae8e7;
  border-top: none;
  box-shadow: -3px 2px 7px rgba(150, 150, 150, 0.5), 3px 2px 7px rgba(150, 150, 150, 0.5);
  border-radius: 0 0 8px 8px;
  padding-bottom: 7px;
}

.drop-item .drop-img,
.drop-item .drop-text,
.drop-status .drop-img,
.drop-status .drop-text {
  float: right;
}

.drop-item .drop-img {
  width: 30px;
  height: 40px;
  position: relative;
}

.drop-status .drop-img {
  padding: 10px;
  width: 56px;
  height: 70px;
}

.drop-item .drop-text {
  margin-right: 10px;
  width: 80%;
  white-space: nowrap;
  color: #616160;
}

.text-box-loading {
  background: url(/FP/Assets/Images/Misc/Loading-2.gif) no-repeat scroll 100% 5%;
  background-color: #fff;
}

#autocomplete {
  border: 1px solid #a5acb2;
  width: 310px;
}

.sel {
  background-color: #efede9;
}

.autocomplete-name {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
  min-height: 44px;
  /*	font-weight:bold;
  */
}

.autocomplete-relation,
.autocomplete-date {
  font-size: 12px;
  font-weight: normal;
}

.ReducedSizeTextGreyLabel {
  font-size: 11px;
  font-weight: normal;
}

.BreadcrumbsSeparator {
  color: #8a8a8a;
  font-size: 16px;
}

.autocomplete-relation {
  color: #8f897a;
}

img.autocomplete-image {
  border-radius: 3px;
  width: 30px;
  height: 40px;
}

.autocomplete-image-silhouette {
  width: 30px;
  height: 40px;
}

.dropdown,
#FindAPersonParent,
#TotalPeopleSummaryParent {
  direction: rtl;
}

/*
 * End of Individuals ComboBox
 */
/*
 * Standard mode CSS replaces to rounded pannels
 */
.CssAssociationRoundedPanel,
.CssLightBlueRoundedPanel,
.CssGrayRoundedPanelSmall {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 4px;
}

.CssAssociationRoundedPanel {
  background-color: #fef7dd;
}

.CssLightBlueRoundedPanel {
  background-color: #e9f6ff;
}

.CssGrayRoundedPanelSmall {
  background-color: #f6f6f6;
}

.CssGrayBorderNoGradient {
  border: 1px solid #cdd4d9;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 4px;
}

/*
 * Override classes from common.css when used in standard pages
 */
/* start of inner tabs */
td.FL_InnerTabs[align=center] {
  text-align: center;
}

.FL_InnerTabsActiveCenter,
.FL_InnerTabsActiveCenter_Roll,
.FL_InnerTabsInactiveCenter,
.FL_InnerTabsInactiveCenter_Roll {
  height: 23px;
  box-sizing: content-box;
}

.FL_InnerTabsInactiveCenter,
.FL_InnerTabsInactiveCenter_Roll {
  padding-top: 4px;
}

/* end of inner tabs */
/* start of action buttons */
.outerButtonTable td[valign=middle] {
  vertical-align: middle;
}

a.ActionButtonLabel {
  display: block;
}

/* end of action buttons */
/* Link with Callout icons */
img.MyHeritageStaff,
img.MyHeritageStaffLarge,
img.PremiumPlusMember,
img.PremiumPlusMemberLarge,
img.CompleteMember,
img.CompleteMemberLarge,
img.VipMember,
img.VipMemberLarge,
img.PayingMember,
img.PayingMemberLarge,
img.PowerUser,
img.PowerUserLarge,
img.PayingPowerUserLarge,
img.PayingPowerUser,
img.InfoIconLTR,
img.InfoIconRTL {
  vertical-align: baseline;
}

/* Map callout classes */
.map_callout_link img {
  position: relative;
  top: -2px;
}

/* rounded panel - standard mode */
.StandardRoundedPanel {
  padding: 10px;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
}
.StandardRoundedPanel.BlueShortRoundedPanel, .StandardRoundedPanel.GrayShortRoundedPanel {
  padding: 5px 6px;
}
.StandardRoundedPanel.lightOrangeDeepRoundedPanel, .StandardRoundedPanel.lightGreenDeepRoundedPanel, .StandardRoundedPanel.lightRedDeepRoundedPanel, .StandardRoundedPanel.lightGrayDeepRoundedPanel {
  border-radius: 15px;
  padding: 15px;
}

/* rounded panel - standard mode */
.StandardRoundedGradient {
  padding: 10px;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
}

.yellowGrayGradient {
  border: 1px solid #e8e8e8;
  background-image: linear-gradient(to bottom, #fafaf0, #fffcd4 98px, #fffcd4);
}

#dayCalloutGradient,
#dayCalloutGradientLoading {
  width: 339px;
  background-image: linear-gradient(to bottom, #e6f2fc, #fff);
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
}

#dayCalloutGradient {
  position: absolute;
}

#dayCalloutGradientLoading {
  height: 76px;
  text-align: center;
  line-height: 76px;
  margin-top: 31px;
  margin-bottom: 20px;
  margin-right: 8px;
}

/* Navigation_Generic Widget */
/* ========================= */
.navigationGenericBox {
  padding: 5px 0;
  background-color: #fbf7f4;
  border-radius: 7px;
  box-shadow: 0 2px 0 #d5d5d4;
}

.navigationGenericBox .header {
  border-bottom: 1px solid #e6e6e6;
  margin-right: 20px;
  padding: 8px 0 15px 20px;
}

.navigationGenericBox ul {
  list-style-type: none;
  padding: 0 17px 20px 0;
}

.navigationGenericBox li a,
.navigationGenericBox li .selected,
.navigationGenericBox li .title {
  padding: 6px;
  border-bottom: 1px solid #e6e6e6;
  display: block;
}

.navigationGenericBox li .indented {
  padding-right: 16px;
}

.navigationGenericBox .selected {
  background: #fff;
}

.navigationGenericBox .selected span {
  color: #105a83;
}

.navigationGenericBox .title span {
  display: block;
  font-weight: bold;
  overflow-x: hidden;
}

ul.SideNavigationPanel {
  border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  list-style-type: none;
  box-sizing: border-box;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}
ul.SideNavigationPanel li {
  border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
}

.whatsThisShadowBox {
  background-color: white;
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.3);
}

.EditableDropDown {
  top: 0;
}

.standardVerticalAlignTop {
  vertical-align: top;
}

.standardVerticalAlignMiddle {
  vertical-align: middle;
}

.standardVerticalAlignBottom {
  vertical-align: bottom;
}

.standardMarginRight {
  margin-right: 5px;
}

.standardBackgroundRepetitionX {
  background-repeat: repeat-x;
}

.standardBackgroundRepetitionY {
  background-repeat: repeat-y;
}

.standardBackgroundRepetition {
  background-repeat: repeat;
}

.standardFloating {
  float: left;
}

.standardLineHeightStyling {
  line-height: 0;
}

.standardPaddingUpStyling {
  padding-top: 0;
}

.PhotoOuterBorder {
  border: 1px solid #a9a9a9;
}

.highlight-text {
  background-color: #ffeab2;
  font-weight: bold;
  padding: 2px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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